Лабораторная работа № 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 - текстовое описание к данному изображению. Совершенно необходим для взаимодействия с браузерами, ориентированными на речевой интерфейс либо работающими исключительно в текстовом режиме.
Уважаемый посетитель!
Чтобы распечатать файл, скачайте его (в формате Word).
Ссылка на скачивание - внизу страницы.