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) |