Уроки Dreamweaver 

Ссылки бывают не только на другие страницы сайта и на другие сайты.

Бывает так что информации на странице получается довольно много и посетителю не сразу удается найти нужный абзац во всей массе текста. В этом случае целесообразно организовать навигацию внутри страницы. 

Делается это примерно так:

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

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

 Например у нас есть вот такой текст. Это отрывок текста (начало и конец) он довольно большой и ориентироваться в нем не очень удобно.

 

уроки Dreamweaver

 

Сначала создадим содержание страницы. Копируем важные фразы текста и вставляем их в начало страницы.

 

ссылки в Dreamweaver

 

 

Получилось такое содержание

 

 

 

Далее организовываем ссылки. В Dreamweaver это делается очень просто.

 

В тексте находим место, на которое должен переместиться посетитель при клике по первому пункту содержания.

Ставим в это место курсор и нажимаем на пиктограмму "якорь" (в Dreamweaver находится на вкладке "Insert")

 

уроки Dreamweaver

 

Появится диалоговое окно, в которое нужно ввести имя анкора "Anchor Name". Вводим значение 1 и жмем ОК.

 

 

После этого переходим к первому пункту содержания. Выделяем его и делаем ссылкой на ранее сделанный "Anchor Name" 1  Для этого в программе Dreamweaver на вкладке "Properties" находим пиктограмму "Point to File" зажимаем ее левой кнопкой мыши и тянем на "Anchor Name" 1

 

 

Теперь при клике по первому пункту содержания, браузер сразу переместит посетителя на нужное место. Просто и удобно.

Оставшиеся ссылки делаем по такому же принципу. Значение "Anchor Name" ставим 2-3-4… и так далее, пока не дойдем до последнего пункта. 

Таким образом мы значительно облегчим перемещение по странице, посетители будут довольны!

 

Урок подготовил: Александр Мигулёв "www.workstart.ru - Ваш бизнес в сети".
Ведущий бесплатной рассылки "Деньги и интернет. Как направить денежный поток в свой карман"

 

метки: css, dreamweaver, html, ссылки

Статьи по теме:

Добавить эту страницу в закладки: