Руководство пользователя Отмена

Специальные возможности в Dreamweaver

  1. Руководство пользователя Dreamweaver
  2. Введение
    1. Основы гибкого веб-дизайна
    2. Новые возможности Dreamweaver
    3. Веб-разработка с помощью Dreamweaver: обзор
    4. Dreamweaver / распространенные вопросы
    5. Сочетания клавиш
    6. Системные требования Dreamweaver
    7. Обзор новых возможностей
  3. Dreamweaver и Creative Cloud
    1. Синхронизация настроек Dreamweaver с Creative Cloud
    2. Библиотеки Creative Cloud Libraries в Dreamweaver
    3. Использование файлов Photoshop в Dreamweaver
    4. Работа с Adobe Animate и Dreamweaver
    5. Извлечение файлов SVG, оптимизированных для Интернета, из библиотек
  4. Рабочие среды и представления Dreamweaver
    1. Рабочая среда Dreamweaver
    2. Оптимизация рабочей среды Dreamweaver для визуальной разработки
    3. Поиск файлов по имени или содержимому | Mac OS
  5. Настройка сайтов
    1. О сайтах Dreamweaver
    2. Настройка локальной версии сайта
    3. Подключение к серверу публикации
    4. Настройка тестового сервера
    5. Импорт и экспорт параметров сайта Dreamweaver
    6. Перенос существующих веб-сайтов с удаленного сервера в корневой каталог локального сайта
    7. Специальные возможности в Dreamweaver
    8. Дополнительные настройки
    9. Настройка установок сайта для передачи файлов
    10. Задание параметров прокси-сервера в Dreamweaver
    11. Синхронизация настроек Dreamweaver с Creative Cloud
    12. Использование Git в Dreamweaver
  6. Управление файлами
    1. Создание и открытие файлов
    2. Управление файлами и папками
    3. Получение файлов с сервера и размещение их на нем
    4. Возврат и извлечение файлов
    5. Синхронизация файлов
    6. Сравнение файлов
    7. Скрытие файлов и папок на сайте Dreamweaver
    8. Включение заметок разработчика для сайтов Dreamweaver
    9. Предотвращение использования уязвимости Gatekeeper
  7. Макет и оформление
    1. Использование средств визуализации для создания макета
    2. Об использовании CSS для создания макета страницы
    3. Создание динамичных веб-сайтов с помощью Bootstrap
    4. Создание и использование медиазапросов в Dreamweaver
    5. Представление содержимого в таблицах
    6. Цвета
    7. Гибкий дизайн с использованием «резиновых» макетов
    8. Extract в Dreamweaver
  8. CSS
    1. Общие сведения о каскадных таблицах стилей
    2. Создание макетов страниц с помощью конструктора CSS
    3. Использование препроцессоров CSS в Dreamweaver
    4. Установка настроек стиля CSS в Dreamweaver
    5. Перемещение правил CSS в Dreamweaver
    6. Преобразование встроенного CSS в правило CSS в Dreamweaver
    7. Работа с тегами div
    8. Применение градиентов к фону
    9. Создание и редактирование эффектов перехода CSS3 в Dreamweaver
    10. Форматирование кода
  9. Содержимое страницы и ресурсы
    1. Задание свойств страницы
    2. Задание свойств заголовка CSS и свойств ссылки CSS
    3. Работа с текстом
    4. Поиск и замена текста, тегов и атрибутов
    5. Панель DOM
    6. Редактирование в режиме интерактивного просмотра
    7. Кодировка документов в Dreamweaver
    8. Выбор и просмотр элементов в окне документа
    9. Задание свойств текста в инспекторе свойств
    10. Проверка орфографии на веб-странице
    11. Использование горизонтальных линеек в Dreamweaver
    12. Добавление и изменение сочетаний шрифтов в Adobe Dreamweaver
    13. Работа с ресурсами
    14. Вставка и обновление даты в Dreamweaver
    15. Создание и управление избранными ресурсами в Dreamweaver
    16. Вставка и редактирование изображений в Dreamweaver
    17. Добавление мультимедийных объектов
    18. Добавление видео Dreamweaver
    19. Добавление видео HTML5
    20. Вставка файлов SWF
    21. Добавление звуковых эффектов
    22. Добавление аудио HTML5 в Dreamweaver
    23. Работа с элементами библиотеки
    24. Использование текста на арабском языке и иврите в Dreamweaver
  10. Создание ссылок и навигация
    1. О создании ссылок и навигации
    2. Создание ссылок
    3. Карты ссылок
    4. Устранение неполадок со ссылками
  11. Графические элементы и эффекты jQuery
    1. Использование пользовательского интерфейса и графических элементов jQuery для мобильных устройств в Dreamweaver
    2. Использование эффектов jQuery в Dreamweaver
  12. Написание кода веб-сайтов
    1. О программировании в Dreamweaver
    2. Среда написания кода в Dreamweaver
    3. Настройка параметров написания кода
    4. Настройка цветового оформления кода
    5. Написание и редактирование кода
    6. Подсказки по коду и автозавершение кода
    7. Свертывание и развертывание кода
    8. Повторное использование фрагментов кода
    9. Анализ Linting для проверки кода
    10. Оптимизация кода
    11. Редактирование кода в представлении «Дизайн»
    12. Работа с содержимым заголовков для страниц
    13. Вставка серверных включений в Dreamweaver
    14. Использование библиотек тегов в Dreamweaver
    15. Импорт пользовательских тегов в Dreamweaver
    16. Использование вариантов поведения JavaScript (общие инструкции)
    17. Применение встроенных вариантов поведения JavaScript
    18. Сведения об XML и XSLT
    19. Выполнение XSL-преобразования на стороне сервера в Dreamweaver
    20. Выполнение XSL-преобразования на стороне клиента в Dreamweaver
    21. Добавление символьных сущностей для XSLT в Dreamweaver
    22. Форматирование кода
  13. Процессы взаимодействия продуктов
    1. Установка и использование расширений в Dreamweaver
    2. Обновления в Dreamweaver, устанавливаемые через приложение
    3. Вставить документы Microsoft Office в Dreamweaver (только для Windows)
    4. Работа с Fireworks и Dreamweaver
    5. Редактирование содержимого на сайтах Dreamweaver с помощью Contribute
    6. Интеграция Dreamweaver с Business Catalyst
    7. Создание персонализированных кампаний почтовой рассылки
  14. Шаблоны
    1. О шаблонах Dreamweaver
    2. Распознавание шаблонов и документов на их основе
    3. Создание шаблона Dreamweaver
    4. Создание редактируемых областей в шаблонах
    5. Создание повторяющихся областей и таблиц в Dreamweaver
    6. Использование дополнительных областей в шаблонах
    7. Определение редактируемых атрибутов тега в Dreamweaver
    8. Создание вложенных шаблонов в Dreamweaver
    9. Редактирование, обновление и удаление шаблонов
    10. Экспорт и импорт XML-содержимого в Dreamweaver
    11. Применение или удаление шаблона из существующего документа
    12. Редактирование содержимого в шаблонах Dreamweaver
    13. Правила синтаксиса для тегов шаблона в Dreamweaver
    14. Настройка предпочтений выделения для областей шаблона
    15. Преимущества использования шаблонов в Dreamweaver
  15. Мобильные и многоэкранные устройства
    1. Создание медиазапросов
    2. Изменение ориентации страницы для мобильных устройств
    3. Создание веб-приложений для мобильных устройств с помощью Dreamweaver
  16. Динамические сайты, страницы и веб-формы
    1. Общие сведения о веб-приложениях
    2. Настройка компьютера для разработки приложений
    3. Устранение неполадок подключений к базам данных
    4. Удаление сценариев подключения в Dreamweaver
    5. Дизайн динамических страниц
    6. Обзор динамических источников содержимого
    7. Определение источников динамического содержимого
    8. Добавление динамического содержимого на страницы
    9. Изменение динамического содержимого в Dreamweaver
    10. Отображение записей баз данных
    11. Введение интерактивных данных и устранение неполадок с ними в Dreamweaver
    12. Добавление заказных вариантов поведения сервера в Dreamweaver
    13. Создание форм с помощью Dreamweaver
    14. Использование форм для сбора информации от пользователей
    15. Создание и включение форм ColdFusion в Dreamweaver
    16. Создание веб-форм
    17. Расширенная поддержка HTML5 для компонентов формы
    18. Разработка формы с помощью Dreamweaver
  17. Визуальное построение приложений
    1. Создание главной страницы и страницы сведений в Dreamweaver
    2. Создание страниц поиска и результатов поиска
    3. Создание страницы для вставки записи
    4. Создание страницы обновления записи в Dreamweaver
    5. Создание страниц удаления записей в Dreamweaver
    6. Применение ASP-команд для изменения базы данных в Dreamweaver
    7. Создание страницы регистрации
    8. Создание страницы входа
    9. Создание страницы с доступом только для авторизованных пользователей
    10. Защита папок в ColdFusion с помощью Dreamweaver
    11. Использование компонентов ColdFusion в Dreamweaver
  18. Тестирование, просмотр и публикация веб-сайтов
    1. Предварительный просмотр страниц
    2. Предварительный просмотр веб-страниц Dreamweaver на нескольких устройствах
    3. Тестирование сайта 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 будет предлагать ввести информацию о специальных возможностях во время вставки объектов. Диалоговое окно можно активировать для любого объекта в категории «Специальные возможности» окна «Настройки».

  1. Выберите меню «Правка» > «Настройки» (Windows) или «Dreamweaver» > «Настройки» (Macintosh).
  2. В списке «Категория» слева выберите пункт «Специальные возможности», выберите объект, установите любые из перечисленных ниже параметров и нажмите кнопку «ОК».

    Показывать атрибуты при вставке

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

    При открытии сохранять панель активной

    Позволяет сохранять положение фокуса на панели, чтобы обеспечить работу программы чтения с экрана. (Если данный параметр не выбран, при открытии панели фокус удерживается в представлении «Дизайн» или «Код».)

    Построение изображений вне экрана

    Выберите данный параметр при использовании программы чтения с экрана.

    Примечание.

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

Навигация по Dreamweaver с помощью клавиатуры

Можно использовать клавиатуру для перемещения по панелям, инспекторам свойств, диалоговым окнам, фреймам и таблицам без использования мыши.

Примечание.

Использовать клавишу Tab и клавиши со стрелками можно только в операционной системе Windows.

  1. Находясь в окне документа, нажмите клавиши Ctrl и F6 для смещения фокуса на панель.

    Пунктир вокруг заголовка панели обозначает, что фокус находится на панели. Программа чтения с экрана озвучивает заголовок панели, получившей фокус.

  2. Одновременно нажимайте клавиши Ctrl и F6 до тех пор, пока фокус не сместится на необходимую панель. (Для перемещения между панелями в обратном порядке одновременно нажимайте клавиши Ctrl, Shift и F6.)
  3. Если нужная вам панель закрыта, используйте сочетание клавиш в меню Windows для отображения этой панели, а потом одновременно нажмите Control и F6.

    Если нужная панель открыта, но не развернута, переместите фокус на заголовок панели и нажмите клавишу «Пробел». Чтобы ее свернуть, нажмите клавишу «Пробел» еще раз.

  4. Используйте клавишу Tab для перемещения по элементам управления панели.
  5. Клавиши со стрелками используются в следующих случаях.
    • Если элемент управления имеет варианты выбора, для перемещения между вариантами используйте клавиши со стрелками, а для выбора значения — клавишу «Пробел».

    • Если на панели находятся вкладки, открывающие другие панели, расположите фокус на открытой вкладке и с помощью клавиши «Стрелка влево» или «Стрелка вправо» откройте нужную вкладку. После открытия вкладки перемещаться по ее элементам управления можно с помощью клавиши Tab.

  1. Чтобы отобразить инспектор свойств, нажмите клавиши Ctrl + F3.
  2. Нажимайте сочетание клавиш Ctrl + F6 (только в Windows) до тех пор, пока фокус не сместится на инспектор свойств.
  3. Используйте клавишу Tab для перемещения по элементам управления инспектора свойств.
  4. Клавиши со стрелками используются для перемещения между вариантами выбора.
  5. Нажмите клавиши Ctrl + «Стрелка вниз/стрелка вверх» (Windows) или Command + «Стрелка вниз/стрелка вверх» (Macintosh), чтобы при необходимости открыть или закрыть развернутую секцию инспектора свойств, или наведите стрелку разворачивания на нижний правый угол и нажмите клавишу «Пробел».
    Примечание.

    Чтобы возможность разворачивать и сворачивать панель была доступна, курсор ввода должен быть внутри инспектора свойств (и не на заголовке панели).

  1. Используйте клавишу Tab для перемещения по элементам управления диалогового окна.
  2. С помощью клавиш со стрелками перемещайтесь между пунктами параметра.
  3. Если диалоговое окно содержит список «Категория», для перемещения фокуса на список нажмите клавиши Ctrl и Tab (в Windows), а затем с помощью клавиш со стрелками перемещайтесь по списку вверх или вниз.
  4. Для возврата фокуса к элементам управления нажмите клавиши Ctrl и Tab.
  5. Нажмите клавишу «Ввод», чтобы закрыть диалоговое окно.
  1. Если документ содержит фреймы, для перемещения фокуса на фрейм можно использовать клавиши со стрелками.

