SlideShare a Scribd company logo
1 of 10
Web-DesignWeb-Design
Macromedia DreamweaverMacromedia Dreamweaver
Создание простейшего
выпадающего меню с помощью
Dreamweaver
Шаг 1Шаг 1
• Откройте документ или создайте новый.
Обязательное условие – файл должен быть
сохранен на диск, Dreamweaver в эту папку
будет сохранять дополнительные файлы.
• Создайте таблицу-разметкитаблицу-разметки, например, 1
строка, 3 столбца. Количество ячеек равно числу
разделов в меню.
ШагШаг 22
• Дальше создаем "пустую" ссылку. Выделяете
название меню в одной из ячеек таблицы и в
инспекторе свойств в поле ссылки (Link)
вставляете значок #.
ШагШаг 33 • Откройте окно панели инструментов BehaviorsBehaviors
(Window - Behaviors или Shift+F4).
• Нажимаем
на кнопку
и в
появившемся
меню
выбираем
Show Pop-Up
Menu.
Появится
окно
настройки
выпадающего
меню.
Шаг 4Шаг 4:: Конфигурация меню:Конфигурация меню:
• Закладка Contents позволяет определить
количество элементов меню, вставить один или
больше уровней меню, создать ссылки меню.
+ Добавление
- Удаление
элемента меню
Перемещение
элемента меню
вверх/вниз
Создание
иерархического
меню
• Закладка Appearance определяет вид меню -
горизонтальное или вертикальное, шрифт и
его размер, цвет ссылки и ячейки при
наведении на них указателя мышки.
Цвет ячейки и
цвет текста
Цвет активной
ячейки меню и
цвет текста
ШагШаг 5:5: Конфигурация меню:Конфигурация меню:
• Закладка Contents позволяет определить количество элементов меню,
вставить один или больше уровней меню, создать ссылки меню.
• Закладка Appearance определяет вид меню - горизонтальное или
вертикальное, шрифт и его размер, цвет ссылки и ячейки при наведении
на них указателя мышки.
• В закладке Advanced устанавливают параметры ячеек таблицы - высота
и ширина, сellpadding и cellspace, отступ текста, время в мс пока меню
можно видеть, размер и цвет границ.
• Закладка Position устанавливает позицию меню относительно ссылки,
при наведении на которую показывается меню.
• 5. Нажимаем кнопочку ОК.
• Вот и все, красивое выпадающее меню готово. Если нужно изменить
готовое меню - в панели Behaviors (Shift+F3) и двойным кликом
открываете поведение Show Pop-Up Menu.
ШагШаг 5:5: Конфигурация меню:Конфигурация меню:
• Закладка Contents позволяет определить количество элементов меню,
вставить один или больше уровней меню, создать ссылки меню.
• Закладка Appearance определяет вид меню - горизонтальное или
вертикальное, шрифт и его размер, цвет ссылки и ячейки при наведении
на них указателя мышки.
• В закладке Advanced устанавливают параметры ячеек таблицы - высота
и ширина, сellpadding и cellspace, отступ текста, время в мс пока меню
можно видеть, размер и цвет границ.
• Закладка Position устанавливает позицию меню относительно ссылки,
при наведении на которую показывается меню.
• 5. Нажимаем кнопочку ОК.
• Вот и все, красивое выпадающее меню готово. Если нужно изменить
готовое меню - в панели Behaviors (Shift+F3) и двойным кликом
открываете поведение Show Pop-Up Menu.
ЛитератураЛитература
• http://www.compdoc.ru/grafics/weaver/popup_menu/
ЛитератураЛитература
• http://www.compdoc.ru/grafics/weaver/popup_menu/

More Related Content

Viewers also liked

20
2020
20JIuc
 
лекция 8
лекция 8лекция 8
лекция 8JIuc
 
урок 2
урок 2урок 2
урок 2JIuc
 
0023
00230023
0023JIuc
 
лекция 15
лекция 15лекция 15
лекция 15JIuc
 
28
2828
28JIuc
 
47
4747
47JIuc
 
методичка по оформлению реферата
методичка по оформлению рефератаметодичка по оформлению реферата
методичка по оформлению рефератаJIuc
 
0043
00430043
0043JIuc
 
0016
00160016
0016JIuc
 
0045
00450045
0045JIuc
 
44
4444
44JIuc
 
лекция 11
лекция 11лекция 11
лекция 11JIuc
 
40
4040
40JIuc
 
25
2525
25JIuc
 

Viewers also liked (15)

20
2020
20
 
лекция 8
лекция 8лекция 8
лекция 8
 
урок 2
урок 2урок 2
урок 2
 
0023
00230023
0023
 
