Функция связанных файлов предоставляет пользователям доступ к вспомогательным и связанным файлам, с которыми они работают. Связанные файлы могут быть файлами CSS, сценариями, включающими содержимое на сервере (SSI) или файлами XML.
Например, если файл CSS связан с основным файлом, эта функция облегчает просмотр и редактирование файла CSS. Пользователь также может видеть основной файл при редактировании связанного файла.
Когда документ открывается по локальному пути сайта и не загружается с сервера тестирования, связанные URL-адреса протокола (начинающиеся с //) и URL-адреса протокола файла (начинающиеся с file:// или же file:///), в которых ресурс не находится на локальной машине, теперь разрешаются через http.
- Если ресурсы недоступны на http, Dreamweaver пытается загрузить связанные файлы из https.
- Если ресурсы недоступны также через https, то Dreamweaver не удастся загрузить связанный файлы или ресурсы. Кроме того, диалоговое окно входа отображается, если сетевой сервер, на котором размещены ресурсы, требует аутентификации.
Как работают связанные файлы
Связанные файлы расширяют возможности редактирования пользователей, помогая им в решении следующих задач.
Пользователи могут видеть и получать доступ к связанным файлам при просмотре основного файла. При просмотре страницы со связанными файлами (например файл CSS) пользователи могут увидеть следующее:
дизайн страницы с одной стороны;
связанный файл с другой стороны.
Панель связанных файлов содержит документы, которые влияют на генерацию родительского HTML. Пользователи могут видеть исходный HTML, сгенерированный HTML и дочерние документы первого уровня.
Выбор любого связанного файла, показанного на соответствующей панели файлов, позволяет пользователям выполнять следующие задачи:
просматривать и редактировать связанный файл в представлении кода;
просматривать родительскую страницу в представлении дизайна.
Выбор контента в представлении дизайна и внесение изменений в связанный файл не отменяет выбор, когда пользователь обновляет представление дизайна.
Если вы измените код связанного файла, эти изменения будут отражены в представлении дизайна.
Если файл не найден, сообщение об этом отображается на панели в верхней части пустой рамки окна.
Терминология связанных файлов
Следующие термины обычно используются в связи со связанными файлами:
Термин |
Описание |
Пример |
---|---|---|
Документ верхнего уровня |
Любой документ, открытый пользователем |
|
Родительский документ |
Любой документ верхнего уровня в представлении дизайна. |
|
Дочерний документ первого уровня |
Любой документ, который находится на один уровень ниже родительского документа. Эти документы влияют на генерацию HTML-кода, кроме CSS. Файлы CSS могут включать другие файлы CSS, но все они совместно определяют окончательные стили, примененные к странице. |
|
Дочерний документ более низкого уровня |
Любой документ, который находится более чем на два уровня ниже родительского документа. Эти документы влияют на генерацию HTML-кода. |
|
Несвязанный файл |
Любой документ, который не влияет на генерацию HTML-кода или любых файлов, не редактируемых пользователем. |
|
Поддерживаются следующие связанные файлы.
Тип |
Описание |
Уровень вложенности |
---|---|---|
Клиентский сценарий |
Все языки |
1 (сценарий вложенности невозможен) |
Серверные включения |
Когда выполняются все следующие расширяемые условия:
Исключение: стиль Apache включает в себя операторы файла (<!--#include ... -->) в документах HTML это признается. |
1 |
Набор данных Spry |
1 (сценарий вложенности невозможен) |
|
CSS |
|
Бесконечный |
API связанных файлов
Вы можете настроить меню связанных файлов для отображения следующего:
имена связанного файла;
исходный HTML и сгенерированный исходный код.
Функция dreamweaver.openRelatedFile() отображает связанный файл в представлении кода, а функция dreamweaver.getActiveRelatedFilePath() отображает путь к текущему открытому связанному файлу. Для получения дополнительной информации об использовании этих API см. «Функции связанных файлов» в Справочнике по Dreamweaver API.