тап. 21, 22. Введение в web дизайн. 23. Графика на web страницах
 Скачать 2.29 Mb.
|
|
Тема 4. Web - дизайн 21, 22. Введение в web – дизайн. 23. Графика на web - страницах. 24. Организация сайта. 25, 26. Публикация сайта в Интернет. 21, 22. Введение в web – дизайн.       23. Графика на web - страницах. Одна из наиболее привлекательных черт Web — возможность включения ссылок на графические и иные типы данных в HTML-документ. Делается это при помощи тега Существует два способа использования графики в HTML-документах. Первый — это внедрение графических образов в документ, что позволяет пользователю видеть изображения непосредственно в контексте других элементов документа. Это наиболее используемая техника при проектировании документов, называемая иногда "inlineimage". Синтаксис тега: Элементы синтаксиса тега: URL Обязательный параметр, имеющий такой же синтаксис, как и стандартный URL. Данный URL указывает броузеру где находится рисунок. Рисунок должен храниться в графическом формате, поддерживаемом броузером. На сегодняшний день форматы GIF и JPG поддерживаются большинством броузеров. ALT="text" Этот необязательный элемент задает текст, который будет отображен броузером, не поддерживающим отображение графики или с отключенной подкачкой изображений. Обычно, это короткое описание изображения, которое пользователь мог бы или сможет увидеть на экране. Если данный параметр отсутствует, то на месте рисунка большинство броузеров выводит пиктограмму (иконку), активизировав которую, пользователь может увидеть изображение. тег ALT рекомендуется, если ваши пользователи используют броузер, не поддерживающий графический режим, напримерLynx. HEIGTH=n1 Этот необязательный параметр используется для указания высоты рисунка в пикселах. Если данный параметр не указан, то используется оригинальная высота рисунка. Это параметр позволяет сжимать или растягивать изображения по вертикали, что позволяет более четко определять внешний вид документа. Однако, некоторые броузеры не поддерживают данный параметр. С другой стороны, экранное разрешение у вашего клиента может отличаться от вашего, поэтому будьте внимательны при задании абсолютной величины графического объекта. WIDTH=n2 Параметр также необязателен, как и предыдущий. Позволяет задать абсолютную ширину рисунка в пикселах. ALIGN Этот параметр используется, чтобы сообщить броузеру, куда поместить следующий блок текста. Это позволяет более строго задать расположение элементов на экране. Если данный параметр не используется, то большинство броузеров располагает изображение в левой части экрана, а текст справа от него. С версии HTML 2.0 у тега Новые параметры: BORDER Этот параметр позволяет автору определить ширину рамки вокруг рисунка. VSPACE Позволяет установить размер в пикселах пустого пространства над и под рисунком, чтобы текст не наезжал на рисунок. Особенно это важно для динамически формируемых изображений, когда нельзя заранее увидеть документ. HSPACE То же самое, что и VSPACE, но только по горизонтали. Фоновые рисунки Большинство броузеров позволяет включать в документ фоновый рисунок, который будет отображаться на фоне всего документа. Описание фонового рисунка включается в тег BODY и выглядит следующим образом: Ходработы: Размещение графики на Web-странице. Тег Графика в Web, как правило, распространяется в трех форматах: GIF, JPG, PNG. Перед выполнением упражнения поместите файл schedule. jpg в ту же папку, которая будет использована для хранения создаваемой Web-страницы. Внесите изменения в файл schedule. html (если файл утрачен, создайте новый): Расписание занятийнавторник Расписание занятий на вторник |