Главная | Случайная
Обратная связь

ТОР 5 статей:

Методические подходы к анализу финансового состояния предприятия

Проблема периодизации русской литературы ХХ века. Краткая характеристика второй половины ХХ века

Ценовые и неценовые факторы

Характеристика шлифовальных кругов и ее маркировка

Служебные части речи. Предлог. Союз. Частицы

КАТЕГОРИИ:






Форма, разделённая горизонтальной линией

Задание № 1.

1. Создайте новую HTML-страницу.

2. Создайте заголовок первого уровня (тег <H1>) и «отцентрируйте» его.

3. Создайте маркированный (<ul> <li> </li> </ul>) и нумерованный (<ol> <li> </li> </ol>) списки.

4. Создайте гипертекстовую ссылку (тег <a href="/"> </a>) с последнего пункта нумерованного списка.

Задание № 2.

1. Поместите изображение на страницу (тег <img src="/" />).

2. Сделайте размещенное изображение ссылкой (тег <a href="/"> </a>).

3. Еще раз разместите это же изображение на странице, и также сделайте его гипертекстовой ссылкой. Добейтесь, чтобы рамка вокруг изображения не была видна. Отцентрируйте изображение и текст под ним.

4. Сделайте задний фон страницы светло-желтым __ (#FFFFD9),
цвет непосещенных ссылок – красным __ (#FF0000),
посещенных – синим __ (#0000FF).

5. В нумерованном списке текст пункта 4 сделайте жирным (теги <strong> </strong>и <b> </b>),
а пункта 5 - курсивным (наклонным) (теги <em> </em>и <i> </i>).

Задание № 3.

1. Создайте три Web-страницы. Первая страница будет домашней, поэтому переименуйте её в index.html (ещё одно допустимое название –default.html).

2. Создайте домашнюю страницу, назвав её «Рабочее место Web–мастера». Эта страница обязательно должна содержать ссылки на две другие страницы, посвящённые Html-редакторам и графическим редакторам.

3. Вторая страница посвящена HTML редактору Macromedia Home Site 5. На этой странице есть следующие ссылки:

a. Две ссылки на Интернет-сайты производителей Macromedia Home Site 5 (http://www.macromedia.com/ и http://www.allaire.com).

b. Ссылка-рисунок, при нажатии на которую в браузер загружается картинка с изображением интерфейса программы (картинка загружается в отдельном окне: target="blank").

c. Ссылка для возвращения на домашнюю страницу.

 

4. На третьей странице рассказывается о размещении изображениях на страницах. Третья страница содержит:

a. Cсылку-рисунок, при нажатии на которую в браузер загружается картинка с изображением интерфейса программы Adobe Photoshop (картинка загружается в отдельном окне: target="blank")

b. Cсылку на домашнюю страницу.

 

Задание № 4.

1. Создайте новую HTML-страницу.

2.Создайте новую Web-страницу.
Разместите на странице таблицу из 5 рядов и 5 колонок.
Выполните объединение ячеек таблицы, как показано на рисунке

 

Объединение ячеек таблицы:

     
 
     
     
 
         

 

 

3. Сохраните страницу в личной папке в файл table3.html

 

Задание № 5.

1. Создайте новую HTML-страницу.

2. Создайте новую Web-страницу. Разместите на странице таблицу.
Выровняйте таблицу по центру страницы.
Цвет заднего фона таблицы = "#E2E2E2".
Ширина таблицы = 500 пикселей.
Расстояние между границей ячейки и ее содержимым = 15 пикселей.
Толщина границы = 5 пикселей, цвет границы = "#008000
Цвет второго ряда таблицы = #FFFFCA"
Цвет ячейки 3 = "#FFCACA", цвет ячейки 5 = "#ECFFEC" (см. рисунок).

 

Форматирование заднего фона таблиц, рядов и ячеек:

 

 

3. Сохраните страницу в личной папке в файл table2.html

 

Задание № 6.

1. Создайте новую HTML-страницу.

2.Создайте новую Web-страницу. Разместите на странице таблицу.
Ширина таблицы = 90%, высота = 600 пикселей.
Высота рядов = 200 пикселей.
Ширина колонок = 30%
Выполните форматирование текста в таблице, как показано на рисунке.

 

В таблице могут использоваться следующие способы выравнивания:

По горизонтали: - слева; По вертикали: - вверху. По горизонтали: - слева; По вертикали: - по центру. (этот способ используется по умолчанию) По горизонтали: - слева; По вертикали: - внизу.
По горизонтали: - по центру; По вертикали: - вверху. По горизонтали: - по центру; По вертикали: - по центру. По горизонтали: - по центру; По вертикали: - внизу.
По горизонтали: - справа; По вертикали: - вверху. По горизонтали: - справа; По вертикали: - по центру. По горизонтали: - справа; По вертикали: - внизу.

 

 

3. Сохраните страницу в личной папке в файл table1.html

 

Задание № 7.

1. Создайте сайт, посвящённый какой-либо теме (например, каталог чего-либо) и содержащий фреймовую структуру из трёх фреймов.
В одном их фреймов поместите навигацию, а в самый большой фрейм загружайте 4-5 станиц по ссылкам.
Необходимые изображения возьмите в сетевой папке Картинки.

2. Сохраните сайт в отдельной папке

 

Задание № 8.

1. Создайте новую HTML-страницу.

2. Создайте форму с использованием и без использования тэга переноса строки.

 

 

Форма без использования тэга <br>

Имя: Адрес электронной почты: @mail.ru @rambler.ru @yandex.ru @tolpa.net @narod.ru @anekdotov.net Пароль:

Форма с тэгом <br>

Имя:

Адрес электронной почты:
@mail.ru @rambler.ru @yandex.ru @tolpa.net @narod.ru @anekdotov.net
Пароль:


 

3. Сохраните страницу в личной папке в файл form1.html

 

Задание № 9.

1. Создайте новую HTML-страницу.

2. Создайте форму с использованием в качестве разделителя тэга, создающего горизонтальную линию.

Форма, разделённая горизонтальной линией

Введите тему сообщения:

Введите текст самого сообщения:

Укажите почтовый адрес:
nic @mail.ru @rambler.ru @yandex.ru @tolpa.net @narod.ru @anekdotov.net

Введите пароль:

 

 

3. Сохраните страницу в личной папке в файл form2.html

 

Задание № 10.

1. Создайте новую HTML-страницу.

2. Создайте форму с использованием таблиц для выравнивания формы.

<== предыдущая лекция | следующая лекция ==>
Что такое веб-дизайн, его основные элементы, этапы и принципы | Лабораторная работа№1 Представление текстовых документов в формате HTML

Не нашли, что искали? Воспользуйтесь поиском:

vikidalka.ru - 2015-2018 год. Все права принадлежат их авторам! Нарушение авторских прав | Нарушение персональных данных