лекция 15
лекция 15лекция 15
лекция 15
 
28
2828
28
 
47
4747
47
 
методичка по оформлению реферата
методичка по оформлению рефератаметодичка по оформлению реферата
методичка по оформлению реферата
 
0043
00430043
0043
 
0016
00160016
0016
 
0045
00450045
0045
 
44
4444
44
 
лекция 11
лекция 11лекция 11
лекция 11
 
40
4040
40
 
25
2525
25
 

Similar to выпадающее меню

редактирование в эксель
редактирование в эксельредактирование в эксель
редактирование в эксельSuperkachek Superkachek
 
Урок 11. "Знакомство с PowerPoint 2007"
Урок 11. "Знакомство с PowerPoint 2007"Урок 11. "Знакомство с PowerPoint 2007"
Урок 11. "Знакомство с PowerPoint 2007"ANSevrukova
 
методичка Star board
методичка Star boardметодичка Star board
методичка Star boardLidija Rudakova
 
методичка по Word 40 стр.
методичка по Word 40 стр.методичка по Word 40 стр.
методичка по Word 40 стр.Serghei Urban
 
Текстовый редактор Word
Текстовый редактор WordТекстовый редактор Word
Текстовый редактор WordMargaret
 
л. б. №9 костюка б. в. гр 2им
л. б. №9 костюка б. в. гр 2имл. б. №9 костюка б. в. гр 2им
л. б. №9 костюка б. в. гр 2имwycccccccccc
 
метки. планета земля.
метки. планета земля.метки. планета земля.
метки. планета земля.valeriy ilin
 
браузер Opera
браузер Operaбраузер Opera
браузер Operaimmachka
 
лабораторная работа 2
лабораторная работа 2лабораторная работа 2
лабораторная работа 2student_kai
 
Конечный документ для быстрого форматирования
Конечный документ для быстрого форматированияКонечный документ для быстрого форматирования
Конечный документ для быстрого форматированияНиколай Колдовский
 
урок 1
урок 1урок 1
урок 1JIuc
 
Начальный документ для быстрого форматирования
Начальный документ для быстрого форматированияНачальный документ для быстрого форматирования
Начальный документ для быстрого форматированияНиколай Колдовский
 

Similar to выпадающее меню (20)

редактирование в эксель
редактирование в эксельредактирование в эксель
редактирование в эксель
 
Word
WordWord
Word
 
Практикум 10
Практикум 10  Практикум 10
Практикум 10
 
Урок 11. "Знакомство с PowerPoint 2007"
Урок 11. "Знакомство с PowerPoint 2007"Урок 11. "Знакомство с PowerPoint 2007"
Урок 11. "Знакомство с PowerPoint 2007"
 
методичка Star board
методичка Star boardметодичка Star board
методичка Star board
 
Word
WordWord
Word
 
методичка по Word 40 стр.
методичка по Word 40 стр.методичка по Word 40 стр.
методичка по Word 40 стр.
 
Текстовый редактор Word
Текстовый редактор WordТекстовый редактор Word
Текстовый редактор Word
 
л. б. №9 костюка б. в. гр 2им
л. б. №9 костюка б. в. гр 2имл. б. №9 костюка б. в. гр 2им
л. б. №9 костюка б. в. гр 2им
 
метки. планета земля.
метки. планета земля.метки. планета земля.
метки. планета земля.
 
браузер Opera
браузер Operaбраузер Opera
браузер Opera
 
Windows 7, занятие №6
Windows 7, занятие №6Windows 7, занятие №6
Windows 7, занятие №6
 
Open Office - руководство
Open Office - руководствоOpen Office - руководство
Open Office - руководство
 
ЛР 2.docx
ЛР 2.docxЛР 2.docx
ЛР 2.docx
 
лабораторная работа 2
лабораторная работа 2лабораторная работа 2
лабораторная работа 2
 
Текстовый редактор WordPad
Текстовый редактор WordPadТекстовый редактор WordPad
Текстовый редактор WordPad
 
Конечный документ для быстрого форматирования
Конечный документ для быстрого форматированияКонечный документ для быстрого форматирования
Конечный документ для быстрого форматирования
 
Интерфейс Adobe Photoshop - Урок 2
Интерфейс Adobe Photoshop - Урок 2Интерфейс Adobe Photoshop - Урок 2
Интерфейс Adobe Photoshop - Урок 2
 
урок 1
урок 1урок 1
урок 1
 
Начальный документ для быстрого форматирования
Начальный документ для быстрого форматированияНачальный документ для быстрого форматирования
Начальный документ для быстрого форматирования
 

More from JIuc

