Получение карты на основе изображения
Известно, что изображение на Веб-странице может иметь гиперссылку. Если такое изображение разбито на отдельные участки, и каждый участок ссылается на свой ресурс в сети Интернет, то такое изображение принято называть картой.Для описания формы, расположения и размеров отдельных участков используется тег <MAP> и связанный с ним тег <AREA>. Программы Adobe Photoshop и AdobeImageReadyсодержат средства, существенно упрощающие построение карт, поскольку автоматически создают соответствующийhtml-код.
Открыть файл Cntrys.bmp.
Создать фрагменты, описывающие флаги России, США, Канады и еще трех стран по Вашему выбору.
Перейти в программу Image Ready.
Открыть, если необходимо, палитру Slice (Фрагменты): Window - Show Slice
Выделять поочередно каждый из фрагментов и вводить в окно URL название файла, состоящего из наименования соответствующей страны и расширения html, например, для фрагмента, изображающего флаг России, имя файла будет: russia.html.
Сохранить оптимизированный вариант файла на рабочем диске.
Открыть рабочий диск и убедиться, что новый файл сохранен под именем Cntrys.html.
Используя редактор Html-файлов, или текстовый редактор «Блокнот», создать файл russia.html, содержащий только заголовок первого уровня: «Россия» и сохранить на рабочем диске.
Примечание. Текст файла russia.html приведен ниже. Если используется текстовый редакторБлокнот (Notepad), то в диалоговом окнеСохранить файлследует установить позицию выпадающего спискаТип файлав позициюВсе файлы, иначе редактор автоматически добавит расширение.txt
О
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Россия</title>
</head>
<body>
<h1>Россия</h1>
</body>
</html>
ткрыть файлCntrys.html, щелкнуть по участку, где изображен российский флаг и убедиться, что созданная гиперссылка работает (открывается файл russia.html).
Текст файла russia.html:
Создание картинной галереи
Персональные Веб-страницы художников, а также некоторые образовательные сайты в сети Интернет могут содержать репродукции работ с краткими аннотациями каждой из них. Для уменьшения времени загрузки графические материалы подобных страниц обычно выполняются в двух вариантах: уменьшенном и полноразмерном. Первый из них позволяет получить общее представление о художественном произведении и содержит гиперссылку на ресурс, открыв который можно получить полноразмерное изображение. Обычно несколько уменьшенных копии произведений помещают на главную страницу. Сайт, организованный подобным образом, принято называть галереей.
Программы Adobe Photoshop и AdobeImageReadyсодержатмодуль автоматизации, предназначенный для быстрого построения галереи на основе одного из доступных шаблонов.
Исходными данными для модуля являются:
Файлы изображений, предназначенные для публикации, собранные в отдельной папке;
Пустая папка, предназначенная для записи результатов работы.
В результате работы модуля создаются:
Файлы, содержащих уменьшенные копии всех картинок (Thumbnails);
Html-файлы с соответствующими ссылками.