Adobe Dreamweaver

Обзор


Содержание сайта
Комбинированные редакторы л. 1
Adobe Dreamweaver Обзор 

Содержание

О Creative Cloud
Новое в последних версиях

Основные шаги

Настройки программы

Интерфейс

Работа с сайтами Dreamweaver

Создание документов (страниц)

Управление файлами и папками

Заметки разработчика

Использование CSS

Макет страниц

Работа с объектами
Список объектов

Фреймы (рамки)
Использование тега DIV
Элементы AP
JavaScript
Цвет
Создание ссылок и навигация

Управление файлами и папками

Совместная работа Dreamweaver с Photoshop, Fireworks, Adobe Flash и др. приложениями

Интеграция с Business Catalyst


Поиск на сайте
Ресурсы и библиотеки
Расширения

Шаблоны

Работа с кодом

Использование сетевых служб
Adobe


Отображение XML-данных с
помощью XSLT


Создание динамических
страниц


Создание форм

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

Сайты для разных экранов и устройств

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

Отчеты в Dreamweaver

Программа передачи файлов (FTP)


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

О содержимом со специальными возможностями
Под специальными возможностями подразумевается создание таких веб-сайтов и веб-продуктов, которые могут использоваться людьми с нарушениями зрения, слуха, опорно-двигательного аппарата и прочими физическими нарушениями. Примерами таких специальных возможностей для программных продуктов и веб-сайтов являются использование программ чтения с экрана, текстовых эквивалентов для изображений, сочетаний клавиш, изменение цветов экрана для увеличения контрастности и т.д. Dreamweaver предоставляет инструменты, которые помогают в использовании и разработке содержимого со специальными возможностями.

Разработчикам Dreamweaver, которым требуются специальные возможности, программа предоставляет поддержку программ чтения с экрана, указателей вызова команд с клавиатуры, а также поддержку специальных возможностей в рамках операционной системы.
Для веб-дизайнеров, создающих содержимое со специальными возможностями, Dreamweaver помогает в создании страниц со специальными возможностями, которые включают полезное содержимое для программ чтения с экрана и следуют официальным рекомендациям в данной области. Например, при вставке элементов страницы в диалоговых окнах появляются подсказки о вводе атрибутов специальных возможностей (например, текстовых эквивалентов для изображения). В дальнейшем при открытии страницы пользователем с нарушением зрения программа чтения с экрана озвучит это описание.

Примечание. Дополнительно о двух значимых инициативах в области специальных возможностей читайте на странице «Web Accessibility Initiative» (Инициатива по обеспечению специальных возможностей) консорциума W3C (www.w3.org/wai) и в разделе 508 Федерального закона о реабилитации (www.section508.gov).

Никакое средство разработки не может автоматизировать сам процесс разработки. При проектировании веб- сайтов со специальными возможностями следует учитывать требования в данной области и принимать соответствующие решения о том, каким образом пользователи с ограниченными возможностями будут взаимодействовать с веб-страницами. Обеспечить это наилучшим образом можно посредством тщательного планирования, разработки, тестирования и оценки.


Использование программ чтения с экрана с 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
Начиная с Dreamweaver CS5, функция проверки специальных возможностей в Dreamweaver устарела.

Навигация по 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 Чтобы поместить курсор вставки в окно документа, нажмите клавиши «Alt» + «Стрелка вниз».
2 Чтобы выделить фрейм, на котором находится фокус, нажмите клавиши «Alt» + «Стрелка вверх».
3 Чтобы переместить фокус на набор фреймов, а затем на родительские наборы фреймов (при наличии вложенных наборов), продолжайте нажимать клавиши «Alt» и «Стрелка вверх».
4 Чтобы переместить фокус на дочерний набор фреймов либо на отдельный фрейм набора, нажмите клавиши «Alt» + «Стрелка вниз».
5 Для перемещения между фреймами установите фокус на одном из фреймов и нажмите клавиши «Alt» + «Стрелка влево» или «Стрелка вправо».

Навигация по таблице
1 Для перемещения по ячейкам таблицы используйте соответствующие клавиши со стрелками или клавишу «Tab».
Если фокус находится в крайней правой ячейке, при нажатии клавиши «Tab» к таблице будет добавлена еще одна строка.
2 Для выбора ячейки одновременно нажмите клавиши «Ctrl» и «A», если курсор вставки расположен в ячейке.
3 Чтобы выделить всю таблицу, нажмите дважды сочетание клавиш «Ctrl» + «A», если курсор вставки расположен в ячейке, либо один раз, если ячейка выделена.
4 Чтобы выйти из таблицы, трижды нажмите сочетание клавиш «Ctrl» + «A», если курсор вставки находится в ячейке, дважды, если ячейка выделена, один раз, если таблица выделена, и нажмите клавиши со стрелками вверх, влево или вправо.

Дополнительно:
«Вставка изображения»
«Вставка файлов SWF»
«Проверка данных HTML-форм»
«Создание фреймов и наборов фреймов»
«Вставка таблицы и добавление содержимого»



О всех замеченных ошибках или неточностях в описании программы, а также о возможных дополнениях просьба сообщить по адресу: average.2011@mail.ru
Если у Вас есть веб-страница с дополнительными материалами по данной теме, сообщите адрес страницы, чтобы на нее можно было сделать ссылку.


Рейтинг@Mail.ru