4.4.2. Указания по выполнению задания №4

HTML-документ, создаваемый при выполнении задания № 4, сначала записывается студентом в контрольную работу. Затем в ходе практических занятий в компьютерных классах института студент записывает этот документ в виде файла в свою рабочую папку. Рассмотрим оба этапа создания документа студентом.

4.4.2.1. Запись html-документа в контрольной работе

Рассмотрим каждый элемент, который должен располагаться на странице.

1. Название фирмы. В названии фирмы студент использует свою фамилию или имя, например: “Одежда для женщин - Елена”.

2. Логотип фирмы. На рис. 2 логотипом служит изображение лошади, формируемое тегом: <img src=50.gif>. В контрольной работе студент записывает в этом теге вместо числа 50 свой индивидуальный номер, определенный по таблице 1. Например, Иванова Елена записывает: <img src=16.gif>.

3. Рекламное обращение к посетителю страницы. Обращение к посетителю страницы следует выбрать по собственному вкусу.

4. Прайс-лист. Прайс-лист оформляется в виде таблицы. Цвет верхней строки таблицы, содержащей заголовок, должен определяться значением не DD0000, а другим - в соответствии с таблицей 3 и индивидуальным номером студента. Цвет остальных трех строк студент в контрольной работе оставляет без изменения. Наименования товаров в прайс-листе (и в рекламном обращении) студент выбирает по своему вкусу, но эти наименования должны отличаться от примера на рис. 2.

5. HTML-ссылки на две другие страницы сайта, разрабатываемые при выполнении заданий № 3 и 5. У всех студентов эти ссылки должны остаться в неизменном виде:

<a href=index.html> и <a href=rest.html>. Названия всех трех HTML-документов будут одинаковы у всех студентов: index.html, shop.htm, rest.html.

4.4.2.2. Создание файла с html-документом

В свою индивидуальную папку студент скопировал HTML-документ shop.htm при выполнении пункта 4.3.2.2. Теперь документ shop.htm должен быть отредактирован в соответствии с индивидуальным заданием, выполненным в контрольной работе. При редактировании следует использовать программу Блокнот.

Документ, рассмотренный в пункте 4.4.2.1, должен быть записан в файл shop.htm. Затем нужно выполнить в окне папки двойной щелчок мышью на имени shop.htm. После запуска программы просмотра нужно подобрать цвет трех строк таблицы. Цвет верхней строки таблицы, содержащей заголовок, был выбран в пункте 4.4.2.1 в соответствии с таблицей 3 и индивидуальным номером студента. Цвет остальных трех строк в контрольной работе оставлен без изменения. Теперь цвет нижних строк следует подобрать по собственному вкусу в соответствии с цветом верхней строки. Показать преподавателю результаты работы.

Рис. 3. Третий HTML-документ в окне программы просмотра (фрагмент)

4.5. Задание №5

Пятое задание состоит в разработке третьего HTML-документа. Этот документ rest.html предназначен для размещения меню ресторана. На странице должны располагаться следующие элементы (рис.3): 1)заголовок “МЕНЮ РЕСТОРАНА” с указанием имени или фамилии студента, 2)логотип фирмы, 3)список блюд, 4)HTML-ссылки на две другие страницы сайта, разрабатываемые при выполнении заданий № 3 и 4.

HTML-документ, который формирует изображение, представленное на рис.3, рассмотрен в пункте 4.5.1. Методические указания по выполнению задания №5 даны в пункте 4.5.2.