- Руководство пользователя 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 СС и более поздних версиях стал проще. В результате этого некоторые функции, описанные в этой статье, могут отсутствовать в Dreamweaver CC и более поздних версиях. Дополнительные сведения см. в этой статье.
О содержимом со специальными возможностями
Под специальными возможностями подразумевается создание таких веб-сайтов и веб-продуктов, которые могут использоваться людьми с нарушениями зрения, слуха, опорно-двигательного аппарата и прочими физическими нарушениями. Примерами таких специальных возможностей для программных продуктов и веб-сайтов являются использование программ чтения с экрана, текстовых эквивалентов для изображений, сочетаний клавиш, изменение цветов экрана для увеличения контрастности и т. д. Dreamweaver предоставляет инструменты, которые помогают в использовании и разработке содержимого со специальными возможностями.
Разработчикам Dreamweaver, которым требуются специальные возможности, программа предоставляет поддержку программ чтения с экрана, указателей вызова команд с клавиатуры, а также поддержку специальных возможностей в рамках операционной системы.
Веб-дизайнерам, создающим содержимое со специальными возможностями, Dreamweaver помогает создавать страницы со специальными возможностями, которые включают полезное содержимое для программ чтения с экрана и следуют официальным рекомендациям в данной области. Например, при вставке элементов страницы в диалоговых окнах появляются подсказки о вводе атрибутов специальных возможностей (например, текстовых эквивалентов для изображения). В дальнейшем при открытии страницы пользователем с нарушением зрения программа чтения с экрана озвучит это описание.
Дополнительно о двух значимых инициативах в области специальных возможностей читайте на странице Web Accessibility Initiative (Инициатива по обеспечению специальных возможностей) консорциума WC (www.w3.org/wai) и в разделе 508 Федерального закона о реабилитации (www.section508.gov).
Дополнительные сведения о руководстве по обеспечению специальных возможностей, сформулированном в японском индустриальном стандарте, см. в документе JIS X 8341-3 (www.jisc.go.jp).
Никакое средство разработки не может автоматизировать сам процесс разработки. При проектировании веб-сайтов со специальными возможностями следует учитывать требования в данной области и принимать соответствующие решения о том, каким образом пользователи с ограниченными возможностями будут взаимодействовать с веб-страницами. Обеспечить это наилучшим образом можно посредством тщательного планирования, разработки, тестирования и оценки.
Использование программ чтения с экрана с Dreamweaver
Программы чтения с экрана предназначены для произнесения текста, отображенного на экране монитора. Кроме того, такие программы могут озвучивать и нетекстовую информацию, например метки кнопок или описания изображений, при условии, что во время разработки приложения данным элементам были определены соответствующие теги или атрибуты.
Для облегчения процесса создания веб-страниц разработчик Dreamweaver может использовать программу чтения с экрана. Эта программа начинает озвучивание текста с верхнего левого угла окна документа.
Dreamweaver поддерживает JAWS для Windows, разработанной компанией Freedom Scientific (www.freedomscientific.com), и программами чтения с экрана Window-Eyes фирмы GW Micro (www.gwmicro.com).
Поддержка специальных возможностей в рамках операционной системы
Dreamweaver поддерживает специальные возможности в операционных системах Windows и Macintosh. Например, в операционной системе Macintosh можно установить визуальные параметры в диалоговом окне Universal Access Preferences («Apple» > «System Preferences»). Заданные настройки отражаются в рабочем пространстве Dreamweaver.
Также поддерживается настройка высокой контрастности, доступная в ОС Windows. Данный параметр можно включить в «Панель управления» Windows. Для компонентов Dreamweaver эта настройка имеет следующий эффект.
Диалоговые окна и панели используют системные настройки цветов. Например, если установить цвет «белый на черном», то для всех диалоговых окон и панелей Dreamweaver будут применяться белый цвет текста и черный цвет фона.
В представлении «Код» используются системный цвет текста и цвет текста окна. Например, если установить системный цвет «Белый на черном», а затем сменить цвета текста через меню «Правка» > «Настройки» > «Цветовое оформление кода», то Dreamweaver не использует эти параметры и отображает текст кода белыми символами на черном фоне.
Область «Дизайн» использует цвета текста и фона, заданные с помощью команд «Изменение» > «Свойства страницы»; таким образом, цвета на созданных страницах будут отображаться так же, как и в браузере.
Оптимизация рабочего пространства для проектирования страниц со специальными возможностями
При создании страниц со специальными возможностями необходимо связать информацию, например метки и описания, с объектами на странице, что позволит сделать содержимое доступным для всех пользователей.
С этой целью активируйте для каждого объекта диалоговое окно «Специальные возможности», после чего Dreamweaver будет предлагать ввести информацию о специальных возможностях во время вставки объектов. Диалоговое окно можно активировать для любого объекта в категории «Специальные возможности» окна «Настройки».
-
Выберите меню «Правка» > «Настройки» (Windows) или «Dreamweaver» > «Настройки» (Macintosh).
-
В списке «Категория» слева выберите пункт «Специальные возможности», выберите объект, установите любые из перечисленных ниже параметров и нажмите кнопку «ОК».
Показывать атрибуты при вставке
Выберите объекты, для которых необходимо активировать диалоговые окна специальных возможностей. Например, объекты форм, фреймы, мультимедиа и изображения.
При открытии сохранять панель активной
Позволяет сохранять положение фокуса на панели, чтобы обеспечить работу программы чтения с экрана. (Если данный параметр не выбран, при открытии панели фокус удерживается в представлении «Дизайн» или «Код».)
Построение изображений вне экрана
Выберите данный параметр при использовании программы чтения с экрана.
Примечание.Атрибуты специальных возможностей отображаются в диалоговом окне «Вставка таблицы» при вставке новой таблицы.
Навигация по Dreamweaver с помощью клавиатуры
Можно использовать клавиатуру для перемещения по панелям, инспекторам свойств, диалоговым окнам, фреймам и таблицам без использования мыши.
Использовать клавишу Tab и клавиши со стрелками можно только в операционной системе Windows.
Навигация по панелям
-
Находясь в окне документа, нажмите клавиши Ctrl и F6 для смещения фокуса на панель.
Пунктир вокруг заголовка панели обозначает, что фокус находится на панели. Программа чтения с экрана озвучивает заголовок панели, получившей фокус.
-
Одновременно нажимайте клавиши Ctrl и F6 до тех пор, пока фокус не сместится на необходимую панель. (Для перемещения между панелями в обратном порядке одновременно нажимайте клавиши Ctrl, Shift и F6.)
-
Если нужная вам панель закрыта, используйте сочетание клавиш в меню Windows для отображения этой панели, а потом одновременно нажмите Control и F6.
Если нужная панель открыта, но не развернута, переместите фокус на заголовок панели и нажмите клавишу «Пробел». Чтобы ее свернуть, нажмите клавишу «Пробел» еще раз.
-
Используйте клавишу Tab для перемещения по элементам управления панели.
-
Клавиши со стрелками используются в следующих случаях.
Если элемент управления имеет варианты выбора, для перемещения между вариантами используйте клавиши со стрелками, а для выбора значения — клавишу «Пробел».
Если на панели находятся вкладки, открывающие другие панели, расположите фокус на открытой вкладке и с помощью клавиши «Стрелка влево» или «Стрелка вправо» откройте нужную вкладку. После открытия вкладки перемещаться по ее элементам управления можно с помощью клавиши Tab.
Навигация по инспектору свойств
-
Чтобы отобразить инспектор свойств, нажмите клавиши Ctrl + F3.
-
Нажимайте сочетание клавиш Ctrl + F6 (только в Windows) до тех пор, пока фокус не сместится на инспектор свойств.
-
Используйте клавишу Tab для перемещения по элементам управления инспектора свойств.
-
Клавиши со стрелками используются для перемещения между вариантами выбора.
-
Нажмите клавиши Ctrl + «Стрелка вниз/стрелка вверх» (Windows) или Command + «Стрелка вниз/стрелка вверх» (Macintosh), чтобы при необходимости открыть или закрыть развернутую секцию инспектора свойств, или наведите стрелку разворачивания на нижний правый угол и нажмите клавишу «Пробел».Примечание.
Чтобы возможность разворачивать и сворачивать панель была доступна, курсор ввода должен быть внутри инспектора свойств (и не на заголовке панели).
Навигация по диалоговому окну
-
Используйте клавишу Tab для перемещения по элементам управления диалогового окна.
-
С помощью клавиш со стрелками перемещайтесь между пунктами параметра.
-
Если диалоговое окно содержит список «Категория», для перемещения фокуса на список нажмите клавиши Ctrl и Tab (в Windows), а затем с помощью клавиш со стрелками перемещайтесь по списку вверх или вниз.
-
Для возврата фокуса к элементам управления нажмите клавиши Ctrl и Tab.
-
Нажмите клавишу «Ввод», чтобы закрыть диалоговое окно.
Навигация по фреймам
-
Если документ содержит фреймы, для перемещения фокуса на фрейм можно использовать клавиши со стрелками.
Выделение фрейма
-
Чтобы поместить курсор вставки в окно документа, нажмите клавиши Alt + «Стрелка вниз».
-
Чтобы выделить фрейм, на котором находится фокус, нажмите клавиши Alt + «Стрелка вверх».
-
Чтобы переместить фокус на набор фреймов, а затем на родительские наборы фреймов (при наличии вложенных наборов), продолжайте нажимать клавиши Alt и «Стрелка вверх».
-
Чтобы переместить фокус на дочерний набор фреймов либо на отдельный фрейм набора, нажмите клавиши Alt + «Стрелка вниз».
-
Для перемещения между фреймами установите фокус на одном из фреймов и нажмите клавиши Alt + «Стрелка влево» или «Стрелка вправо».
Навигация по таблице
-
Для перемещения по ячейкам таблицы используйте соответствующие клавиши со стрелками или клавишу Tab.Примечание.
Если фокус находится в крайней правой ячейке, при нажатии клавиши Tab к таблице будет добавлена еще одна строка.
-
Для выбора ячейки одновременно нажмите клавиши Ctrl и A, если курсор вставки расположен в ячейке.
-
Чтобы выделить всю таблицу, нажмите дважды сочетание клавиш Ctrl + A, если курсор вставки расположен в ячейке, либо один раз, если ячейка выделена.
-
Чтобы выйти из таблицы, трижды нажмите сочетание клавиш Ctrl + A, если курсор вставки находится в ячейке, дважды, если ячейка выделена, один раз, если таблица выделена, и нажмите клавиши со стрелками вверх, влево или вправо.