Створення графічних гіперпосилань У Редакторі Dreamweaver

Будь рядовий користувач Інтернету, а тим більше те, хто має якесь відношення до створення сайтів, прекрасно знають, що сайт являє собою комплект web сторінок.Звичайно, сторінки пов’язані між собою.Як пов’язують web сторінки в сайті?Пов’язують сторінки сайту особливими зв’язками, гіперпосиланнями, які ведуть від однієї сторінки до іншої.Ви їх можете побачити практично на кожному сайті.Стандартна текстова гіперпосилання виглядає як напис синього кольору з підкресленням.Перехід від однієї сторінки до іншої здійснюється при натисканні мишкою на гіперпосиланні, при цьому web браузер завантажить ту сторінку, адреса якої вказана в настройках даної гіперпосилання.Це текстові гіперпосилання.Але існують ще й інші, як їх називають гіперпосилання-зображення або просто графічні гіперпосилання.Не важко зрозуміти з назви, для їх створення використовується графіка, графічні зображення.

Немає нічого простіше, ніж створювати графічні гіперпосилання в редакторі Dreamweaver.Один з видів таких гіперпосилань, як його називають — карти-зображення.Карта-зображення складна гіперпосилання, яка представляє собою графічне зображення, розділене на частини.Власне ці частини і є гіперпосиланнями, що вказують на свою сторінку сайту.Кожен елемент зображення виконує роль окремої гіперпосилання, і вказує на свій web адресу.Такі елементи зображення називаються «гарячими» або активними.Побудувати карту-зображення можна в будь-якому графічному редакторі, наприклад в Photoshop.Побудували?Активуємо редактор Dreamweaver.Відкриваємо побудовану web сторінку або робимо нову.Все одно.Вставляємо на web сторінку карту-зображення з допомогою головного меню: Вставка — Зображення.Якщо зображення активно, зверніть увагу на панель Властивості в нижній частині вікна редактора, вірніше на її ліву частину.Тут ви знайдете віконце Карта, і чотири значка під ним.Нас цікавлять три останні.Вони й спеціалізовані для формування «гарячих» областей на зображенні, різної форми.Сама елементарна — прямокутник.Клацнемо мишкою на цьому значку.Коли наводимо курсор на зображення, він набирає вигляду хрестика.Затискаючи ліву клавішу мишки, розтягуємо що виник синій прямокутник на необхідну нам область.Ось так.«Гаряча» зона готова.Ну і звичайно в віконці Посилання треба вказати адресу web сторінки, на яку це посилання вказує.

І нарешті.Ви повинні бачити, як у віконці Карта, з’явилася назва Map.Якщо на web сторінці ви хочете зробити тільки одну карту-избражение, то можна залишити все як є.У протилежному випадку для кожної карти назву потрібно робити своє.