Web-сценарии — подход Dreamweaver. Поведения

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

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

Когда вы задаете какое-либо поведение для того или иного элемента страницы, Dreamweaver автоматически создает необходимый для этого набор Web-сценариев и помещает его в HTML-код страницы. Это делается незаметно от пользователя; пользователь просто работает со списком созданных им поведений, отображаемым в специальном списке. Таким образом, Dreamweaver дает возможность прикоснуться к Web-программированию даже тем Web-дизайнерам, которые не знают ни языка JavaScript, ни объектной модели документа.

Все поведения, поддерживаемые Dreamweaver, приведены в табл. 13.2.

Таблица 13.2. Поведения, поддерживаемые Dreamweaver

Название в терминологии Dreamweaver

Описание

Call JavaScript

Вызов фрагмента JavaScript-кода или функции, написанной на JavaScript

Change Property

Изменение значения свойства какого-либо объекта

Check Browser

Перенаправление посетителей на разные Web-страницы в зависимости от программы Web-обозревателя

Check Plugin

Перенаправление посетителей на разные Web-страницы в зависимости от того, установлен ли у них нужный модуль расширения Web-обозревателя

Control Shockwave or Flash

Управление проигрыванием фильма Shockwave или Flash

Drag Layer

Позволяет посетителю перетаскивать свободно позиционируемый элемент страницы с места на место

Go to Timeline Frame

Перемещение к заданному кадру анимации

Go to URL

Перенаправление посетителей на другую Web-страницу

Hide Pop-Up Menu

Скрытие меню гиперссылок, выведенного ранее на экран с помощью поведения Show Pop-Up Menu

Jump Menu

Привязывается самим Dreamweaver при создании раскрывающегося списка гиперссылок. Пользователю обычно не нужно создавать это поведение самому

Jump Menu Go

Привязывается самим Dreamweaver при создании раскрывающегося списка гиперссылок к кнопке Go (Перейти). Пользователю обычно не нужно создавать это поведение самому

Open Browser Window

Открытие какой-либо Web-страницы в новом окне Web-обозревателя

Play Sound

Проигрывание аудиофайла

Play Timeline

Запуск проигрывания анимации

Popup Message

Вывод окна-предупреждения с заданным текстом и кнопкой ОК

Preload Images

Загрузка из файлов графических изображений. Эти изображения могут использоваться затем для вывода на страницу в качестве ответа на событие

Set Nav Bar Image

Создается самим Dreamweaver при создании полосы навигации. Пользователю обычно не нужно создавать это поведение самому

Set Text of Frame

Помещение какого-либо текста во фрейм

Set Text of Layer

Помещение какого-либо текста в свободно позиционируемый элемент

Set Text of Status Bar

Помещение какого-либо текста в строку статуса окна Web-обозревателя

Set Text of Text Field

Помещение какого-либо текста в поле ввода

Show Pop-Up Menu

Вывод на экран меню гиперссылок, например, в ответ на помещение посетителем страницы курсора мыши над каким-либо элементом страницы

Show-Hide Layers

Показ или скрытие свободно позиционируемого элемента

Stop Timeline

Остановка проигрывания анимации

Swap Image

Замена одного графического изображения другим

Swap Image Restore

Восстановление изначально присутствовавшего на странице графического изображения после его замены с помощью поведения Swap Image

Validate Form

Проверка введенных в форму данных на правильность (о формах см. главу 16)

Осталось привести список поддерживаемых Dreamweaver событий (табл. 13.3). Имейте, однако, в виду, что это не полный список поддерживаемых событий — некоторые события используются достаточно редко, и поэтому описываться здесь не будут.

Таблица 13.3. События, поддерживаемые Dreamweaver

Название

Описание

onAbort

 

onBlur

onChange

 

onClick

Наступает, когда пользователь останавливает загрузку Web-страницы, например, нажав кнопку Останов

Наступает, когда элемент управления или сама страница теряет фокус ввода

Наступает, когда посетитель изменяет значение элемента управления

Наступает при щелчке мышью по элементу страницы или по самой странице

onDblClick

Наступает при двойном щелчке мышью по элементу страницы или по самой странице

onError

Наступает при возникновении ошибки при загрузке страницы, графического изображения или внедренного элемента

onFocus

Наступает, когда элемент управления или сама страница получает фокус ввода

onHelp

Наступает, когда пользователь вызывает интерактивную справку Web-обозревателя

onKeyDown

Наступает при нажатии клавиши клавиатуры

onKeyPress

Наступает при нажатии и отпускании клавиши клавиатуры

onKeyUp

Наступает при отпускании клавиши клавиатуры

onLoad

Наступает по окончании загрузки страницы, графического изображения или внедренного элемента

onMouseDown

Наступает при нажатии кнопки мыши

onMouseMove

Периодически наступает при перемещении курсора мыши над элементом страницы или над самой страницей

onMouseOut

Наступает при "уводе" курсора мыши с элемента страницы

onMouseOver

Наступает, когда курсор мыши "заходит" на элемент страницы

onMouseUp

Наступает при отпускании кнопки мыши

onMove

Наступает при перемещении окна Web-обозревателя

onReset

Наступает, когда посетитель нажимает кнопку Сброс формы

onResize

Наступает при изменении размеров окна Web-обозревателя

onScroll

Наступает при прокрутке содержимого страницы или ее элемента посетителем

onSelect

Наступает при выделении текста в поле ввода

onSubmit

Наступает, когда посетитель нажимает кнопку Отправить формы, запуская отправку данных

onUnload

Наступает, когда посетитель покидает текущую Web-страницу

На этом закончим наше затянувшееся вступление. Пора переходить к работе над поведениями в Dreamweaver.