Использование графики при разработке html-страниц

Лабораторная работа № 3

Использование графики при разработке html-страниц

Цель работы: изучить основы гипертекстовой технологии на примере разработки html-страниц с использованием графических объектов.

Продолжительность работы - 4 часа.

1.  Теоретические сведения

В современном Internet принято чтобы web-сайты содержали в себе графические объекты. Как минимум, это должен быть логотип компании - владельца сайта - или торговой марки или приветствие. Также рекомендуется использовать небольшие картинки для оформления границ html-страниц. В самом деле, как можно было увидеть в ходе одной из предыдущих лабораторных работ, использование только закрашивания html-страницы не обеспечивает достаточно гармоничного её восприятия.

Поскольку html-документ может содержать только текст, все графические объекты оформляются в виде отдельных файлов и выкачиваются браузером при загрузке сайте. Также браузер поступает с музыкой и видео, внедрёнными в html-страницу. Во многом поддержка графических объектов зависит от версии web-браузера. MS Internet Explorer 6 и более поздние его версии поддерживают графические файлы форматов gif, jpg, pcx, bmp, swf и др.

Популярность WWW сейчас во многом обеспечивается использованием в html-документах графических объектов: картинок, анимации, игр, разработанных в редакторе Macromedia Flash (файлов с расширением swf ). Последнее время Flash-анимация вытесняет привычную для Internet GIF-анимацию, так как этот формат обеспечивает более компактное хранение данных за счёт сжатия графики, что важно для быстроты загрузки сайтов, а также позволяет использовать палитру в 16 млн. цветов, в то время, когда формат GIF поддерживает лишь 16 стандартных цветов.

2.  Сведения о языке HTML

2.1. Размещение картинок внутри текста

Для внедрения в документ графических объектов используется тег <IMG>. Данный тег имеет следующие атрибуты.

SRC    -    URL-адрес того источника, откуда берется изображение.

ALT    -    текстовое описание к данному изображению. Совершенно необходим для взаимодействия с браузерами, ориентированными на речевой интерфейс либо работающими исключительно в текстовом режиме.