Практическая работа 1
Тема: HTML — «Контейнеры тела документа (<BODY>…</BODY>)».
1 Цель: Научиться использовать тэги контейнера тела документа.
2 Оснащение:
2.1 Персональный компьютер;
2.2 Программное обеспечение:
а) ОС Microsoft Windows 98/2000/XP;
б) Microsoft Internet Explorer 4.0 (5.0, 6.0);
в) HTML – редактор;
г) Web-сайт «Введение в HTML».
2.3 Задание.
3 Задание: Создать структуру web-страницы согласно задания.
Вариант 1
Вариант 2 .
Вариант 3 .
4 Методические указания:
Пояснения к заданию 1-го варианта:
Цвет фона — #00FFFF;
Цвет гиперссылок — #000080;
Цвет активной ссылки — #008000;
Цвет использованной ссылки — #FF0000;
Цвет текста web-страницы — #800000;
1 строка — «Заголовок 1»;
2 строка — «Заголовок 3»;
3 строка — «Заголовок 2»;
Текст на web-странице — 14 и 18 пункта;
Цвет текста «А именно:» — красный;
Гиперссылка — на созданный файл (2_1.html).
Пояснения к заданию 2-го варианта:
Цвет фона — #FFFFCC;
Цвет гиперссылок — #000080;
Цвет активной ссылки — #FF0000;
Цвет использованной ссылки — #800080;
Цвет текста web-страницы — #000080;
1 Строка — «Заголовок 1»;
2 строка — «Заголовок 2»;
3 строка — «Заголовок 3»;
Текст на web-странице — 18 и 24 пункта;
Цвет текста «А именно:» — черный;
Гиперссылка — на созданный файл (2_2.html).
Пояснения к заданию 3-го варианта:
Цвет фона — #800000;
Цвет гиперссылок — # FFFF00;
Цвет активной ссылки — #0000FF;
Цвет использованной ссылки — # FF0000;
Цвет текста web-страницы — # FFFFFF;
1 Строка — «Заголовок 1»;
2 строка — «Заголовок 3»;
3 строка — «Заголовок 2»;
Текст на web-странице — 14, 18 и 24 пункта;
Цвет текста «А именно:» — голубой;
Гиперссылка — на созданный файл (2_3.html).
5 Вывод.
6 Контрольные вопросы:
6.1 Какие тэги контейнера тела документа вы знаете?
6.2 Какой порядок нужно соблюдать при задании атрибутов тэгов.
Практическая работа 2
Тема: HTML — «Графические изображения».
1 Цель: Научиться использовать графические файлы в HTML.
2 Оснащение:
2.1 Персональный компьютер;
2.2 Программное обеспечение:
а) ОС Microsoft Windows 98/2000/XP;
б) Microsoft Internet Explorer 4.0 (5.0, 6.0);
в) HTML – редактор;
г) Web-сайт «Введение в HTML».
2.3 Задание.
3 Задание: Создать структуру web-страницы согласно задания.
Создать картинку в любом графическом редакторе для создания активного изображения, например как на рисунке:
Создать web-страничку на которой расположена созданная вами картинка с заданными активными областями А, B, C, D и E с гиперссылками на одноименные web-странички.
4 Методические указания:
На web-страничке A расположите любое изображение по середине web-страницы.
На web-страничке B расположите любое изображение так, чтобы оно было справа и текст его обтекал сверху и снизу. Текст можно использовать любого содержания.
На web-страничке С расположите любое изображение, чтобы оно было отображено в виде миниатюры (30х30 пикселей), а при щелчке по ней должно открыться изображение в натуральную величину.
На web-страничке D расположите любое изображение с левой стороны web-страницы, а текст его должен обтекать по контуру или сверху, снизу и справа.
На web-страничке Е расположите любое изображение по середине web-страницы, c обрамлением контура шириной в 5 пикселей.
Все изображения должны отображать имена для пояснения их назначения в режиме запрета отображения рисунков.
Формат рисунка может быть *.gif, *.jpg, *.tif.