Иллюстрированный самоучитель по Dreamweaver MX

         

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 при создании полосы навигации. Пользователю обычно не нужно создавать это поведение самому

<
/p>


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.


Содержание раздела