Создание вложенных шаблонов в Dreamweaver

Последнее обновление 25 апр. 2024 г.

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

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

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

Изменения в базовом шаблоне автоматически обновляются в шаблонах, основанных на базовом шаблоне, и во всех документах на основе шаблонов, которые основаны на основном и вложенных шаблонах.

В следующем примере шаблон trioHome содержит три редактируемые области с именами Body, NavBar и Footer:

Шаблон с тремя редактируемыми областями

Для создания вложенного шаблона был создан новый документ на основе шаблона, который затем был сохранен как шаблон с именем TrioNested.Во вложенном шаблоне две редактируемые области были добавлены в редактируемую область с именем Body.

Вложенный шаблон

При добавлении новой редактируемой области в редактируемую область, переданную во вложенный шаблон, цвет выделения редактируемой области изменяется на оранжевый. Контент, который вы добавляете за пределами редактируемой области, например, графика в editableColumn, больше не редактируется в документах на основе вложенного шаблона. Синие выделенные редактируемые области, добавленные во вложенном шаблоне или переданные из базового шаблона, остаются редактируемыми в документах, которые основаны на вложенном шаблоне. Области шаблона, которые не содержат редактируемых областей, передаются в документы на основе шаблонов как редактируемые области.

Создание вложенного шаблона

Вложенные шаблоны позволяют создавать вариации базового шаблона. Вы можете вкладывать несколько шаблонов для определения все более конкретных макетов.

По умолчанию все редактируемые области шаблона из базового шаблона передаются через вложенный шаблон в документ на основе вложенного шаблона. Это означает, что если вы создаете редактируемую область в базовом шаблоне, а затем создаете вложенный шаблон, редактируемая область появляется в документах на основе вложенного шаблона (если вы не вставили никаких новых областей шаблона в эту область во вложенном шаблоне).

Примечание

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

Создайте документ из шаблона, на основе которого необходимо создать вложенный шаблон. Выполните одно из следующих действий:

  • На панели «Ресурсы» выберите «Шаблоны» на левой панели. Выберите «Создать шаблон» на нижней панели.

  • Выберите «Файл» > «Создать». В диалоговом окне «Новый документ» выберите категорию «Страница из шаблона», затем выберите сайт с нужным вам шаблоном.В списке шаблонов дважды нажмите на шаблон для создания нового документа.

Выберите команду «Файл» > «Сохранить как». В диалоговом окне «Сохранить как» выберите «Файлы шаблонов» в раскрывающемся списке «Сохранить как».

В поле Сохранить как введите имя и нажмите кнопку «ОК», чтобы сохранить новый документ как вложенный шаблон.

Предотвращение передачи редактируемой области во вложенный шаблон

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

В представлении кода найдите редактируемую область, передачу которой вы хотите предотвратить.

Редактируемые области определены тегами комментария шаблона.

Добавьте в код редактируемой области следующий код.

@@(" ")@@

Этот код шаблона можно разместить в любом месте внутри тегов <!-- InstanceBeginEditable --><!-- InstanceEndEditable -->, которые окружают редактируемую область. Например:

<!-- InstanceBeginEditable name="EditRegion1" -->

<p>@@("")@@ Редактируемая область 1 </p>

<!-- InstanceEndEditable -->