Основные сведения о путях в шаблонах Dreamweaver

Шаблоны Dreamweaver
Если HTML-страница сохраняется в виде шаблона, Dreamweaver создает папку с шаблоном на корневом уровне локальной корневой папки, а также создает файл .dwt, который будет являться источником для всех страниц, которые применяются к нему. Каждый раз, когда HTML-страница применяется к шаблону («Файл» > «Новый из шаблона» или «Изменить» > «Шаблон» > «Применить шаблон к странице»), он создает ссылку относительно корня сайта к файлу .dwt Причина, по которой эта ссылка относительная корня сайта будет всегда будет корректно отображаться, заключается в том, что файл .dwt всегда будет расположен в папке Templates на корневом уровне структуры папок сайта. Если файл .dwt перемещается из папки Templates, или если папка Templates перемещается или переименовывается, то ссылка будет нарушена. Очень важно сохранить файл .dwt в папке Templates, расположенной по умолчанию, т.е. там, где Dreamweaver создает ее. Во избежание путаницы не рекомендуется сохранять другие элементы сайта (файлы источников изображений или HTML-документы) в папке Templates.

Как страницы связаны с файлами шаблонов?
Когда файл применяется к существующей странице или создается заново из шаблона, следующий код вставляется в источник:

<!-- #BeginTemplate "/Templates/templateName.dwt" -->

Чтобы просмотреть исходный код HTML, который создается приложением Dreamweaver, выберите «Окно» > «HTML».

Указанный выше путь заменяет исходный HTML-код, который будет отображаться на новой странице. Вместо того чтобы использовать обычные теги, которые создаются новым файлом, он указывает, что один уровень внутри локальной корневой папки, внутри папки с названием Templates, имеется файл .dwt, который содержит всю информацию за пределами редактируемых областей этой страницы. Этот путь дает браузеру команду на поиск в указанном положении файла, который содержит сведения о свойствах страницы, ее оформлении и графических элементах – обо всем содержимом, которое указывается только в файле .dwt. Вот почему изменения за пределами редактируемых областей страницы должны вноситься непосредственно в файле .dwt. При открытии и просмотре самого файла .dwt все страницы, примененные к шаблону, связываются с файлом в том же местоположении, что и раньше. Все страницы, примененные к шаблону, автоматически обновляются с новыми данными.

Путь относительно документа в сравнении с путем относительно корня сайта
Путь, связывающий HTML-страницу с шаблоном, является путем относительно корневого каталога. Он называется путем относительно корня сайта, так как он начинается с верхнего уровня структуры каталогов (локальной корневой папки), а затем идет через следующую папку вниз (Templates), и, наконец, указывает на файл .dwt. Dreamweaver автоматически создает путь относительно корня сайта к шаблонам в папке Templates, поскольку он точно знает, где шаблон будет находиться независимо от того, какие другие папки файлов существуют в структуре сайта.

Путь относительно документа создает путь, указанный от одного файла к другому. Вместо того чтобы начинать с верхнего уровня (корневого каталога сайта) структуры папки файла, он создает путь, который начинается от одного файла, проходит через все необходимые папки файлов (каталоги) и доходит до места расположения другого файла. Крайне важно, чтобы оба файла были сохранены в локальной корневой папке ПЕРЕД созданием ссылки относительно документа от одного файла к другому.

Если вы хотите иметь возможность просматривать свои страницы в браузере локально, прежде чем вы загрузили файлы на удаленный сервер, для них необходимо указать путь относительно документа. Браузеры Internet Explorer и Netscape не имеют средств для «понимания» того, какая локальная корневая папка была определена (как в Dreamweaver), из-за чего они могут только использовать путь относительно документа, просматриваемого в данный момент. Так как большинство пользователей предпочитают просматривать страницы локально в обозревателе до их отправки, в Dreamweaver по умолчанию указывается путь относительно документа при создании ссылки на файл или добавлении изображения. Если файл не был сохранен ПЕРЕД добавлением изображения или ссылки на другую HTML-страницу, Dreamweaver не будет иметь ссылку на местоположение текущей страницы, поэтому он создаст путь, который будет выглядеть примерно следующим образом:

file:///HardDrive/Desktop Folder/localRootFolder/subfolder/subfolder/images/content.htm

или

file:///C:/Desktop/localRootFolder/subfolder/subfolder/images/content.htm

Эти пути применимы ТОЛЬКО для конкретной рабочей станции и не будут работать при загрузке файлов на удаленный сервер.

На расположенной ниже диаграмме приводится графическое разъяснение различий между путем относительно документа в сравнении с путем относительно корня сайта. В примере ниже страница bio.htm включает графический элемент logo.jpg, добавленный с помощью альтернативного пути.

Пути относительно документа в шаблоне

Добавление изображений и ссылок непосредственно в файл .dwt может показаться трудной задачей. Следует помнить, что при работе в файле .dwt любая ссылка, которая создается относительно документа, будет точно такой же по отношению к файлу .dwt. Путь, который при этом создается, является определенным путем от данной HTML-страницы или источника изображения к файлу .dwt. Dreamweaver в реальном времени отслеживает, применяются ли к шаблону страницы, на которые имеются ссылки, и автоматически корректирует путь к HTML-файлу, к которому ведет ссылка, чтобы он был правильным для текущей страницы. Если открыт исходный HTML-код для файла .dwt и страницы, применяемой к шаблону, соответствующие пути будут разными, и это так и должно быть. Если бы Dreamweaver автоматически не корректировал путь для определенного местоположения каждой страницы, путь относительно документа был бы нарушен для всех файлов, кроме файла .dwt.