выступление на совет директоров
выступление на совет директороввыступление на совет директоров
выступление на совет директоровJIuc
 
тест по теме системы счисления
тест по теме системы счислениятест по теме системы счисления
тест по теме системы счисленияJIuc
 
тест по теме компьютерные коммуникации
тест по теме компьютерные коммуникациитест по теме компьютерные коммуникации
тест по теме компьютерные коммуникацииJIuc
 
тест по теме аппаратное обеспечение эвм
тест по теме аппаратное обеспечение эвмтест по теме аппаратное обеспечение эвм
тест по теме аппаратное обеспечение эвмJIuc
 
тест по теме устройство компьютера (20 вопросов)
тест по теме  устройство компьютера (20 вопросов)тест по теме  устройство компьютера (20 вопросов)
тест по теме устройство компьютера (20 вопросов)JIuc
 
тест Atutor аппаратное обеспечение
тест Atutor аппаратное обеспечениетест Atutor аппаратное обеспечение
тест Atutor аппаратное обеспечениеJIuc
 
итоговый тест по дисциплине аппаратное обеспечение эвм
итоговый тест по дисциплине аппаратное обеспечение эвмитоговый тест по дисциплине аппаратное обеспечение эвм
итоговый тест по дисциплине аппаратное обеспечение эвмJIuc
 
тест по теме основные устройства компьютера
тест по теме основные устройства компьютератест по теме основные устройства компьютера
тест по теме основные устройства компьютераJIuc
 
тесты сортировка в бд Excel
тесты сортировка в бд Excelтесты сортировка в бд Excel
тесты сортировка в бд ExcelJIuc
 
тест создание и модифиация структуры бд
тест создание и модифиация структуры бдтест создание и модифиация структуры бд
тест создание и модифиация структуры бдJIuc
 
тест система управления базами данных
тест система управления базами данныхтест система управления базами данных
тест система управления базами данныхJIuc
 
тест работа с макросами и внешними данными
тест работа с макросами и внешними даннымитест работа с макросами и внешними данными
тест работа с макросами и внешними даннымиJIuc
 
тест по Sql
тест по Sqlтест по Sql
тест по SqlJIuc
 
тест ключи, связи, индексы поиск и фильтрация
тест ключи, связи, индексы поиск и фильтрациятест ключи, связи, индексы поиск и фильтрация
тест ключи, связи, индексы поиск и фильтрацияJIuc
 
тест запросы
тест запросытест запросы
тест запросыJIuc
 
тест бд
тест бдтест бд
тест бдJIuc
 
тест база данных. основные функции
тест база данных. основные функциитест база данных. основные функции
тест база данных. основные функцииJIuc
 
тестирование по разделу архитектура эвм
тестирование по разделу архитектура эвмтестирование по разделу архитектура эвм
тестирование по разделу архитектура эвмJIuc
 
тест треннинг по архитектуре
тест треннинг по архитектуретест треннинг по архитектуре
тест треннинг по архитектуреJIuc
 
тест треннинг по архитектуре
тест треннинг по архитектуретест треннинг по архитектуре
тест треннинг по архитектуреJIuc
 

More from JIuc (20)

выступление на совет директоров
выступление на совет директороввыступление на совет директоров
выступление на совет директоров
 
тест по теме системы счисления
тест по теме системы счислениятест по теме системы счисления
тест по теме системы счисления
 
тест по теме компьютерные коммуникации
тест по теме компьютерные коммуникациитест по теме компьютерные коммуникации
тест по теме компьютерные коммуникации
 
тест по теме аппаратное обеспечение эвм
тест по теме аппаратное обеспечение эвмтест по теме аппаратное обеспечение эвм
тест по теме аппаратное обеспечение эвм
 
тест по теме устройство компьютера (20 вопросов)
тест по теме  устройство компьютера (20 вопросов)тест по теме  устройство компьютера (20 вопросов)
тест по теме устройство компьютера (20 вопросов)
 
тест Atutor аппаратное обеспечение
тест Atutor аппаратное обеспечениетест Atutor аппаратное обеспечение
тест Atutor аппаратное обеспечение
 
итоговый тест по дисциплине аппаратное обеспечение эвм
итоговый тест по дисциплине аппаратное обеспечение эвмитоговый тест по дисциплине аппаратное обеспечение эвм
итоговый тест по дисциплине аппаратное обеспечение эвм
 
тест по теме основные устройства компьютера
тест по теме основные устройства компьютератест по теме основные устройства компьютера
тест по теме основные устройства компьютера
 
тесты сортировка в бд Excel
тесты сортировка в бд Excelтесты сортировка в бд Excel
тесты сортировка в бд Excel
 