Выделение фрейма

  1. Чтобы поместить курсор вставки в окно документа, нажмите клавиши Alt + «Стрелка вниз».
  2. Чтобы выделить фрейм, на котором находится фокус, нажмите клавиши Alt + «Стрелка вверх».
  3. Чтобы переместить фокус на набор фреймов, а затем на родительские наборы фреймов (при наличии вложенных наборов), продолжайте нажимать клавиши Alt и «Стрелка вверх».
  4. Чтобы переместить фокус на дочерний набор фреймов либо на отдельный фрейм набора, нажмите клавиши Alt + «Стрелка вниз».
  5. Для перемещения между фреймами установите фокус на одном из фреймов и нажмите клавиши Alt + «Стрелка влево» или «Стрелка вправо».
  1. Для перемещения по ячейкам таблицы используйте соответствующие клавиши со стрелками или клавишу Tab.
    Примечание.

    Если фокус находится в крайней правой ячейке, при нажатии клавиши Tab к таблице будет добавлена еще одна строка.

  2. Для выбора ячейки одновременно нажмите клавиши Ctrl и A, если курсор вставки расположен в ячейке.
  3. Чтобы выделить всю таблицу, нажмите дважды сочетание клавиш Ctrl + A, если курсор вставки расположен в ячейке, либо один раз, если ячейка выделена.
  4. Чтобы выйти из таблицы, трижды нажмите сочетание клавиш Ctrl + A, если курсор вставки находится в ячейке, дважды, если ячейка выделена, один раз, если таблица выделена, и нажмите клавиши со стрелками вверх, влево или вправо.
Логотип Adobe

Вход в учетную запись