Web-Design Macromedia Dreamweaver Создание простейшего выпадающего меню с помощью Dreamweaver. - презентация

1 Web-Design Macromedia Dreamweaver Создание простейшего выпадающего меню с помощью Dreamweaver

2 Шаг 1 Откройте документ или создайте новый. Обязательное условие – файл должен быть сохранен на диск, Dreamweaver в эту папку будет сохранять дополнительные файлы. таблицу-разметкиСоздайте таблицу-разметки, например, 1 строка, 3 столбца. Количество ячеек равно числу разделов в меню.

3 Шаг 2 Дальше создаем "пустую" ссылку. Выделяете название меню в одной из ячеек таблицы и в инспекторе свойств в поле ссылки (Link) вставляете значок #.

4 Шаг 3 BehaviorsОткройте окно панели инструментов Behaviors (Window - Behaviors или Shift+F4). Нажимаем на кнопку и в появившемся меню выбираем Show Pop-Up Menu. Появится окно настройки выпадающего меню.

5 Шаг 4: Конфигурация меню: Закладка Contents позволяет определить количество элементов меню, вставить один или больше уровней меню, создать ссылки меню. + Добавление - Удаление элемента меню Перемещение элемента меню вверх/вниз Создание иерархического меню

6 Закладка Appearance определяет вид меню - горизонтальное или вертикальное, шрифт и его размер, цвет ссылки и ячейки при наведении на них указателя мышки. Цвет ячейки и цвет текста Цвет активной ячейки меню и цвет текста

7 Шаг 5: Конфигурация меню: Закладка Contents позволяет определить количество элементов меню, вставить один или больше уровней меню, создать ссылки меню. Закладка Appearance определяет вид меню - горизонтальное или вертикальное, шрифт и его размер, цвет ссылки и ячейки при наведении на них указателя мышки. В закладке Advanced устанавливают параметры ячеек таблицы - высота и ширина, сellpadding и cellspace, отступ текста, время в мс пока меню можно видеть, размер и цвет границ. Закладка Position устанавливает позицию меню относительно ссылки, при наведении на которую показывается меню. 5. Нажимаем кнопочку ОК. Вот и все, красивое выпадающее меню готово. Если нужно изменить готовое меню - в панели Behaviors (Shift+F3) и двойным кликом открываете поведение Show Pop-Up Menu.

8 Шаг 5: Конфигурация меню: Закладка Contents позволяет определить количество элементов меню, вставить один или больше уровней меню, создать ссылки меню. Закладка Appearance определяет вид меню - горизонтальное или вертикальное, шрифт и его размер, цвет ссылки и ячейки при наведении на них указателя мышки. В закладке Advanced устанавливают параметры ячеек таблицы - высота и ширина, сellpadding и cellspace, отступ текста, время в мс пока меню можно видеть, размер и цвет границ. Закладка Position устанавливает позицию меню относительно ссылки, при наведении на которую показывается меню. 5. Нажимаем кнопочку ОК. Вот и все, красивое выпадающее меню готово. Если нужно изменить готовое меню - в панели Behaviors (Shift+F3) и двойным кликом открываете поведение Show Pop-Up Menu.

9 Литература