logo
CompGraphicsRGUIT

Получение карты на основе изображения

Известно, что изображение на Веб-странице может иметь гиперссылку. Если такое изображение разбито на отдельные участки, и каждый участок ссылается на свой ресурс в сети Интернет, то такое изображение принято называть картой.Для описания формы, расположения и размеров отдельных участков используется тег <MAP> и связанный с ним тег <AREA>. Программы Adobe Photoshop и AdobeImageReadyсодержат средства, существенно упрощающие построение карт, поскольку автоматически создают соответствующийhtml-код.

  1. Открыть файл Cntrys.bmp.

  2. Создать фрагменты, описывающие флаги России, США, Канады и еще трех стран по Вашему выбору.

  3. Перейти в программу Image Ready.

  4. Открыть, если необходимо, палитру Slice (Фрагменты): Window - Show Slice

  5. Выделять поочередно каждый из фрагментов и вводить в окно URL название файла, состоящего из наименования соответствующей страны и расширения html, например, для фрагмента, изображающего флаг России, имя файла будет: russia.html.

  6. Сохранить оптимизированный вариант файла на рабочем диске.

  7. Открыть рабочий диск и убедиться, что новый файл сохранен под именем Cntrys.html.

  8. Используя редактор Html-файлов, или текстовый редактор «Блокнот», создать файл russia.html, содержащий только заголовок первого уровня: «Россия» и сохранить на рабочем диске.

Примечание. Текст файла russia.html приведен ниже. Если используется текстовый редакторБлокнот (Notepad), то в диалоговом окнеСохранить файлследует установить позицию выпадающего спискаТип файлав позициюВсе файлы, иначе редактор автоматически добавит расширение.txt

  1. О

    <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: