- Руководство пользователя Dreamweaver
- Введение
- Dreamweaver и Creative Cloud
- Рабочие среды и представления Dreamweaver
- Настройка сайтов
- О сайтах Dreamweaver
- Настройка локальной версии сайта
- Подключение к серверу публикации
- Настройка тестового сервера
- Импорт и экспорт параметров сайта Dreamweaver
- Перенос существующих веб-сайтов с удаленного сервера в корневой каталог локального сайта
- Специальные возможности в Dreamweaver
- Дополнительные настройки
- Настройка установок сайта для передачи файлов
- Задание параметров прокси-сервера в Dreamweaver
- Синхронизация настроек Dreamweaver с Creative Cloud
- Использование Git в Dreamweaver
- Управление файлами
- Создание и открытие файлов
- Управление файлами и папками
- Получение файлов с сервера и размещение их на нем
- Возврат и извлечение файлов
- Синхронизация файлов
- Сравнение файлов
- Скрытие файлов и папок на сайте Dreamweaver
- Включение заметок разработчика для сайтов Dreamweaver
- Предотвращение использования уязвимости Gatekeeper
- Макет и оформление
- Использование средств визуализации для создания макета
- Об использовании CSS для создания макета страницы
- Создание динамичных веб-сайтов с помощью Bootstrap
- Создание и использование медиазапросов в Dreamweaver
- Представление содержимого в таблицах
- Цвета
- Гибкий дизайн с использованием «резиновых» макетов
- Extract в Dreamweaver
- CSS
- Общие сведения о каскадных таблицах стилей
- Создание макетов страниц с помощью конструктора CSS
- Использование препроцессоров CSS в Dreamweaver
- Установка настроек стиля CSS в Dreamweaver
- Перемещение правил CSS в Dreamweaver
- Преобразование встроенного CSS в правило CSS в Dreamweaver
- Работа с тегами div
- Применение градиентов к фону
- Создание и редактирование эффектов перехода CSS3 в Dreamweaver
- Форматирование кода
- Содержимое страницы и ресурсы
- Задание свойств страницы
- Задание свойств заголовка CSS и свойств ссылки CSS
- Работа с текстом
- Поиск и замена текста, тегов и атрибутов
- Панель DOM
- Редактирование в режиме интерактивного просмотра
- Кодировка документов в Dreamweaver
- Выбор и просмотр элементов в окне документа
- Задание свойств текста в инспекторе свойств
- Проверка орфографии на веб-странице
- Использование горизонтальных линеек в Dreamweaver
- Добавление и изменение сочетаний шрифтов в Adobe Dreamweaver
- Работа с ресурсами
- Вставка и обновление даты в Dreamweaver
- Создание и управление избранными ресурсами в Dreamweaver
- Вставка и редактирование изображений в Dreamweaver
- Добавление мультимедийных объектов
- Добавление видео Dreamweaver
- Добавление видео HTML5
- Вставка файлов SWF
- Добавление звуковых эффектов
- Добавление аудио HTML5 в Dreamweaver
- Работа с элементами библиотеки
- Использование текста на арабском языке и иврите в Dreamweaver
- Создание ссылок и навигация
- Графические элементы и эффекты jQuery
- Написание кода веб-сайтов
- О программировании в Dreamweaver
- Среда написания кода в Dreamweaver
- Настройка параметров написания кода
- Настройка цветового оформления кода
- Написание и редактирование кода
- Подсказки по коду и автозавершение кода
- Свертывание и развертывание кода
- Повторное использование фрагментов кода
- Анализ Linting для проверки кода
- Оптимизация кода
- Редактирование кода в представлении «Дизайн»
- Работа с содержимым заголовков для страниц
- Вставка серверных включений в Dreamweaver
- Использование библиотек тегов в Dreamweaver
- Импорт пользовательских тегов в Dreamweaver
- Использование вариантов поведения JavaScript (общие инструкции)
- Применение встроенных вариантов поведения JavaScript
- Сведения об XML и XSLT
- Выполнение XSL-преобразования на стороне сервера в Dreamweaver
- Выполнение XSL-преобразования на стороне клиента в Dreamweaver
- Добавление символьных сущностей для XSLT в Dreamweaver
- Форматирование кода
- Процессы взаимодействия продуктов
- Установка и использование расширений в Dreamweaver
- Обновления в Dreamweaver, устанавливаемые через приложение
- Вставить документы Microsoft Office в Dreamweaver (только для Windows)
- Работа с Fireworks и Dreamweaver
- Редактирование содержимого на сайтах Dreamweaver с помощью Contribute
- Интеграция Dreamweaver с Business Catalyst
- Создание персонализированных кампаний почтовой рассылки
- Шаблоны
- О шаблонах Dreamweaver
- Распознавание шаблонов и документов на их основе
- Создание шаблона Dreamweaver
- Создание редактируемых областей в шаблонах
- Создание повторяющихся областей и таблиц в Dreamweaver
- Использование дополнительных областей в шаблонах
- Определение редактируемых атрибутов тега в Dreamweaver
- Создание вложенных шаблонов в Dreamweaver
- Редактирование, обновление и удаление шаблонов
- Экспорт и импорт XML-содержимого в Dreamweaver
- Применение или удаление шаблона из существующего документа
- Редактирование содержимого в шаблонах Dreamweaver
- Правила синтаксиса для тегов шаблона в Dreamweaver
- Настройка предпочтений выделения для областей шаблона
- Преимущества использования шаблонов в Dreamweaver
- Мобильные и многоэкранные устройства
- Динамические сайты, страницы и веб-формы
- Общие сведения о веб-приложениях
- Настройка компьютера для разработки приложений
- Устранение неполадок подключений к базам данных
- Удаление сценариев подключения в Dreamweaver
- Дизайн динамических страниц
- Обзор динамических источников содержимого
- Определение источников динамического содержимого
- Добавление динамического содержимого на страницы
- Изменение динамического содержимого в Dreamweaver
- Отображение записей баз данных
- Введение интерактивных данных и устранение неполадок с ними в Dreamweaver
- Добавление заказных вариантов поведения сервера в Dreamweaver
- Создание форм с помощью Dreamweaver
- Использование форм для сбора информации от пользователей
- Создание и включение форм ColdFusion в Dreamweaver
- Создание веб-форм
- Расширенная поддержка HTML5 для компонентов формы
- Разработка формы с помощью Dreamweaver
- Визуальное построение приложений
- Создание главной страницы и страницы сведений в Dreamweaver
- Создание страниц поиска и результатов поиска
- Создание страницы для вставки записи
- Создание страницы обновления записи в Dreamweaver
- Создание страниц удаления записей в Dreamweaver
- Применение ASP-команд для изменения базы данных в Dreamweaver
- Создание страницы регистрации
- Создание страницы входа
- Создание страницы с доступом только для авторизованных пользователей
- Защита папок в ColdFusion с помощью Dreamweaver
- Использование компонентов ColdFusion в Dreamweaver
- Тестирование, просмотр и публикация веб-сайтов
- Устранение неполадок
Узнайте, как использовать шаблоны Dreamweaver для разработки «фиксированной» макета страницы и создавайте на основе шаблона документы, наследующие его макет страницы.
Шаблон — это особый тип документа, который используется для разработки «фиксированной» макета страницы. На основе шаблона можно создавать документы, наследующие его макет страницы. При разработке шаблона можно указать в качестве доступного для редактирования то содержимое, которое пользователь сможет редактировать в документе, созданном на основе шаблона. Шаблоны позволяют авторам управлять правами на редактирование отдельных элементов страницы, которые предоставляются пользователям шаблона (писателям, художникам или другим веб-разработчикам). Есть несколько типов областей шаблона, которые автор может включить в документ.
Шаблоны позволяют управлять большой областью разработки дизайна и многократно использовать готовые макеты. Чтобы многократно использовать отдельные элементы оформления, например информацию об авторских правах сайта или логотип, создайте элементы библиотеки.
С помощью шаблонов можно изменять несколько страниц одновременно. Созданный на основе шаблона документ остается связанным с этим шаблоном (если документ не отсоединен позднее). Можно изменить шаблон и немедленно обновить оформление всех документов на основе этого шаблона.
Шаблоны Dreamweaver отличаются от шаблонов некоторых других программных продуктов Adobe Creative Cloud тем, что раздел «Страница» в них по умолчанию является фиксированным (недоступным для редактирования).
Типы областей шаблона
При сохранении документа в качестве шаблона большинство его областей блокируется. Путем добавления в шаблон редактируемых областей или редактируемых параметров его автор может определить, какие области документа на основе шаблона будут доступны для редактирования.
При создании шаблона можно вносить изменения в редактируемые и заблокированные области. Однако пользователь шаблона может вносить изменения только в редактируемые области документа на основе шаблона. Блокированные области изменять нельзя.
Есть четыре типа областей шаблона.
Редактируемая область. Незаблокированная область документа на основе шаблона — раздел, доступный для редактирования пользователю шаблона. Автор шаблона может сделать любую область шаблона доступной для редактирования. Чтобы шаблон был эффективен, он должен содержать хотя бы одну редактируемую область. В противном случае страницы на основе шаблона нельзя будет редактировать. Дополнительные сведения о редактируемых областях см. в разделе Создание редактируемых областей в шаблонах.
Повторяющаяся область. Раздел макета документа, настроенный таким образом, чтобы пользователь шаблона мог при необходимости добавлять или удалять копии повторяющейся области в документе на основе шаблона. Например, повторяющейся можно сделать строку таблицы. Повторяющиеся разделы доступны для редактирования, поэтому пользователь шаблона может редактировать содержимое повторяющегося элемента, в то время как оформлением управляет автор шаблона.
Есть 2 типа повторяющихся областей, которые можно вставлять в шаблон: повторяющаяся область и повторяющаяся таблица. О том, как работать с повторяющимися областями, см. в разделе Создание повторяющихся областей и таблиц в Dreamweaver.
Дополнительная область. Раздел шаблона, в котором находится содержимое, например текст или изображение, которые могут отображаться или не отображаться в документе. Пользователь может управлять отображением содержимого страницы на основе шаблона. Дополнительные сведения см. в разделе Дополнительная область.
Редактируемый атрибут тега. Позволяет разблокировать атрибут тега в шаблоне, чтобы атрибут можно было редактировать на странице на основе шаблона. Например, можно заблокировать отображение отдельных изображений в документе, но разрешить пользователю шаблона устанавливать выравнивание по левому краю, правому или центру. Дополнительные сведения см. в разделе Определение редактируемых атрибутов тега в Dreamweaver.
Ссылки в шаблонах
Когда файл шаблона создается путем сохранения существующей страницы в качестве шаблона, новый шаблон в папке Templates и все ссылки в файле обновляются таким образом, чтобы пути относительно документов были верны. Позже, при сохранении документа на основе этого шаблона, все ссылки относительно документов обновляются снова и указывают на правильные файлы.
Когда в файл шаблона добавляется новая ссылка относительно документа, существует вероятность указания ошибочного имени пути, если оно вводится в текстовое поле ссылки в инспекторе свойств. Верный путь в файле шаблона — это путь от папки Templates к связанному документу, а не от папки документа, основанного на шаблоне, к связанному документу. Чтобы при создании ссылок в шаблонах указывались только правильные существующие пути для ссылок, используйте значок папки или значок «Указать файл» в инспекторе свойств.
Серверные сценарии в шаблонах и документах на основе шаблонов
Некоторые серверные сценарии добавляются в самом начале или конце документа (перед тегом <html> или после тега </html>). Такие сценарии требуют специальной обработки в шаблонах и документах на основе шаблонов. Обычно, если изменения в коде сценария необходимо внести перед тегом <html> или после тега </html> в шаблоне, то эти изменения не копируются в документ на основе шаблона. Это может вызвать ошибки сервера, если другие серверные сценарии в пределах основной части шаблона зависят от сценариев, которые не скопированы. Если в сценарии перед тегом <html> или после тега </html> в шаблоне вносятся изменения, то появляется предупреждение.
Чтобы избежать данной проблемы, можно добавить в раздел head шаблона следующий код.
<!-- TemplateInfo codeOutsideHTMLIsLocked="true" -->
Если шаблон содержит этот код, то изменения в сценарии перед тегом <html> или после тега </html> копируются в документ на основе шаблона. Однако эти сценарии в документах на основе шаблонов станут недоступными для редактирования. Таким образом, эти сценарии можно редактировать либо в шаблоне, либо в документах на его основе, но не одновременно в шаблоне и документах.
Параметры шаблона
Параметры шаблона содержат значения для управления содержимым в документах на основе шаблона. Параметры шаблона используются для дополнительных областей или редактируемых атрибутов тега, либо для установки значений, которые необходимо передать вложенному документу. Выберите для каждого параметра имя, тип данных и значение по умолчанию. Каждый параметр должен иметь уникальное имя (оно обрабатывается с учетом регистра). Значения должны принадлежать одному из 5 допустимых типов данных: text, boolean, color, URL или number.
Параметры шаблона передаются документу в качестве параметров экземпляра. В большинстве случаев пользователь шаблона может редактировать значение параметра по умолчанию, чтобы настроить отображение содержимого в документе на основе шаблона. В других случаях автор шаблона может определять, что будет отображаться в документе в зависимости от значения выражения шаблона.
Выражения шаблона
Выражения шаблонов — это инструкции, которые вычисляют или обрабатывают значение.
Выражение позволяет сохранять значение и отображать его в документе. Например, выражение может быть просто значением параметра, например @@(Param)@@, либо достаточно сложным, чтобы вычислить значения, которые чередуют цвет фона в строке таблицы, например @@((_index & 1) ? red : blue)@@.
Кроме того, можно определить выражения для условного оператора if и вложенных условных операторов if. Если выражение используется в условной инструкции, то Dreamweaver обрабатывает его как true или false. Если условие имеет значение «true», то дополнительная область в документе на основе шаблона отображается. В противном случае она не отображается.
Выражения можно определить в представлении «Код» или диалоговом окне «Дополнительная область» во время добавления дополнительной области.
Выражения шаблона можно описать в представлении «Код» 2 способами: с помощью комментария <!-- TemplateExpr expr="your expresson"--> или @@(your expression)@@. При добавлении выражения в код шаблона в представлении «Дизайн» отображается маркер выражения. При применении шаблона Dreamweaver обрабатывает выражение и отображает значение в документе на основе шаблона.
Язык выражений шаблонов
Язык выражений шаблонов — это небольшое подмножество языка JavaScript, использующее синтаксис JavaScript и правила приоритета. Для написания выражений, подобных приведенному ниже, следует использовать операторы JavaScript:
@@(firstName+lastName)@@
Поддерживаются следующие функции и операторы.
Числовые литералы, строковые литералы (только в двойных кавычках), литералы Boolean (true или false).
Ссылка на переменную (см. список определенных переменных ниже в этом разделе).
Ссылка на поле (оператор «dot»).
Унарные операторы: +, -, ~, !
Бинарные операторы: +, -, *, /, %, &, |, ^, &&, ||, <, <=, >, >=, ==, !=, <<, >>
Условный оператор: ?:
Круглые скобки: ()
Используются следующие типы данных: Boolean, 64-битное число IEEE с плавающей точкой, string и object. Шаблоны 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 и вложенных условных операторов if. В этом примере показано определение параметра с именем «Отдел», задание начального значения и определение вложенных условных операторов If, управляющих отображением логотипа.
Ниже приведен пример кода, который можно добавить в раздел head шаблона.
<!-- TemplateParam name="Dept" type="number" value="1" -->
Следующий условный оператор проверяет значение, связанное с параметром Dept. Если условие истинно или выполняется, то отображается соответствующее изображение.
<!-- TemplateBeginMultipleIf --> <!-- checks value of Dept and shows appropriate image--> <!-- 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
- Редактируемое содержимое в документе на основе шаблона
- Создание редактируемых областей в шаблонах
- Создание повторяющихся областей в шаблонах
- Использование дополнительных областей в шаблонах
- Определение редактируемых атрибутов тега в шаблонах
- Пути относительно документа
- Изменение свойств шаблона