Любой рядовой пользователь Интернета, а тем более то, кто имеет...

Любой рядовой пользователь Интернета, а тем более то, кто имеет какое-то отношение к созданию сайтов, прекрасно знают, что сайт представляет собой комплект web страниц. Конечно, страницы связаны между собой. Как связывают web страницы в сайте? Связывают страницы сайта особенными связями, гиперссылками, которые ведут от одной странице к другой. Вы их можете увидеть практически на каждом сайте. Стандартная текстовая гиперссылка выглядит как надпись синего цвета с подчеркиванием. Переход от одной странице к другой осуществляется при щелчке мышкой на гиперссылке, при этом web браузер загрузит ту страницу, адрес которой указан в настройках данной гиперссылки.

Это текстовые гиперссылки. Но существуют еще и иные, как их называют гиперссылки-изображения или просто графические гиперссылки. Не трудно понять по названию, для их создания используется графика, графические изображения. Нет ничего проще, чем создавать графические гиперссылки в редакторе Dreamweaver. Один из видов таких гиперссылок, как его называют – карты-изображения. Карта-изображение сложная гиперссылка, представляющая собой графическое изображение, разделенное на части. Собственно эти части и являются гиперссылками, указывающими на свою страницу сайта.

Каждый элемент изображения исполняет роль отдельной гиперссылки, и указывает на свой web адрес. Такие элементы изображения называются «горячими» или активными. Построить карту-изображение можно в каком-либо графическом редакторе, к примеру в Photoshop. Построили? Активируем редактор Dreamweaver. Открываем построенную web страницу или делаем новую.

Все равно. Вставляем на web страницу карту-изображение с помощью главного меню: Вставка – Изображение. Если изображение активно, обратите внимание на панель Свойства в нижней части окна редактора, вернее на ее левую часть. Тут вы найдете окошко Карта, и четыре значка под ним. Нас интересуют три последних. Они и специализированы для формирования «горячих» областей на изображении, разной формы. Самая элементарная – прямоугольник. Щелкнем мышкой на этом значке.

Любой рядовой пользователь Интернета, а тем более то, кто имеет...

Когда наводим курсор на изображение, он принимает вид крестика. Зажимая левую клавишу мышки, растягиваем возникнувший синий прямоугольник на необходимую нам область. Вот так. «Горячая» зона готова. Ну и конечно в окошке Ссылка надо указать адрес web страницы, на какую эта ссылка указывает. И наконец. Вы должны видеть, как в окошке Карта, появилось название Map. Если на web странице вы хотите сделать только одну карту-избражение, то можно оставить все как есть. В противоположном случае для каждой карты название нужно делать свое.

Понравилась статья? Получай обновления и будь всегда в курсе событий!
Подпишись на RSS или
blog comments powered by Disqus