Практическая работа 2. Тема: HTML — «Графические изображения».

Тема: 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.

Дата добавления: 2015-10-02