МЕНЮ


Ступени большого заработка

Карты-изображения


ГЛАВНАЯ

РЫНОК FOREX
БИРЖА FOREX
КАК ЗАРАБОТАТЬ НА ФОРЕКС
FOREX Шаг-1
FOREX Щаг-2
FOREX Шаг-3
FOREX Шаг-4
FOREX Шаг-5


Быстрый заработок на Форекс


Карты-изображения

Карты-изображения - сложные графические гиперссылки, представляющая собой изображение, разбитое на части. Каждая часть является гиперссылкой и указывает на свой интернет-адрес. Построим нашу карту-изображения на примере изображения-меню (рис. 5.8).

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

И тут появляется  Macromedia Dreamweaver, который намного облегчит нашу работу.
Наше изображение-меню создано в графическом редакторе Paint и имеет нарисованные части, зоны, которые указывают на страницы сайта. Если будем активировать эти зоны и создадим в них гиперссылки, то получим так называемые "горячие области".

Разместить на изображении "горячие области" нам помогут несколько элементов управления, которые появляются в левом нижнем углу редактора свойств при выборе изображения-меню (рис. 5.17).

Карты-изображения - создание
Рис. 5.17

Первая группа, состоящая из трех кнопок, позволяет разместить на изображении соответственно прямоугольную (ук. 1), круглую (ук. 2) и многоугольную "горячую область" (ук. 3). Кнопка, расположенная левее (ук. 4), позволяет манипулировать уже созданными "горячими областями".

Размещение "горячей области" рассмотрим на прямоугольной. Нажимаем на кнопку с изображением прямоугольника, затем по краю зоны графического  изображения и, не отпуская левой кнопки мыши, протащите ее, пока не захватите всю область изображения (в нашем случае эта надпись «Аренда» (рис. 5.17) или (рис. 5.8, ук.2). Вы заметите, что за курсором мыши "тянется" светло-синяя линия. Охватив нужную область, отпустите кнопку мыши, и выбранная вами область тотчас закрасится светло-синим.

В поле Map напишем уникальное имя, хотя бы "Мар1” (рис. 5.18, ук. 1). Для следующих полей - "Мар2”, "Мар3” и т.д. В таких именах допускаются только латинские буквы, цифры и знаки подчеркивания, причем начинаться имя должно с буквы.

Как только выбранная область закрасится светло-синим (рис. 5.18, ук. 2) редактор свойств изменит свой вид, где мы можем задать параметры только что созданной "горячей области".

Карты-изображения - ссылки
Рис. 5.18

В поле Link, используемое для ввода интернет-адреса, пишем str3.html (это у нас адрес странички, где указаны арендуемые квартиры). Раскрывающийся список Target, задает цель гиперссылки. В поле ввода Alt  вводится "альтернативный" текст. Далее нажимаем клавишу «Enter» и не забываем сохранять  данные изменения.

Все. Одна кнопка из меню работает (рис. 5.8, ук.2). Таким же образом построим и остальные кнопки,  "горячии области" меню.

Иногда случается так, что две "горячие области" перекрывают друг друга, т. е. имеют общий фрагмент. При этом при щелчке на такой "спорной территории" активизируется "горячая область", расположенная сверху, а сверху всегда появляется та область, что была создана последней.

Так довольно быстро и оригинально строится меню из выбранного изображения.

Пример нашего построения можно посмотреть по ссыке: ПРИМЕР САЙТА

На следующем шаге научимся строить выпадающее меню.


Получите БЕСПЛАТНО
мгновенный доступ сразу к 4-м книгам!

"Как увеличить прибыль - задача любого интернет-коммерсанта" "Как увеличить прибыль при помощи электронной коммерции"
"100 советов, как стать успешным инфобизнесменом" "21 способ увеличить продажи в Интернет-бизнесе"
Введите Ваше имя, E-mail в нижнюю форму и нажмите кнопку:
"Получить книги бесплатно!"
На Ваш E-mail получите письмо активации и сразу после активации
откроется доступ на скачивание бесплатных книг:

 


Паралельно Вы получите бесплатный доступ
к еще 3-м продуктам, которые помогут Вам создать
очень доходный бизнес в Интернете.





Copyright © 2009 "20 steps" 
ВЕРШИНА-I ВЕРШИНА-II ВЕРШИНА-III ВЕРШИНА-IV
Все права защищены
20steps.ru