Вывод предупреждения ( Popup Message )
Очень часто для сообщения пользователю о чем-либо (например, необходимости ввести данные в поле ввода на странице) используются окна-предупреждения. Они представляют собой обычное стандартное предупреждение Windows : небольшое окно с текстом предупреждения, изображением восклицательного знака и кнопкой ОК. Для вывода такого предупреждения вы можете воспользоваться поведением Popup Message . Выберите одноименный пункт меню поведений, после чего на экране появится диалоговое окно Popup Message .
Введите текст предупреждения в область редактирования Message и нажмите кнопку ОК.
Вы можете использовать в тексте предупреждения любой JavaScript -код, заключив его в фигурные скобки. Например, чтобы вывести посетителю сайта текущую дату, вы можете использовать такой код:
Сегодня { new Date ()}
Если же вам понадобится для какихто целей ввести в текст фигурную скобку, предварите ее обратной косой чертой (/{ или /}).
Предварительная загрузка графических изображений ( Preload Images )
Как вы помните из материала предыдущей главы, на Web -страницах часто используются анимированные картинки, представляющие собой обычный набор графических изображений, быстро сменяющих друг друга. Такая анимация в среде Dreamweaver создается очень просто, да и при "ручной' работе также не вызывает особой сложности у достаточно опытного Web - программиста. Проблема в другом: при загрузке страницы из Интернета загружается только одно, первое изображение, а остальные Web -обозревателю приходится подгружать в процессе проигрывания анимации, создавая зн чительные задержки при проигрывании анимации в первый раз.Решить эту проблему позволяет предварительная загрузка нужного набора изображений. Изображения загружаются с помощью специального сценария, но нигде не отображаются, а просто сохраняются в кэше Web -обозревателя. При проигрывании такой анимации Web -обозреватель берет нужные графические файлы из своего кэша, вместо того, чтобы зафужать их из Сети.Для выполнения предварительной загрузки фафических изображений могут применяться два подхода:
1. Статический, самый очевидный. На странице создается соответствующее количество фафических изображений (тег < img >) размером 1x1 пиксел (или даже 0x0, если это сработает). В качестве значения атрибута src указывается имя одного из файлов, содержащих разные кадры анимации. При зафузке страницы Web -обозреватель тотчас зафужает все нужные для анимации файлы и сохраняет их в своем кэше. Этот способ очень прост и надежен, если анимация содержит небольшое количество кадров. Однако, если кадров в анимации достаточно много, Web -обозреватель займет для сохранения этих изображений в памяти слишком много системных ресурсов, что не всегда приемлемо.
2. Динамический. Используется Web -сценарий, зафужающий все эти файлы. При этом фафические изображения не хранятся в памяти и, таким образом, не занимают системные ресурсы, стало быть, анимация может содержать сколько угодно кадров. Однако этот подход несколько сложнее из-за необходимости создания сценария.
И все же для предварительной зафузки изображений рекомендуется использовать второй, динамический подход. И Dreamweaver вам в этом поможет, предоставив поведение Preload images . Очевидно, что это поведение привязывается к событию onLoad тега < body >. Чтобы создать его, выберите одноименный пункт в меню поведений. После этого на экране появится диалоговое окно Preload Images .
Файлы, которые должны быть предварительно зафужены, перечислены в списке Preload Images . Чтобы добавить файл в этот список, введите его имя в поле ввода Image Source File и нажмите кнопку со знаком "плюс". Вы также можете нажать кнопку Browse и выбрать нужный файл в диалоговом окне Select File . Чтобы изменить какой-либо файл, выберите его в списке, измените его имя в поле ввода Image Source File и после этого обязательно переключитесь на другой элемент управления, лучше всего — на сам список Preload Images . Чтобы удалить ненужный файл, выберите его в списке и нажмите кнопку со знаком "минус".
Теоретически, с помощью этого поведения можно предварительно загружать не только графические, но и любые другие файлы. В частности, это могут быть аудиофайлы, которые будут впоследствии проигрываться в ответ на действия пользователя, или видеоклипы Flash . Хотя в документации по Dreamweaver этого почемуто не написано.
После задания списка файлов, которые должны быть предварительно загружены, нажмите кнопку ОК. Кнопка Cancel позволит вам отказаться от сделанных изменений.
Изменение изображения - элемента полосы навигации ( Set Nav Bar Image )
О полосе навигации речь шла в главе 7, посвященной фреймам и фреймовому дизайну. Как вы помните, при создании полосы навигации Dream weaver создает также множество сценариев, обеспечивающих смену изображений каждого элемента в ответ на различные события. Эти сценарии и представляют собой поведение set Nav Bar image .
Как правило, вам самим не нужно создавать это поведение — это сделает за вас Dreamweaver . Если же это вам понадобится, выберите пункт Set Nav Bar Image в меню поведений. На экране появится диалоговое окно Set Nav Bar Image .
Как видите, содержимое вкладки Basic этого окна почти совпадает с содержимым диалогового окна Insert Navigation Bar . Элементы управления этой вкладки позволяют настроить выделенный вами элемент полосы навигации: задать для него изображения, "альтернативный" текст, интернет-адрес гиперссылки и др. Все это вам уже знакомо по главе 7.
А вот содержимое вкладки Advanced данного окна позволяет вам задать кое-какие дополнительные настройки, затрагивающие другие элементы полосы навигации. В частности, с ее помощью вы можете задать изменение изображения другого элемента полосы, если посетитель щелкнет выделенный вами элемент.
В раскрывающемся списке When element <название выделенного элемента is displaying выбирается состояние, в котором находится выделенный вами элемент полосы навигации. Если выбран пункт Over Image or Over While Down Image , то элемент должен находиться в состоянии, когда посетитель поместил над ним курсор мыши. Если выбран пункт Down Image , то посетитель должен щелкнуть по этому элементу ("нажатое" состояние).
В списке Also Set Image выбирается элемент полосы навигации, вид которого вы хотите изменить.
В поле ввода То Image File вводится имя файла изображения для выбранного в списке Also Set Image элемента. Это изображение будет отображаться, если выбранный в списке элемент находится в "ненажатом" состоянии. Вы также можете щелкнуть кнопку Browse и выбрать нужный файл в диалоговом окне Select File .
Если вы выбрали пункт Over Image or Over While Down Image в раскрывающемся списке When element <назвшше выделенного элементпа> is displaying , то становится доступным также поле ввода If Down , To Image File . В нем задается имя файла изображения, которое будет отображаться, если выбранный в списке пункт находится в "нажатом" состоянии. Также здесь доступна кнопка Browse .
Вы можете задать особое поведение сразу для нескольких элементов полосы навигации. Только не забудьте нажать кнопку ОК.
Задание нового содержимого фрейма ( Set Text of Frame )
Dreamweaver позволяет вам поместить новое содержимое в любой из фреймов текущего набора. Для этого выберите пункт Set Text of Frame в подменю Set Text меню поведений. На экране появится диалоговое окно Set Text of Frame .
В раскрывающемся списке Frame выбирается фрейм, в который вы хотите поместить новое содержимое. Само содержимое в виде HTML -кода вводится в область редактирования New HTML . Вы также можете нажать кнопк Get Current HTML , чтобы скопировать в эту область редактирования текущее содержимое фрейма, после чего внести необходимые изменения. Если вы включите флажок Preserve Background Color , Web -сценарий, обновляющий содержимое фрейма, сохранит цветовые настройки текста и фона; в противном случае эти настройки пропадут. Задав нужные настройки, нажмите кнопку ОК.
Вы можете использовать в HTML -коде нового содержимого фрейма любой JavaScript -код, заключив его в фигурные скобки. Например, чтобы вывести посетителю сайта текущую дату, вы можете использовать такой код:
Сегодня { new Date ()}
Если же вам понадобится ввести в текст фигурную скобку, предварите ее обратной косой чертой (/{ или /}).
Задание нового содержимого свободно позиционируемого элемента ( Set Text of Layer )
Dreamweaver позволяет вам поместить новое содержимое в любой из свободно позиционируемых элементов, имеющихся на странице. Для этого выберите пункт Set Text of Layer в подменю Set Text меню поведений. На экране появится диалоговое окно Set Text of Layer .
В раскрывающемся списке Layer выбирается свободный элемент, в который вы хотите поместить новое содержимое. Само содержимое в виде HTML -кода вводится в область редактирования New HTML . Задав нужные настройки, нажмите кнопку ОК.
Вы можете использовать в HTML -коде нового содержимого свободного элемента любой JavaScript -код, заключив его в фигурные скобки. Например, чтобы вывести посетителю сайта текущую дату, вы можете использовать такой код:
Сегодня { new Date ()}
Если же вам понадобится ввести в текст фигурную скобку, предварите ее обратной косой чертой (/{ или /}).