Познавательное чтиво

Нить "всемирной паутины" — ссылка — соединяет два файла: исходную Web-страницу либо с другой такой же страницей, либо с каким-нибудь файлом, который пользователь открывает на своем компьютере. Чтобы не возникло путаницы, на протяжении всего рассказа о пути мы будем страницу, на которой создаем ссылку, называть "Web-страницей", а страницу или файл, на который указывает ссылка, — просто файлом.

В исходном коде ссылка задается с помощью парного тега <а>. Пример:

<а href="index.htm" >Главная страница</а>

Атрибут href тега <а> содержит путь к файлу, на который указывает ссылка. Этот путь может задаваться различными способами. Рассмотрим возможные варианты.

□ Абсолютный путь — включает в себя полное описание не только пути к файлу, но и протокола, с помощью которого он доставляется пользователю. Абсолютный путь — это классический способ для задания адреса конкретной странички в Интернете. К примеру: http://www.mypage.ru/index.html Если приводить пример из обычной жизни, то абсолютный путь — это полный почтовый адрес, включающий в себя описание области, города, улицы, номера дома и квартира.

□ Документозависимый — описывает путь относительно Web-страницы, на которой расположена ссылка. В обычной жизни путь такого рода часто служит ответом на вопросы типа: "Мальчик, как пройти до булочной?". Ответ: "Пройдите два дома и поверните налево". Для ссылок HTML до- кументо-зависимый путь описывается по типу news/news. htm, что указывает на файл news.htm, расположенный внутри папки news, которая расположена внутри той же папки, что и наша Web-страница.

□ Корнезависимый — задает путь относительно корневого каталога сайта. Если внутри сайта есть папка с новостями, называющаяся "news", в которой хранится файл news.htm с новостями, то корнезависимый путь будет таким: /news/news.htm. Его особенность — косая черта в начале. Это тоже относительный путь, только особого рода. Возвращаясь к диалогу о булочной, мы услышали бы ответ: "Идите к городскому вокзалу и от него идите три дома на юг". В принципе, такой способ описания лучше — тем, что не привязывается к текущему положению Web-страницы. Если вы захотите полностью перетасовать папки внутри сайта, обычные относительные ссылки, которые опираются на структуру папок, придут в негодность. А вот корнезависимые пути останутся правильными.

Примечание

Корнезависимые пути предназначены для сервера, а не для браузера! Если вы попытаетесь просмотреть сайт, сформированный на основе корнезависимых ссылок, на локальном компьютере в обычном браузере, ссылки не будут работать. Выход из ситуации — предварительный просмотр из Dreamweaver. При этом корнезависимые ссылки временно переводятся в документозависимые. Другой путь — это установка сервера на свой локальный компьютер для тестирования своего сайта. Впрочем, я, кажется, отвлекся…

Когда мы создаем ссылку в Dreamweaver MX, у нас есть возможность выбирать между описанными тремя вариантами путей. Абсолютный путь автоматически выбирается в том случае, если вы только что создали документ и еще ни разу его не записали. Тогда любой документ, на который вы создадите ссылку на странице, будет иметь примерно такой путь: file:///D:/mysite/news.htm.

Совершенно не рекомендуется использовать абсолютные ссылки внутри своего сайта. Причина здесь проста: абсолютный путь указывает на файл, расположенный на вашем компьютере. При попытке открыть такую ссылку, браузер пользователя попытается найти файл news.htm в папке mysite на жестком диске D. Ясно, что такого файла у пользователя, скорее всего, не будет. А если случайно и окажется, то все равно это будет не тот файл, который вы имели в виду.

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

При задании документозависимых путей вручную используйте следующие правила (рис. 6.1):

□ Для указания файла, расположенного внутри той же папки, что и Web- страница, путь — это просто имя файла с расширением: news.htm.

□ Если файл находится на уровень ниже (внутри папки, к примеру, news), чем Web-страница, то путь составляется из имен папки и файла, отделенных КОСОЙ чертой: news/news. htm.

□ Если файл находится в папке на уровень выше, чем Web-страница, то перед указанием имен папки и файла следует поставить префикс из двух точек: ../index.htm" или так ../archive/old/oldnews.htm.

□ В любом случае, если файл находится в папке (к примеру, news), которая находится внутри другой папки (к примеру, old), которая также находится внутри другой папки (к примеру, archive) и так далее — просто указывайте имена папок одно за другим справа налево: archive/old/news .htm.

У вас пошла кругом голова? Вы запутались в папках? Вы не понимаете, как составить относительный путь? Не беда — вручную это делать совсем не обязательно! Оставьте эту привилегию "старшим товарищам". В Dreamweaver предпочтительнее и быстрее будет просто указать на нужный файл в соответствующем диалоговом окне, а уж всю заботу, как составить путь, возьмет на себя программа. Просто следите за тем, чтобы выполнялось простое правило: для страниц и файлов вне сайта — абсолютный путь, а для страниц и файлов, расположенных внутри сайта — относительный путь!