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.

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

Главная сайта