ИТ / Инф-технологии ММ-МТ / Web / Лаб Web
.htmСоздание Web страниц Лабораторная работа №2 - 3 Создание Web-страниц 1. В текстовом редакторе Блокнот создайте текст простейшей Web-страницы и сохраните его в своей папке под именем Шаблон.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
<TITLE>Заголовок документа</TITLE>
</HEAD>
<BODY>Текст документа
</BODY>
</HTML>
Откройте в браузере Internet Explorer Web-страницу Шаблон.html и переведите её в режим редактирования (Вид - Просмотр HTML-кода).
Сохраните под названием Задание1.html
Введите заголовки первого и второго уровней и следующий текст:
Страницы истории Об основании Ярославля
В 988-1010 годах на престоле Ростовского княжества сидел сын киевского князя Владимира Ярослав, который и основал Ярославль в 1010 году. Ярослав(ль) означает Ярославов - ярославий город. Образовано оно от древнерусского имени Ярослав, которое состоит из двух частей: “ярый”(весенний) и “слав” (слава).
Цвет фона сделайте желтым, цвет символов основного текста пурпурным
<BODY BGCOLOR=
TEXT=>
Оформите заголовок первого уровня крупным красным жирным шрифтом с подчеркиванием
<FONT COLOR=RED> <U> </U></FONT>,
заголовок второго уровня – синим полужирным курсивом.
< FONT COLOR=BLUE> <B> <I> </B> </I> </FONT>
Сохраните изменения в документе.
В браузере нажмите кнопку Обновить.
Создайте Web-страницу с таблицей. Сохраните под именем Задание2.html.
Качества человека Положительные качества
Отрицательные качества
Ум
Глупость
Доброта
Злость
Аккуратность
Неряшливость
Вежливость
Грубость
<TABLE BORDER=1
WIDTH=80%
ALIGH=CENTER>
<CAPTION> Качества человека </CAPTION>
<TR>
<TH> Положительные качества </TH>
<TH> Отрицательные качества </TH>
</TR>
<TR>
<TD> </TD>
<TD> </TD>
</TR>
</TABLE>
Создайте Web-страницу с нумерованным списком. Установите фоновый рисунок. Сохраните под именем Задание3.html. Подберите цвет заголовка и цвет основного текста.
Последний звонок
Чтобы сделать шоу-программой “Последний звонок”, надо воспользоваться теми же приемами, к которым прибегают все организаторы всех шоу-программ. Этих приемов несколько:
1. Ощущение “пышности “ возникает за счет очень красочного, яркого, порой экстравагантного оформления.
2. Любая шоу-программа насыщена ритуальными действиями, особенно тщательно продумывается ритуал открытия.
3. Большую роль играет костюмирование – повседневная одежда не годится для таких программ.
<BODY BACKGROUND=images/*.jpg>
<OL>
<LI> </LI>
<LI> </LI>
<LI> </LI>
</OL>
</BODY>
4. Создайте Web-страницу с таблицей (невидимые границы). Вставьте рисунки. Сохраните под именем Задание4.html. Установите фоновый рисунок.
Загадки
Комочек пуха,
Длинное ухо,
Прыгает ловко,
Любит морковку.
Не лает, не кусает,
а в дом не пускает.
Мы ходим ночью,
ходим днем,
но никуда мы не уйдем.
<TABLE BORDER=0>
<TR>
<TD> </TD>
<TD> <IMG SRC=images/*.gif> </TD>
</TR>
</TABLE>
5. Создайте сайт, состоящий из 5 Web-страниц.
Предварительно создайте папку Времена года. В папке Времена года создайте папку Images и перепишите туда нужные картинки.
Времена года
· Зима
· Весна
· Лето
· Осень
Index.html
Зима
Картинка
Весна
Картинка
Лето
Картинка
Осень
Картинка
winter.html
spring.html
summer.html
autumn.html
Для Web-страницы index.html установите фоновый рисунок.
Свяжите гиперссылками пункты списка Web-страницы index.html с соответствующими Web-страницами.
<UL>
<LI> <A HREF=images/winter.html> зима </A> </LI>
………..
………..
………..
</UL>
6. Создайте сайт мебельного магазина. Все файлы сайта должны находиться в одной папке, например, Мебель. В папку Мебель перепишите папку Mebel с изображениями. Сайт должен содержать главную страницу (index.html) и несколько разделов. Страница index.html представлена на рис. 1.
Диваны
Кровати
Стенки
Компьютерные столы
Наш магазин находится по адресу:
ул. Шарикоподшипниковая, 12
Рис. 1. Стартовая страница index.html