Онлайн учебники на TEPKA.ru

Учебник по HTML 4

Графика в HTML

Возможность использования графики в HTML трудно переоценить в приложении к любому виду публикации, в том числе и для Web-документов. Без иллюстраций любой документ однообразен, вял и скучен. Расчетливо подобранная и правильно размещенная в HTML документе графика делает его визуально привлекательнее и, что самое важное, передает одну из основных идей документа.

Изображения могут сделать текст вашего документа более содержательным. Представьте некий сухой HTML-документ, содержащий, например, описание придуманного вами технического устройства. Если он состоит из одного текста, то многим покажется скучным и порой непонятным. А если его "разбавить" несколькими иллюстрациями, размещенными в нужных местах, документ станет более читабельным и визуально привлекательным.

Изображения помогают лучше передать суть и содержание HTML документа. Можете ли вы представить эту книгу без иллюстраций? Вы бы вряд ли ее купили, и авторы не могли бы иметь за это к вам никаких претензий. Вспомните старое правило: лучше один раз увидеть, чем сто раз услышать (в данном случае — прочитать).

Однако во всем нужно чувство меры. Это правило лишний раз подтверждается при просмотре ряда Web-страниц. Довольно часто встречаются Web-документы, загроможденные фоновыми изображениями, ничего не выражающей графикой и раздражающей анимацией. Планируя разместить на своей странице то или иное изображение, убедитесь, что оно действительно необходимо. Если при просмотре печатных материалов вам не составит труда перевернуть страницу, то для Web-документов часто приходится дожидаться окончания его загрузки с тем, чтобы двинуться дальше. Загроможденность графикой в HTML также плохо, как и полное ее отсутствие. Дело усугубляет наличие рекламы в Интернет, которая появляется на страницах многих сайтов в виде привлекательных рекламных баннеров, которые обычно размещаются до основной содержательной части документов. Обычная реакция пользователей на рекламу в Web-документах точно такая же, как и на рекламу, вставляемую посреди вашей любимой телевизионной передачи.

Использование графики в компьютерных документах имеет давние корни. Еще в те прежние времена, когда о мониторах приходилось лишь мечтать, подготовка документов выполнялась на перфолентах, перфокартах и распечатывалась на АЦПУ, предпринимались попытки что-то изобразить графически. С помощью совокупности алфавитно-цифровых символов, накладываемых друг на друга, даже на алфавитно-цифровом печатающем устройстве удавалось построить подобие изображения. Вспомните кинофильм Э. Рязанова "Служебный роман", в котором над рабочим местом одного из героев висела картинка, распечатанная на АЦПУ. Как это ни удивительно, графика такого рода (ее называют ASCII-графикой) до сих пор популярна в среде компьютерщиков. Так, например, в сети FIDOnet многие используют логотипы, составленные из символов кода ASCII. А в сообщениях, которыми обмениваются пользователи электронной почты, принято использовать отдельные совокупности символов для выражения своих эмоций. Поверните голову набок и посмотрите, что вам напоминает следующая совокупность символов :-).

Вернемся в современность. В предыдущих главах вы узнали об основных методах построения HTML-документов. Эта глава дополнит ваш инструментарий средствами включения изображений в HTML страницы, позволяющих сделать их более привлекательными и информативными. Дается обзор различных графических форматов и рекомендации по их применению. Приводятся правила встраивания изображений и примеры их использования.