Контрольные вопросы

1. Перечислите основные типы списков в HTML-документах.

2. Охарактеризуйте маркированный (ненумерованный) список.

3. Дайте характеристику нумерованных списков.

4. Дайте характеристику вложенныем спискам.

5. Списки определений в HTML-документах.

Лабораторная работа № 6. Вставка графических изображений

Цель: научиться размещать графические изображения на Web-странице, и изменять их размер и размещать горизонтальные линии на странице. Использовать карты-изображения..

Роль графики

Как интересный журнал или проспект теряет в своей привлекательности без цветных иллюстраций, так любой HTML-документ кажется сухим и невзрачным без использования графики. Значение графических изображе­ний в аспекте создания электронных документов нельзя переоценить – реклама и коммерческие предложения компаний и юридических лиц ста­новятся более выразительными и яркими, иллюстрации и схемы способны превратить скучный перечень услуг или расценок в интересный инфор­мативный материал, любой художественный рассказ или произведение будет восприниматься легче и естественнее при наличии картинок или фотографий.

Однако всегда и во всем следует помнить о чувстве меры. HTML-документ, перенасыщенный иллюстративным материалом, будет неоправданно отвле­кать внимание пользователя от истинного содержания страницы – инфор­мации. К тому же чрезмерное увлечение графикой влечет за собой увеличе­ние времени загрузки электронного документа, что может сказаться на общей оценке посетителем вашего интернет-ресурса.

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

Следует помнить о том, что графика призвана привлечь внимание посетите­ля, заострить его интерес на конкретных моментах или формулировках, но ни в коем случае не должна отвлекать от основного содержания Web-сайта. Разумеется, данное утверждение имеет ряд оговорок и исключений из пра­вил (например, в отношении компьютерных галерей и прочих ресурсов, где ставка сделана именно на графические изображения). И, тем не менее, в большинстве случаев необходимо строго следить за количеством графики на ваших HTML-документах.

Характеристика графических стандартов

Любая графическая информация может храниться в двух основных форма­тах – векторном и растровом.

Графический файл векторного формата состоит из отдельных математиче­ских данных, которые с помощью отрезков прямых, называемых векторами, отображают графический объект на экране. Преимуществом векторной гра­фики является независимость качества изображения от масштаба рисунка, а минусом – недостаточная возможность для работы с фотографическими изображениями. Примером файлов векторного формата могут служить CDR (CorelDRAW), AI (Adobe Illustrator), FH (FreeHand), SVG. (Scalable Vector Graphics) и др. Векторный формат распространен, в основном, в полигра­фии, предпечатной подготовке высококачественных документов и т. д.

Отображение файла растрового формата основано на обработке минималь­ной единицы рабочей области экрана – точки (пиксела). Изменение разме­ров растровых изображений может существенно повлиять на их качество, т. к. масштабирование осуществляется без вмешательства каких-либо слож­ных математических операций. Наиболее распространенными растровыми форматами являются PSD (Photoshop Document), BMP (Bitmap Image) и др.

Форматом, избранным для демонстрации Web-графики в Интернете, стал растровый формат, поскольку относительно малый размер мониторов поль­зователей не позволяет выводить на экран изображения больших размеров.

На сегодняшний день для создания графических изображений, предназначен­ных для размещения в электронных документах, используются три основных стандарта: GIF, JPEG и PNG.