Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Z_html.doc
Скачиваний:
5
Добавлен:
09.12.2018
Размер:
3.53 Mб
Скачать

4.5.1. Пример выполнения задания №5

Чтобы получить в окне программы просмотра изображение, представленное на рис. 3, нужно разработать третий HTML-документ. В окне программы Блокнот третий HTML-документ выглядит следующим образом.

<HTML><HEAD><TITLE> Ресторан </TITLE><img src=50.gif ALIGN=LEFT>

<H1> МЕНЮ РЕСТОРАНА “МЕРАНИ” </H1><BR CLEAR=LEFT> </HEAD>

<BODY BGCOLOR=PINK>

<OL TYPE=I> <LI> ЗАВТРАК </LI>

<UL>

<LI> шашлык</LI>

<li> каша </li>

<LI> яичница </LI>

<LI> салат </LI>

</ul>

<LI> ОБЕД </LI>

<OL TYPE=1> <LI> первые блюда </LI>

<UL>

<LI> суп харчо </LI>

<LI> борщ </LI>

<LI> рассольник </LI>

</UL>

<LI> вторые блюда </LI>

<UL>

<LI> плов </LI>

<LI> шницель с овощами </LI>

<LI> кура-гриль </LI>

<LI> картофель-фри </LI>

</UL>

<LI> напитки </LI>

<UL>

<LI> кофе </LI>

<LI> чай </LI>

<LI> соки </LI>

</UL>

</OL TYPE=1>

<LI> УЖИН </LI>

<UL>

<LI> шашлык</LI>

<LI> мясо по-французски </LI>

<LI> рыба по-польски </LI>

</UL>

</OL>

<P> БАР </P>

<P> ПОСЕТИТЕ НАШ БАР !</P>

<UL>

<LI> испанские вина </LI>

<LI> французские вина </LI>

<LI> коньяк </LI>

<LI> водка </LI>

</UL>

<P> ДЕСЕРТЫ </P>

<DL>

<DT> звездная ночь

<DD> взбитые сливки с шоколадом </DD></DT>

<DT> тропический рай

<DD> фрукты с мороженым </DD> </DT>

</DL>

Вы можете вернуться на <a href=index.html>главную страницу сайта</a><BR>

С нашими товарами Вы можете ознакомиться на странице:

<a href=shop.htm>магазин</a><BR>

</BODY></HTML>

Заголовок документа содержит его название Ресторан. Назначение тегов этого HTML-документа следует изучить по [9 и 10].

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

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

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

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

1. Заголовок “МЕНЮ РЕСТОРАНА”. В этом заголовке студент использует свою фамилию или имя, например: “Меню ресторана Елена”.

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

3. Список блюд. Список блюд следует оставить неизменным, но для каждого блюда нужно указать его цену (произвольную).

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

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

Цвет фона документа должен определяться значением не PINK, а другим - в соответствии с таблицей 3 и индивидуальным номером студента.

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

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

Документ, рассмотренный в пункте 4.5.2.1, должен быть записан в файл rest.html. Затем нужно выполнить в окне папки двойной щелчок мышью на имени rest.html. Показать преподавателю результаты работы.