Поиск

Иллюстрация функций Web-страницы

Уже давно стало традицией размещать на Webстраницах небольшие движущие ся изображения, которые прясняют назначение той или иной гиперссылки. Так, для иллюстрации доступа к списку адресов используют изображение записной книжки, в которой сами собой перелистываются страницы. Очень часто рядом с гиперссылкой, позволяющей отправить сообщение по электронной почте, поме щают изображение почтового ящика. Разумеется, любой автор Webстраницы хочет (и должен!) опираться на свои, оригинальные разработки. Что касается почтового ящика, то эта задача — одна из самых простых. Создать изображение почтового ящика несложно, надо только придумать, чем его оживить. Самое есте ственное, хотя и не оригинальное, — движущееся изображение конверта, который падает в ящик. Для этого необходимо, работая в графическом редакторе, передви гать изображение конверта на несколько пикселов и сохранять все полученные таким образом варианты рисунка. Затем можно скомпоновать GIFфайл. Подоб ные ролики удобнее всего создавать, используя один большой рисунок как источ ник всех кадров. Основное изображение помещается в левом верхнем углу рисун ка, а справа и ниже можно разместить все необходимые фрагменты и детали. Пример такой заготовки показан на рис. 7.20. На рисунке необходимо также обо значить правый нижний угол будущего кадра.

После того как одиночное изображение сформировано, необходимо уменьшить его размер до размера кадра. В редакторе Paint для запуска соответствующего диалога нажимается комбинация клавиш Ctrt+E. Затем выбирается команда Сохранить как и содержащий кадр файл записывается под оригинальным именем. В именах удобно использовать числа, если кадров много. Не рекомендуется создавать кадры при помощи операций вырезки и вставки из буфера обмена, так как в этом случае трудно обеспечить одинаковое положение рисунков внутри разных кадров. Для работы с каждым последующим кадром необходимо вновь открыть исходный файл.

На рис. 7.21 представлены примеры изображений из файла postbox.gif, содержа щего «оживленный» почтовый ящик. Для этого файла мне потребовалось создать 16 кадров размером 65x135 пикселов.

Если такой файл необходимо использовать в гиперссылке, позволяющей послать сообщение по электронной почте, то на Webстранице должен появиться код на подобие этого:

<Р>бы можете отправить сообщение</р>
<ADDRESS><A href"шИЪо'.АдресФсервер. домен" >
<IMG src="postbox.gif" width="65" height="735"x/a></address>

В этом примере элементы Р и ADDRESS определяют структуру документа, элемент IMG необходим для вывода изображения, а элемент А позволяет получить доступ к электронной почте.