![]() |
![]() |
![]() |
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
|