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.