- Руководство пользователя 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 используют, когда необходимо задать условия для отображения содержимого в документе.
Дополнительная область — это область в шаблоне, которую пользователи могут показывать или скрывать в документе на основе шаблона. Необязательную область используют, когда необходимо задать условия для отображения содержимого в документе.
При вставке дополнительной области можно либо задать некоторые значения параметра шаблона, либо определить условные операторы (операторы If...else) для областей шаблона. Можно использовать как простые операции true/false, так и определить более сложные условные операторы и выражения. Позднее можно при необходимости отредактировать дополнительную область. В зависимости от условий, определенных автором шаблона, пользователи могут редактировать созданные ими параметры в документах на основе шаблона, а также управлять отображением дополнительной области.
Можно связать несколько дополнительных областей с именованным параметром. В документе на основе шаблона обе области могут быть отображены или скрыты как единый элемент. Например, можно отобразить изображение «Распродажа» и текстовую область для цены продаваемого товара.
Вставка дополнительной области
С помощью дополнительной области можно управлять содержимым, которое может отображаться (или не отображаться) в документе на основе шаблона. Есть два типа дополнительных областей:
- Нередактируемые дополнительные области, которые позволяют пользователям шаблона отображать и скрывать специально помеченные области без возможности редактирования содержимого.
Перед вкладкой шаблона дополнительной области указывается слово if. В зависимости от набора условий в шаблоне пользователь может определить, будет ли отображаться область на создаваемых страницах.
- Редактируемые дополнительные области, которые дают возможность пользователям шаблона управлять отображением областей с возможностью редактирования содержимого.
Например, если дополнительная область содержит изображение или текст, пользователь шаблона может установить отображение содержимого и при необходимости изменить его. Редактируемой областью управляет условный оператор.
Добавление нередактируемой дополнительной области
-
В окне документа выберите элемент, который будет определен как дополнительная область.
-
Выполните одно из следующих действий.
Выберите меню «Вставка > Шаблон > Дополнительная область».
В категории «Общее» на панели «Вставка» выберите «Шаблоны» в раскрывающемся списке, затем выберите пункт «Дополнительная область».
-
Введите имя дополнительной области, щелкните вкладку «Дополнительно», если требуется задать значения для дополнительной области, затем нажмите кнопку «ОК».
Добавление редактируемой дополнительной области
-
В окне документа поместите курсор вставки в то место, куда следует добавить дополнительную область.Примечание.
При создании дополнительной области выделенная область не может быть обтекающей. Вставьте область, затем вставьте в нее содержимое.
-
Выполните одно из следующих действий.
Выберите меню «Вставка > Шаблон > Редактируемая дополнительная область».
Выберите пункт «Редактируемая дополнительная область» в категории «Шаблоны» на панели «Вставка».
-
Введите имя дополнительной области, щелкните вкладку «Дополнительно», если требуется задать значения для дополнительной области, затем нажмите кнопку «ОК».
Установка значений для дополнительной области
После добавления дополнительной области в шаблон можно редактировать ее параметры. Например, можно задать отображение параметра по умолчанию для содержимого, связать параметр с существующей дополнительной областью или изменить выражение шаблона.
Создайте параметры шаблона и определите условные операторы (операторы If...else) для областей шаблона. Можно использовать как простые операции true/false, так и определить более сложные условные операторы и выражения.
На вкладке «Дополнительно» можно связать несколько дополнительных областей с именованным параметром. В документе на основе шаблона обе области могут быть отображены или скрыты как единый элемент. Например, можно отобразить изображение «Распродажа» и текстовую область для цены продаваемого товара.
Кроме того, с помощью вкладки «Дополнительно» можно записать выражение шаблона, вычисляющее для дополнительной области значение, в зависимости от которого область будет отображаться или скрываться.
-
Выполните в области «Окно документа» одно из следующих действий.
В представлении «Дизайн» щелкните вкладку шаблона дополнительной области, которую необходимо изменить.
В представлении «Дизайн» поместите курсор вставки в область шаблона, затем в селекторе тегов в нижней части окна документа выберите тег шаблона <mmtemplate:if>.
В представлении «Код» щелкните вкладку комментария области шаблона, которую нужно изменить.
-
В инспекторе свойств («Окно» > «Свойства») нажмите кнопку «Изменить».
-
На вкладке «Базовый» введите имя параметра в поле «Имя».
-
Установите флажок «Показывать по умолчанию», чтобы выбранная область отображалась в документе. Снимите этот флажок, чтобы установить по умолчанию значение false.
Примечание.Чтобы установить другое значение параметра, найдите в представлении «Код» параметр в разделе документа и измените его значение.
-
(необязательно) Щелкните вкладку «Дополнительно», затем установите следующие параметры:
Если необходимо связать параметры дополнительной области с содержимым, щелкните вкладку «Дополнительно», выберите «Использовать параметр», затем во всплывающем меню выберите необходимый параметр.
Если необходимо записать выражение шаблона для управления отображением дополнительной области, щелкните вкладку «Дополнительно», выберите «Введите выражение» и введите выражение в поле.
Примечание.Dreamweaver поместит введенный текст в двойные кавычки.
-
Нажмите кнопку «ОК».
При использовании объекта шаблона «Дополнительная область» Dreamweaver добавляет комментарии в код. Параметр шаблона определяется в разделе head, как показано в следующем примере:<!-- TemplateParam name="departmentImage" type="boolean" value="true" -->
В место вставки дополнительной области добавляется код, подобный приведенному ниже:
<!-- TemplateParam name="departmentImage" type="boolean" value="true" -->
<!-- TemplateBeginIf cond="departmentImage" --> <p><img src="/images/airfare_on.gif" width="85" height="22"> </p> <!-- TemplateEndIf -->
Можно обращаться к параметрам шаблона и изменять их в документе на основе шаблона.