Ниже приводится пример способа, которым Dreamweaver может откорректировать путь относительно документа:

Dreamweaver не преобразует ни пути относительно корня сайта, ни абсолютные пути (http://) от шаблона к страницам, которые применяются к данному шаблону, так как их не требуется изменять.

Пути относительно документа на страницах, примененных к шаблону

Добавление изображений и ссылок внутри редактируемой области страницы, прикрепленной к шаблону, осуществляется точно так же, как добавление изображений или ссылок на страницу, которая не прикреплена к шаблону. Если вы выполните процедуру, выбрав «Файл» > «Новый из шаблона», затем «Файл» > «Сохранить» (и выберите местоположение внутри локальной корневой папки) ПЕРЕД созданием любых ссылок на другие страницы или изображения, Dreamweaver будет по умолчанию использовать пути относительно документа в диалоговых окнах «Выбор HTML-файла» и «Выбор источника изображения». До тех пор пока значение всплывающего меню «Относительно к» не будет вручную изменено на «Корень сайта», изображения и ссылки будут доступны для локального просмотра в браузере.

Пути относительно корня сайта в шаблоне

При работе с файлом шаблона для создания ссылок на другие страницы или ссылок на источник изображения графического элемента всплывающее меню в диалоговом окне «Выбор HTML-файла» и «Выбор источника изображения» позволяют выбирать между типами путей – относительно документа или относительно корня сайта. Как показано на диаграмме выше, выделение корня сайта создает путь от локальной корневой папки непосредственно к файлу, который был выбран, независимо от файла .dwt, который в настоящее время открыт в Dreamweaver. Использование ссылок относительно корня сайта полезно, когда предполагается перемещение содержимого в структуре каталогов веб-сайта внутри локальной корневой папки, поскольку ссылка останется рабочей, даже если файлы будут перемещены из исходного местоположения.

Dreamweaver не преобразует ни пути относительно корня сайта, ни абсолютные пути (http://) от шаблона к страницам, которые применяются к данному шаблону, так как их не требуется изменять. Местоположение документа (будь то файл .dwt или HTML-файл, прикрепленный к шаблону) не учитывается в пути относительно корня сайта.

Пути относительно корня сайта в страницах, примененных к шаблону
Использование ссылок относительно корня сайта может быть полезным, если сайт имеет сложную структуру, если над ним работает группа разработчиков, а также если сайт имеет структуру каталогов, которая пересматривается на регулярной основе. Чтобы создать ссылку относительно корня сайта, просто выберите Site Root («Корень сайта») со всплывающем меню рядом со словами «Относительно к», расположенном в диалоговых окнах «Выбор HTML-файла» и «Выбор источника изображения».

Поскольку созданный путь будет начинаться с локальной корневой папки, проходить через любое число вложенных папок и заканчиваться на странице или изображении, к которым он привязан, разработчики могут перемещать страницы или ресурсы на одну или несколько подпапок вверх в структуре каталогов веб-сайта, не нарушая работоспособности ссылок. Например, в диаграмме выше, если бы файл logo.jpg был перемещен из папки изображений в папку функций и ссылка была бы ссылкой относительно корня сайта, браузер по-прежнему без труда обнаружил бы соответствующий графический элемент. При использовании пути относительно документа как logo.jpg, так и файл bio.htm ДОЛЖНЫ оставаться на своем месте в структуре папок, которое они занимали на момент создания пути относительно документа. Перемещение любого файла после создания пути относительно документа приводит к нарушению работоспособности такого пути.

Как уже говорилось выше, локально в обозревателе можно предварительно просматривать только ссылки относительно документа. Если вы решили использовать ссылки относительно корня сайта, существует только 2 способа просмотра страниц в браузере.

Первый способ заключается в передаче (размещении) файлов на удаленный сервер, а затем использовании браузера с тем, чтобы перейти на страницу, введя абсолютный путь в поле URL-адреса. С помощью этого метода можно просматривать страницы так же, как их будут видеть другие пользователи в Сети. Для внесения изменений в страницы откройте локальную копию файлов, внесите необходимые изменения, сохраните HTML-страницы, подключитесь к FTP-серверу и загрузите новые файлы на удаленный сервер. Файлы с тем же именем в той же папке заменят старые версии файлов на удаленном сервере.

Второй способ предварительного просмотра ссылок относительно корня сайта в браузере – с помощью персонального веб-сервера. Только для Windows: этот параметр можно установить путем перехода в Dreamweaver при помощи меню «Файл» > «Предварительный просмотр в браузере» > «Изменение списка браузеров» и выбора опции «Предварительный просмотр с использованием локального сервера». Установка этого параметра разрешает Dreamweaver выполнять просмотр документов с помощью персонального веб-сервера.

Примечание. Для Macintosh – персональный веб-сервер настраивается на системном уровне. Для получения дальнейшей информации см. документацию, поставляемую с операционной системой.