Глава 8. Использование сложных элементов при оформле-
нии Web-страниц
8.1. Использование эффектов динамического html
Благодаря современным технологиям, применяемым при соз- дании Web-узлов, стало возможным размещении на Web-страницах динамических объектов, кнопок, меняющих внешний вид при уста-
новке на них курсора, бегущих строк текста, анимации. В этой гла-
ве будут рассмотрены вопросы, связанные с размещением на Web- страницах объектов, позволяющих сделать страницы более живыми и привлекательными для пользователей.
Вся размещаемая на Web-страницах информация, о которой шла речь в предыдущих главах, была статичной. Разработчику Web-узла, работающему с программой FrontPage, предоставляются разнообразные средства, позволяющие сделать Web-страницы ин- тересными. К таким средствам, прежде всего, относятся динамиче- ские эффекты (DHTML). Для создания динамических эффектов совсем не обязательно знать язык Java, JavaScript или VBScript, и можно вообще обойтись без программирования. Для создания на Web-странице динамических HTML-объектов в программе FrontPage потребуется совсем немного времени. Но есть одно су- щественное ограничение, препятствующее широкому применению DHTML при создании Web-узлов — не все обозреватели поддер- живают данные эффекты.
Для размещения на Web-странице динамических HTML-
объектов служит диалоговое окно Вставка компонента веб-узла, предлагающее три компонента данного типа. Это Быстрая строка, Меняющаяся кнопка и Диспетчер объявлений и много другое.
Кроме того, FrontPage позволяет при оформлении Web-
страниц использовать различные анимационные эффекты. При соз-
дании эффектов анимации используется панель инструментов Эф-
фекты DHTML.
8.2. Бегущая строка
Один из динамических элементов HTML, создаваемый про- граммой FrontPage — бегущая строка, представляющая собой пря- моугольную область, в которой перемещается текст, оформленный в виде одной строки.
Чтобы разместить на Web-странице бегущую строку, выпол-
ните следующие действия:
1. Откройте страницу Web-узла, оформление которой хотите оживить, разместив в ней активный компонент.
2. Установите курсор в место предполагаемого расположения бегущей строки.
3. В меню Вставка выберите команду Веб-компонент. От-
крывается одноименное диалоговое окно (рис. 8.1).
4. Окно содержит два списка. Из списка компонентов выбрано находящееся в нем значение Динамические эффекты. В правом списке окна отображаются динамические объекты программы FrontPage. Выберите из этого списка значение Быстрая строка и нажмите кнопку Готово. Открывается диалоговое окно Свойства бегущей строки (рис. 8.2), в котором можно определить параметры объекта, размещаемого на Web-странице.
5. В верхней части диалогового окна расположено поле Текст,
предназначенное для размещения текста, который будет представ-
лен на экране в виде бегущей строки. Введите в это поле, например,
фразу Мы рады приветствовать Вас!
6. Используя опции переключателя Направление, задайте на-
правление движения бегущей строки.
7. Область Скорость содержит два счетчика, управляющих скоростью перемещения строки и имеющих следующее назначе- ние:
• Задержка — задает период времени (в миллисекундах) между двумя последовательными перемещениями строки
• Величина — используется для указания расстояния (в пиксе-
лях) между двумя последовательными строками
Варьируя значения этих двух параметров, можно изменять скорость движения текста.
8. Опции группы Поведение позволяют задать поведение бе-
гущей строки:
• прокрутка — бегущая строка появляется из-за границы пря- моугольной области, в которой размещена, и скрывается за противоположной границей.
• сдвиг — строка появляется из-за границы прямоугольной об- ласти, в которой размещена, и останавливается перед проти- воположной границей.
• попеременно — бегущая строка движется от одной границы прямоугольной области до другой, меняя попеременно на- правление.
9. Используя параметры области Размер, задайте размеры прямоугольной области, в которой будет перемещаться строка.
10. Область Повторы позволяет указать количество переме-
щений бегущей строки по экрану. При установке флажка Постоян-
но строка будет перемещаться по Web-странице непрерывно.
11. Для задания цвета фона прямоугольной области, в которой перемещается строка, нажмите кнопку раскрывающегося списка Цвет фона и выберите из открывшейся палитры нужный цвет.
12. Программа FrontPage позволяет изменить шрифт, исполь- зуемый в оформлении бегущей строки, для чего существует кнопка Стиль.
13. Используя команду Граница меню кнопки Формат диало- гового окна Изменение стиля, можно определить стиль оформле- ния области, где будет размещаться бегущая строка.
Просмотрите результаты своей работы. Для этого в нижней части области редактирования выберите вкладку Просмотр.
Для редактирования бегущей строки достаточно дважды щелкнуть на ней мышью или выбрать из контекстного меню ко-
манду Свойства бегущей строки.