Узнайте, как использовать шаблоны Dreamweaver для разработки «фиксированной» макета страницы и создавайте на основе шаблона документы, наследующие его макет страницы.
Шаблон — это особый тип документа, который используется для создания «фиксированного» макета страницы; затем можно создавать документы на основе этого шаблона, которые наследуют его макет страницы.При создании шаблона укажите как «редактируемый» тот контент, который пользователи могут редактировать в документе на основе этого шаблона.Шаблоны позволяют авторам шаблонов контролировать, какие элементы страницы могут редактировать пользователи шаблонов — такие как писатели, художники-графики или другие веб-разработчики.Существует несколько типов областей шаблона, которые автор шаблона может включить в документ.
Шаблоны позволяют контролировать большую область дизайна и повторно использовать готовые макеты.Если вы хотите повторно использовать отдельные элементы дизайна, такие как информация об авторских правах сайта или логотип, создайте элементы библиотеки.
С помощью шаблонов можно изменять несколько страниц одновременно. Документ, созданный на основе шаблона, остается связанным с этим шаблоном (если вы не отсоедините документ позже).Вы можете изменить шаблон и немедленно обновить дизайн во всех документах на его основе.
Шаблоны Dreamweaver отличаются от шаблонов некоторых других программных продуктов Adobe Creative Cloud тем, что раздел «Страница» в них по умолчанию является фиксированным (недоступным для редактирования).
Типы областей шаблона
При сохранении документа в качестве шаблона большинство его областей блокируется. Путем добавления в шаблон редактируемых областей или редактируемых параметров его автор может определить, какие области документа на основе шаблона будут доступны для редактирования.
При создании шаблона можно вносить изменения в редактируемые и заблокированные области. Однако пользователь шаблона может вносить изменения только в редактируемые области документа на основе шаблона. Блокированные области изменять нельзя.
Есть четыре типа областей шаблона.
Редактируемая область. Незаблокированная область документа на основе шаблона — раздел, доступный для редактирования пользователю шаблона. Автор шаблона может сделать любую область шаблона доступной для редактирования. Чтобы шаблон был эффективен, он должен содержать хотя бы одну редактируемую область. В противном случае страницы на основе шаблона нельзя будет редактировать. Дополнительные сведения о редактируемых областях см. в разделе Создание редактируемых областей в шаблонах.
Повторяющаяся область. Раздел макета документа, настроенный таким образом, чтобы пользователь шаблона мог при необходимости добавлять или удалять копии повторяющейся области в документе на основе шаблона. Например, повторяющейся можно сделать строку таблицы. Повторяющиеся разделы доступны для редактирования, поэтому пользователь шаблона может редактировать содержимое повторяющегося элемента, в то время как оформлением управляет автор шаблона.
Есть 2 типа повторяющихся областей, которые можно вставлять в шаблон: повторяющаяся область и повторяющаяся таблица. О том, как работать с повторяющимися областями, см. в разделе Создание повторяющихся областей и таблиц в Dreamweaver.
Дополнительная область. Раздел шаблона, в котором находится содержимое, например текст или изображение, которые могут отображаться или не отображаться в документе. Пользователь может управлять отображением содержимого страницы на основе шаблона. Дополнительные сведения см. в разделе Дополнительная область.
Редактируемый атрибут тега. Позволяет разблокировать атрибут тега в шаблоне, чтобы атрибут можно было редактировать на странице на основе шаблона. Например, можно заблокировать отображение отдельных изображений в документе, но разрешить пользователю шаблона устанавливать выравнивание по левому краю, правому или центру. Дополнительные сведения см. в разделе Определение редактируемых атрибутов тега в Dreamweaver.
Ссылки в шаблонах
При создании файла шаблона путем сохранения существующей страницы как шаблона новый шаблон помещается в папку Templates, и все ссылки в файле обновляются так, чтобы их относительные пути к документу были правильными.Позже, при создании документа на основе этого шаблона и его сохранении, все относительные ссылки документа снова обновляются для правильного указания на нужные файлы.
При добавлении новой относительной ссылки документа к файлу шаблона легко ввести неправильное имя пути, если вводить путь в текстовое поле ссылки в инспекторе свойств.Правильный путь в файле шаблона — это путь от папки Templates к связанному документу, а не путь от папки документа на основе шаблона к связанному документу.Убедитесь, что правильные пути для ссылок существуют, используя значок папки или значок «Указать на файл» в инспекторе свойств при создании ссылок в шаблонах.
Серверные сценарии в шаблонах и документах на основе шаблонов
Некоторые серверные сценарии вставляются в самом начале или в конце документа (перед тегом <html> или после тега </html>). Такие сценарии требуют особого подхода в шаблонах и документах на основе шаблонов. Обычно, если вы вносите изменения в код сценария перед тегом <html> или после тега </html> в шаблоне, изменения не копируются в документы на основе этого шаблона. Это может вызвать ошибки сервера, если другие серверные сценарии в основной части шаблона зависели от сценариев, которые не копируются. Появляется предупреждение при изменении скриптов перед тегом <html> или после тега </html> в шаблоне.
Чтобы избежать этой проблемы, можно вставить следующий код в раздел head шаблона:
<!-- TemplateInfo codeOutsideHTMLIsLocked="true" -->
Когда этот код находится в шаблоне, изменения сценариев перед тегом <html> или после тега </html> копируются в документы на основе этого шаблона. Однако вы больше не сможете редактировать эти сценарии в документах на основе шаблона. Таким образом, вы можете выбрать редактирование этих сценариев в шаблоне или в документах на основе шаблона, но не в обеих местах одновременно.
Параметры шаблона
Параметры шаблона указывают значения для управления контентом в документах на основе шаблона. Используйте параметры шаблона для необязательных областей или редактируемых атрибутов тегов, либо для установки значений, которые вы хотите передать в прикрепленный документ. Для каждого параметра вы выбираете имя, тип данных и значение по умолчанию. Каждый параметр должен иметь уникальное имя, чувствительное к регистру. Они должны быть одним из пяти разрешенных типов данных: текст, логический, цвет, URL или число.
Параметры шаблона передаются документу в качестве параметров экземпляра. В большинстве случаев пользователь шаблона может редактировать значение параметра по умолчанию для настройки того, что появляется в документе на основе шаблона. В других случаях автор шаблона может определить, что появляется в документе, на основе значения выражения шаблона.
Выражения шаблона
Выражения шаблона — это операторы, которые вычисляют или оценивают значение.
Вы можете использовать выражение для сохранения значения и отображения его в документе. Например, выражение может быть простым, как значение параметра, например @@(Param)@@, или достаточно сложным для вычисления значений, которые чередуют цвет фона в строке таблицы, например @@((_index & 1) ? red : blue)@@.
Кроме того, можно определить выражения для условного оператора if и вложенных условных операторов if. Если выражение используется в условной инструкции, то Dreamweaver обрабатывает его как true или false. Если условие истинно, необязательная область появляется в документе на основе шаблона; если оно ложно, она не появляется.
Вы можете определить выражения в представлении Code или в диалоговом окне Optional Region при вставке необязательной области.
В представлении Code есть два способа определения выражений шаблона: используйте комментарий <!-- TemplateExpr expr="your expresson"--> или @@(your expression)@@. Когда вы вставляете выражение в код шаблона, маркер выражения появляется в представлении Design. Когда вы применяете шаблон, Dreamweaver оценивает выражение и отображает значение в документе на основе шаблона.
Язык выражений шаблонов
Язык выражений шаблона — это небольшое подмножество JavaScript и использует синтаксис и правила приоритета JavaScript. Используйте операторы JavaScript для написания выражения, подобного этому:
@@(firstName+lastName)@@
Поддерживаются следующие функции и операторы.
числовые литералы, строковые литералы (только синтаксис с двойными кавычками), логические литералы (true или false)
ссылка на переменную (см. список определенных переменных далее в этом разделе)
Ссылка на поле (оператор «dot»).
Унарные операторы: +, -, ~, !
бинарные операторы: +, -, *, /, %, &, |, ^, &&, ||, <, <=, >, >=, ==, !=, <<, >>
Условный оператор: ?:
Круглые скобки: ()
Используются следующие типы данных: логический, IEEE 64-разрядное число с плавающей запятой, строка и объект.Шаблоны Dreamweaver не поддерживают использование типов JavaScript «null» или «undefined». Они также не позволяют неявно преобразовывать скалярные типы в объект; таким образом, выражение "abc".length вызовет ошибку вместо получения значения 3.
Доступны только объекты, определенные объектной моделью выражений. Определены следующие переменные:
_document
Содержит данные шаблона на уровне документа с полем для каждого параметра в шаблоне.
_repeat
Определяется только для выражений, которые появляются внутри повторяющейся области. Предоставляет встроенные сведения об области.
_index
Числовой индекс (от 0) для текущей записи.
_numRows
Общее количество записей в данной повторяющейся области.
_isFirst
True, если текущая запись является первой в своей повторяющейся области
_isLast
True, если текущая запись является последней в своей повторяющейся области
_prevRecord
Объект _repeat для предыдущей записи. Обращение к этому свойству для первой записи в области является ошибкой.
_nextRecord
Объект _repeat для следующей записи. Обращение к этому свойству для последней записи в области является ошибкой.
_parent
Во вложенной повторяющейся области это дает объект _repeat для включающей (внешней) повторяющейся области. Обращение к этому свойству вне вложенной повторяющейся области является ошибкой.
Во время вычисления выражения все поля объекта _document и объекта _repeat являются неявно доступными. Например, можно ввести title вместо _document.title для доступа к параметру заголовка документа.
В случаях конфликта полей поля объекта _repeat имеют приоритет над полями объекта _document.Поэтому вам не нужно явно ссылаться на _document или _repeat, за исключением того, что _document может потребоваться внутри повторяющейся области для ссылки на параметры документа, которые скрыты параметрами повторяющейся области.
При использовании вложенных повторяющихся областей только поля самых внутренних повторяющихся областей доступны неявно. На внешние области требуется явная ссылка с помощью свойства _parent.
Множественное условие If в коде шаблона
Вы можете определить выражения шаблона для условий if и multiple-if.Этот пример демонстрирует определение параметра с именем «Dept», установку начального значения и определение условия multiple-if, которое определяет, какой логотип отображать.
Ниже приведен пример кода, который можно ввести в разделе head шаблона:
<!-- TemplateParam name="Dept" type="number" value="1" -->
Следующий оператор условия проверяет значение, присвоенное параметру Dept. Когда условие истинно или совпадает, отображается соответствующее изображение.
<!-- TemplateBeginMultipleIf -->
<!-- проверяет значение Dept и показывает соответствующее изображение-->
<!-- TemplateBeginIfClause cond="Dept == 1" --> <img src=".../sales.gif"> <!-- TemplateEndIfClause -->
<!-- TemplateBeginIfClause cond="Dept == 2" --> <img src=".../support.gif"> <!-- TemplateEndIfClause-->
<!-- TemplateBeginIfClause cond="Dept == 3" --> <img src=".../hr.gif"> <!-- TemplateEndIfClause -->
<!-- TemplateBeginIfClause cond="Dept != 3" --> <img src=".../spacer.gif"> <!-- TemplateEndIfClause -->
<!-- TemplateEndMultipleIf -->
При создании документа на основе шаблона параметры шаблона автоматически передаются в него.Пользователь шаблона определяет, какое изображение отображать.
Связанные материалы
- Создание шаблона Dreamweaver
- Редактируемое содержимое в документе на основе шаблона
- Создание редактируемых областей в шаблонах
- Создание повторяющихся областей в шаблонах
- Использование дополнительных областей в шаблонах
- Определение редактируемых атрибутов тегов в шаблонах
- Пути относительно документа
- Изменение свойств шаблона
Создание красивых веб-сайтов в Dreamweaver
Создавайте дизайн, пишите код и управляйте динамическими веб-сайтами с помощью многофункционального инструмента.