тест создание и модифиация структуры бд
тест создание и модифиация структуры бдтест создание и модифиация структуры бд
тест создание и модифиация структуры бд
 
тест система управления базами данных
тест система управления базами данныхтест система управления базами данных
тест система управления базами данных
 
тест работа с макросами и внешними данными
тест работа с макросами и внешними даннымитест работа с макросами и внешними данными
тест работа с макросами и внешними данными
 
тест по Sql
тест по Sqlтест по Sql
тест по Sql
 
тест ключи, связи, индексы поиск и фильтрация
тест ключи, связи, индексы поиск и фильтрациятест ключи, связи, индексы поиск и фильтрация
тест ключи, связи, индексы поиск и фильтрация
 
тест запросы
тест запросытест запросы
тест запросы
 
тест бд
тест бдтест бд
тест бд
 
тест база данных. основные функции
тест база данных. основные функциитест база данных. основные функции
тест база данных. основные функции
 
тестирование по разделу архитектура эвм
тестирование по разделу архитектура эвмтестирование по разделу архитектура эвм
тестирование по разделу архитектура эвм
 
тест треннинг по архитектуре
тест треннинг по архитектуретест треннинг по архитектуре
тест треннинг по архитектуре
 
тест треннинг по архитектуре
тест треннинг по архитектуретест треннинг по архитектуре
тест треннинг по архитектуре
 

выпадающее меню

  • 1. Web-DesignWeb-Design Macromedia DreamweaverMacromedia Dreamweaver Создание простейшего выпадающего меню с помощью Dreamweaver
  • 2. Шаг 1Шаг 1 • Откройте документ или создайте новый. Обязательное условие – файл должен быть сохранен на диск, Dreamweaver в эту папку будет сохранять дополнительные файлы. • Создайте таблицу-разметкитаблицу-разметки, например, 1 строка, 3 столбца. Количество ячеек равно числу разделов в меню.
  • 3. ШагШаг 22 • Дальше создаем "пустую" ссылку. Выделяете название меню в одной из ячеек таблицы и в инспекторе свойств в поле ссылки (Link) вставляете значок #.
  • 4. ШагШаг 33 • Откройте окно панели инструментов BehaviorsBehaviors (Window - Behaviors или Shift+F4). • Нажимаем на кнопку и в появившемся меню выбираем Show Pop-Up Menu. Появится окно настройки выпадающего меню.
  • 5. Шаг 4Шаг 4:: Конфигурация меню:Конфигурация меню: • Закладка Contents позволяет определить количество элементов меню, вставить один или больше уровней меню, создать ссылки меню. + Добавление - Удаление элемента меню Перемещение элемента меню вверх/вниз Создание иерархического меню
  • 6. • Закладка Appearance определяет вид меню - горизонтальное или вертикальное, шрифт и его размер, цвет ссылки и ячейки при наведении на них указателя мышки. Цвет ячейки и цвет текста Цвет активной ячейки меню и цвет текста
  • 7. ШагШаг 5:5: Конфигурация меню:Конфигурация меню: • Закладка Contents позволяет определить количество элементов меню, вставить один или больше уровней меню, создать ссылки меню. • Закладка Appearance определяет вид меню - горизонтальное или вертикальное, шрифт и его размер, цвет ссылки и ячейки при наведении на них указателя мышки. • В закладке Advanced устанавливают параметры ячеек таблицы - высота и ширина, сellpadding и cellspace, отступ текста, время в мс пока меню можно видеть, размер и цвет границ. • Закладка Position устанавливает позицию меню относительно ссылки, при наведении на которую показывается меню. • 5. Нажимаем кнопочку ОК. • Вот и все, красивое выпадающее меню готово. Если нужно изменить готовое меню - в панели Behaviors (Shift+F3) и двойным кликом открываете поведение Show Pop-Up Menu.
  • 8. ШагШаг 5:5: Конфигурация меню:Конфигурация меню: • Закладка Contents позволяет определить количество элементов меню, вставить один или больше уровней меню, создать ссылки меню. • Закладка Appearance определяет вид меню - горизонтальное или вертикальное, шрифт и его размер, цвет ссылки и ячейки при наведении на них указателя мышки. • В закладке Advanced устанавливают параметры ячеек таблицы - высота и ширина, сellpadding и cellspace, отступ текста, время в мс пока меню можно видеть, размер и цвет границ. • Закладка Position устанавливает позицию меню относительно ссылки, при наведении на которую показывается меню. • 5. Нажимаем кнопочку ОК. • Вот и все, красивое выпадающее меню готово. Если нужно изменить готовое меню - в панели Behaviors (Shift+F3) и двойным кликом открываете поведение Show Pop-Up Menu.