4.1. Macromedia DreamWeaver MX. Связи и навигация. Часть 1

Существует несколько способов создания гипертекстовых ссылок на различные типы файлов. Начать следует с создания навигации по сайту. Для создания связи между файлами нужно точно указать путь по которому можно добраться до нужного документа.

Путь может быть как полный - начинаться с указания интернет адреса ( например: http://www.wmaster.ru/dwmx   ), так и корнезависимый ( ../index.htm ). Давайте рассмотрим как процесс задания связей между документами реализован в DreamWeaver.

Для того чтобы сделать  из любого слова или нескольких слов гиперссылку - достаточно "прицепить" к нему интернет адрес. Для наглядности я сделаю так, - в тексте  " Rth77. Macromedia DreamWeaver MX. Практикум " выделите словосочетание "Rth77. Macromedia DreamWeaver MX." и в поле "Link" вкладки "Properties" введите начальный адрес этого руководства (http://manual.rth77.ru/DreamweaverMX/ ) и нажмите "Enter". (рис.4.01)

Рис. 4.01

Как вы смогли заметить - слова "Rth77. Macromedia DreamWeaver MX" изменили цвет и стали гиперссылкой. Для удаления гиперссылки - просто удалите интернет адрес  в поле "Link" вкладки "Properties" и так же нажмите клавишу "Enter".  Теперь перейдем к корнезависимому пути. Для примера я вынес название нескольких частей этого руководства на эту страницу. Пример 4.01

Пример 4.01

Выделив  " 3.1. Macromedia DreamWeaver MX. Работа с текстом. Часть1 " нажмите кнопку "1" рисунка 4.02

Рис. 4.02

и в открывшемся диалоге  вы можете указать страницу на которую следует перейти при нажатии по этой ссылке, у меня этой части соответствует страница new_page_06 ( new_page_06.htm )(рис.4.03)

Рис. 4.03

Причем, по умолчанию откроется та папка , где расположена страница с которой вы хотите дать ссылку. Так как и эта (текущая страница на которой я хочу дать гиперссылку) и та страница, куда эта гиперссылка направит, расположены  в одной папке, - то достаточно просто выделить мышкой нужную страницу ( в примере new_page_06 ) и нажать кнопку "ОК".

Теперь поставьте курсор мыши на эту ссылку и раскройте список "Target" вкладки "Properties" (рис.4.04)

Рис. 4.04

В этом списке имеется четыре пункта, причем в нашем случае работать будут только два. Первый пункт "_self" - выведет страницу на которую указывает гиперссылка в том же окне обозревателя ( этот режим устанавливается по умолчанию, и второй - "_blank" - раскроет страницу в новом окне.

В Примере 4.02, первая ссылка откроет страницу в новом окне, а вторая - в том же окне.

Пример 4.02

Остальные пункты меню "Target" понадобятся для работы с фреймами (о чем будет отдельный разговор), да и количество этих пунктов в сложных фреймах намного больше, хотя посчитать его будет нетрудно 4 + Х (где Х - количество фреймов на странице). 

 Когда вы создаете сайт, то начальная папка этого сайта является корневой, а в ней уже находятся разные файлы и другие вложенные папки. В приведенном выше примере все страницы находились в одной папке, поэтому ссылки на них имела следующий вид: href="new_page_06.htm". А что если страница на которую вы хотите дать ссылку находится уровнем выше. В моем случае главная страница этого руководства находится в папке \DreamweaverMX\, а эта страница (с которой я хочу дать ссылку) находится во вложенной папке \DreamweaverMX\smal_page\.

Выделите "Macromedia DreamWeaver MX: Практикум." из примера 4.02, нажмите кнопку "1" рисунка 4.02 и в открывшемся окне диалога (рис.4.03) нажмите кнопку "1" рисунка 4.05

Рис. 4.05

Вы перейдете на один уровень вверх и там выделите нужную страницу ( в моем случае это index.htm) и нажмите "ОК". Пример 4.03

Пример 4.03

Если вы посмотрите на HTML - код этой гиперссылки, то увидите, что он принял следующий вид ../index.htm. Причем эти две точки перед черточкой говорят броузеру "подняться" на один уровень вверх по дереву каталога. На два уровня вверх - ../../index.htm и так далее. В том случае если вы даете ссылку на страницу лежащую во вложенной папке ссылка примет следующий вид href="new_folder/new_page_00001.htm"

<< назад    оглавление    вперед >>