Dreamweaver (далее — DW) предоставляет механизм «Поведение», который помогает создавать интерактивное поведение на странице. Поведение — это серия действий, выполняемых на веб-странице, посредством которых пользователь взаимодействует со страницей. Используя поведение DW, вы можете добиться богатых динамических эффектов страницы и обеспечить взаимодействие пользователя со страницей, не написав ни единой строки кода.
Поведение состоит из событий и действий. Событие — это результат запуска действия, а действие — это заранее написанный код JavaScript, используемый для выполнения определенной задачи, например открытия окна браузера, воспроизведения звука и т. д.
При использовании поведения в элементе страницы вы указываете действия и события, которые будут запускаться. DW предоставил некоторые определенные действия, которые вы можете применять к элементам страницы.
1. Некоторые базовые встроенные варианты поведения.
1. Вызов JavaScript (Вызов JavaScript).
Это поведение позволяет настроить соответствующий сценарий JavaScript, который будет вызываться при запуске определенных событий для реализации соответствующего действия. При настройке этого поведения вы можете напрямую вводить сценарии или функции JavaScript.
2. Изменить свойство (Изменить свойство).
Такое поведение позволяет динамически изменять свойства объекта, такие как размер изображения, цвет фона слоя и т. д. Обратите внимание, что настройка этого поведения зависит от поддержки браузера.
3. Проверка браузера.
Существуют определенные различия в возможностях поддержки разных браузеров. Используя это поведение, мы можем проверить версию браузера для перехода на разные страницы.
4. Проверка плагина.
Иногда создаваемые нами страницы требуют поддержки определенных плагинов, например веб-страницы, созданные с использованием Flash, поэтому необходимо проверить плагин браузера пользователя, чтобы узнать, есть ли в нем указанный плагин. установлен. Такое поведение делает именно это.
5. Управление Shockwave или Flash (Управление Shockwave или Flash)
Shockwave и Flash — это объекты, которые часто вставляются в текущую веб-страницу. Такое поведение используется для управления этими объектами. Вы можете использовать его для управления воспроизведением, остановкой и возвратом анимации, а также управлять кадром, к которому нужно перейти непосредственно.
6. Переместить слой (перетаскивание слоя).
Поведение «Переместить слой» позволяет реализовать перемещение слоев на странице и даже перемещение многослойного содержимого.
7. Перейти к URL-адресу (Go To URL).
Вы можете указать текущее окно браузера или указанный фрейм окна для загрузки указанной страницы.
8. Меню перехода.
Поведение «Меню перехода» в основном используется для редактирования форм перехода.
9. Диалоговое окно всплывающего сообщения (Всплывающее сообщение).
Если вы хотите отобразить информационное диалоговое окно на странице или предоставить пользователю подсказку, вы можете использовать это поведение.
2. Простой пример
Ниже мы возьмем динамические изображения в качестве примера, чтобы познакомить вас с использованием поведений. Для начала нужно сделать две картинки 1 и 2 одинакового размера. Вот конкретные шаги.
1. Откройте DW, чтобы создать страницу, и вставьте рисунок 1 на эту страницу.
2. В окне редактирования DW выберите Рисунок 1.
3. Выберите «Поведение» в меню «Окна» или нажмите F8, чтобы открыть панель «Поведение». Обратите внимание, что во всплывающем меню «События для браузеров» необходимо выбрать «Браузеры версии 3.0 и более поздние».
4. Нажмите кнопку «+», чтобы добавить новое поведение — «Заменить изображение», и появится диалоговое окно «Заменить изображение». В списке изображений вы увидите список всех изображений на странице. Выберите изображение 1, которое хотите преобразовать. Это исходное изображение. При наведении на него указателя мыши оно будет заменено выделенным изображением 2. заменять.
5. Нажмите кнопку «Обзор» и выберите тот, который хотите заменить. С помощью события «onMouseOver» выбранное изображение 2 заменяет исходное изображение 1.
6. Выберите настройки по умолчанию для предварительного вызова и сохранения изображений.
Опция «Предварительная загрузка изображений» означает, что при загрузке всей страницы преобразованные изображения помещаются в кеш браузера. Когда зритель впервые наводит указатель мыши на изображение «Наша история», он едва может почувствовать выделенное изображение. Задержек с появлением нет. Опция «Восстановить изображения onMouseOut» означает, что при возникновении события «onMouseOut» (отключение мыши) изображение будет автоматически восстановлено в исходное состояние.
7. После завершения настроек нажмите кнопку «ОК», чтобы закрыть диалоговое окно «Заменить изображение» и применить предыдущие настройки.
В это время панель «Поведение» содержит события и действия, которые вы только что установили для изображения. Рядом с событием «OnMouseOver» есть метка действия «Заменить изображение», а над ним находится событие «onMouseOut» и соответствующее действие «Восстановление изображения под замену» (это поведение происходит, когда вы принимаете значение по умолчанию в диалоговом окне «Замена изображения»). определенные параметры поля).
8. Закройте панель «Поведение». Нажмите F12, чтобы просмотреть страницу. Подведя указатель мыши к изображению 1, вы обнаружите, что оно заменено изображением 2.
Приведенный выше пример представляет собой простой пример применения поведения DW. Есть много других применений, поэтому я не буду объяснять их здесь по отдельности. Кроме того, DW также позволяет пользователям использовать расширенные варианты поведения, которые можно загрузить с домашней страницы Macromedia.