 |
АвтоАвтоматизацияАрхитектураАстрономияАудитБиологияБухгалтерияВоенное делоГенетикаГеографияГеологияГосударствоДомДругоеЖурналистика и СМИИзобретательствоИностранные языкиИнформатикаИскусствоИсторияКомпьютерыКулинарияКультураЛексикологияЛитератураЛогикаМаркетингМатематикаМашиностроениеМедицинаМенеджментМеталлы и СваркаМеханикаМузыкаНаселениеОбразованиеОхрана безопасности жизниОхрана ТрудаПедагогикаПолитикаПравоПриборостроениеПрограммированиеПроизводствоПромышленностьПсихологияРадиоРегилияСвязьСоциологияСпортСтандартизацияСтроительствоТехнологииТорговляТуризмФизикаФизиологияФилософияФинансыХимияХозяйствоЦеннообразованиеЧерчениеЭкологияЭконометрикаЭкономикаЭлектроникаЮриспунденкция
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.
Поиск по сайту: