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 можно создать несколько видов панелей навигации (меню):
- панель навигации с использованием Spry
- панель навигации без использования Spry (в ранних версиях редактора)
- меню переходов
- карта ссылок
- использование элемента Spry "Аккордеон"


Создание панели навигации при использовании Spry

С версии Dreamweaver CS5 функция «Панель навигации» устарела.
Если необходимо создать панель навигации, рекомендуется использовать графический элемент «Панель меню Spry».

Пример создания меню с использованием Spry

Изменение панели навигации


Создание панели навигации
(Для ранних версий Dreamweaver)

Элемент панели навигации может иметь четыре состояния:
• Кнопка не нажата: изображение, которое появляется, когда пользователь еще не щелкнул или не взаимодействовал с элементом.
• Курсор наведен: изображение, которое появляется, когда пользователь наводит курсор на изображение «Кнопка не нажата». Отображение элемента изменяется (например, становится ярче), что дает пользователю подсказку о том, что он может взаимодействовать с этим элементом.
• Кнопка нажата: изображение, которое появляется при нажатии на элемент. Например, пользователь щелкнул элемент, произошла загрузка новой страницы, но панель навигации осталась на экране и нажатый элемент может быть затемнен, давая понять, что он сейчас выбран.
• При перемещении вниз по изображению: изображение, которое появляется, когда пользователь наводит курсор на изображение нажатой кнопки после щелчка элемента. Например, элемент может отображаться серым цветом. Данное состояние создает визуальное подтверждение того, что пользователи не могут щелкнуть элемент второй раз, находясь в той же части сайта.

Необязательно вставлять на панель навигации изображения для всех четырех состояний. Например, можно использовать только состояния «Кнопка не нажата» и «Кнопка нажата».
После создания навигационной панели для документа можно добавить или удалить изображения из панели навигации с помощью команды «Изменить панель навигации». Эта команда позволяет изменять изображение или набор изображений, изменять файл, который открывается при щелчке на элементе, для выбора другого окна или фрейма, открытия файла или изменения порядка следования изображений.


Вставка панели навигации


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

1 Выполните одно из следующих действий.
• Выберите «Вставка» > «Объекты изображения» > «Панель навигации».
• В категории «Общие» на панели «Вставка» нажмите кнопку «Изображения», а затем выберите «Вставить панель навигации».




2 Заполните диалоговое окно «Вставить панели навигации» и нажмите кнопку «ОК». Ниже приводится частичный список параметров:
Кнопки со знаками «Плюс» и «Минус» Нажмите кнопку со знаком «Плюс» для вставки элемента, повторный щелчок добавит еще один. Для удаления элемента меню выберите нужный пункт и нажмите кнопку со знаком «Минус».
Имя элемента Введите имя для элемента панели навигации, например, Home (можно ввести любой набор букв латинского шрифта). Каждый элемент соответствует кнопке с набором изображений состояния. Имена элементов появляются в списке «Элементы панели навигации». Изменить порядок элементов на панели навигации можно с помощью кнопок со стрелками.
«Кнопка не нажата», «Над», «Кнопка нажата» и «При наведении на нажатую кнопку»

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

Замещающий текст Введите описание элемента. Замещающий текст показывается вместо изображений в текстовых браузерах или браузерах с ручной загрузкой изображений. Программы чтения с экрана считывают замещающий текст, и некоторые браузеры отображают этот текст при наведении указателя мыши на элемент меню навигации.
При щелчке перейти по URL-адресу Нажмите кнопку «Обзор», чтобы выбрать нужный связанный файл, затем определите способ его открытия: в том же окне или во фрейме. Если нужного фрейма нет в меню, закройте диалоговое окно «Вставить панели навигации» и введите имя фрейма.
Загрузка изображений Выберите этот параметр для загрузки изображений при загрузке страницы. Данный параметр устраняет задержку при наведении курсора мыши на замещающие изображения.
Изначально показывать изображение в состоянии «Кнопка нажата» Выберите этот параметр для элементов, которые необходимо отображать изначально в состоянии «Кнопка нажата», а не в установленном по умолчанию состоянии «Кнопка отжата». Например, элемент «Home» на панели навигации должен быть в состоянии «Кнопка нажата» при первой загрузке страницы.
При применении данного параметра к элементу после его имени в списке «Элементы панели навигации» появляется звездочка.
Вставка Определите способ вставки элементов: вертикально или горизонтально.
Использование таблиц Выберите для вставки элементы в виде таблиц


К примеру, панель навигации может выглядеть так, как показано на рисунке слева.

При щелчке по кнопке открывается определенная страница.

Панель навигации может быть горизонтальной или вертикальной.




При создании панели навигации таким способом можно создать панель, состоящую только из пунктов (без подпунктов).


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



Карта ссылок

Карта ссылок — это изображение, разделенное на области, называемые активными областями. При нажатии на активную область происходит какое-то действие (например, открывается новый файл). Таким образом, карта ссылок может служить для навигации по сайту (Пример карты ссылок как меню).
Подробнее см.  - Карты ссылок


Использование элемента Spry "Аккордеон"

Элемент Spry "Аккордеон" можно использовать для создания панелей навигации (меню).

Фактически это самое простое применение для "Аккордеона" - в названии вкладки вводится название пункта, в содержании вкладки - названия подпунктов.

И пунктам, и подпунктам меню можно назначить ссылки.

См. Аккордеон

Изменение панели навигации
1 Выберите панель навигации на активной странице.
2 Выберите «Изменение» > «Панель навигации».
3 В списке «Элементы панели навигации» выберите элемент, который нужно изменить.
4 Внесите необходимые изменения и нажмите кнопку «ОК».

Еще о панелях навигации


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


Рейтинг@Mail.ru