Вставка и управление параметрами бегущей строки.

Для начала рассмотрим, как на Web-страницу поместить бегущую строку (бегущая строка представляет собой область на странице, в которой отображается горизонтально перемещающееся текстовое сообщение). Продемонстрируем это на примере новой Web-страницы.

Чтобы создать новый Web-документ, отройте список инструмента панели Стандартная, выберите команду Страница… и в диалоговом окне Шаблоны страниц выберите шаблон Обычная страница. Предварительно, как вы знаете, необходимо настроить общие параметры новой страницы, для чего выполните щелчок правой кнопкой мыши в любом месте на странице и в появившемся контекстном меню выберите Свойства страницы…. Определите для нового документа в качестве названия текст Фамилия Имя Отчество, задайте цветовое оформление новой страницы в соответствии с оформлением начальной страницы сайта (определите такой же фоновый рисунок, как и для начальной страницы (фоновый рисунок хранится в папке images нашего сайта myweb2), цвет фона и текста, а вот цвета гиперссылок оставьте без изменений), определите в качестве языка документа русский и кириллицу в качестве кодировки, используемой при сохранении Web-страницы.

Вот теперь можно приступать к добавлению на Web-страницу бегущей строки. Выполните команду Вставка / Веб-компонент… или щелкните по кнопке на панели Стандартная. Заметьте, что по умолчанию в появившемся диалоговом окне Вставка компонента веб-узла нам как раз и предлагается добавить бегущую строку (в списке Тип компонента установлен вариант Динамические эффекты, а в списке Выберите эффект – Бегущая строка) (рис. 23). Нам осталось только согласиться и щелкнуть по кнопке Готово. Только после этого на экран будет выведено диалоговое окно Свойства бегущей строки (рис. 24), в котором мы и должны указать, какой именно текст будет прокручиваться на экране, а также определить характер движения этого текста. В поле Текст введите свою фамилию, имя и отчество, в разделах Направление, Скорость и Поведение оставьте параметры, заданные по умолчанию. Здесь же мы можем определить размеры области бегущей строки (причем, как обычно, их можно задать либо точно в пикселях (точках), либо в процентах от ширины окна, в котором отображается страница). Определим только ширину бегущей строки, для чего в разделе Размер установите переключатель Ширина, в качестве единиц измерения выберите проценты и в поле ввода укажите 100. Проверьте, чтобы в разделе Повторы был установлен флажок Непрерывно с тем, чтобы задать постоянное движение бегущей строки. Дополнительно в этом диалоговом окне вы при желании можете определить цвет фона для области бегущей строки. После определения всех параметров бегущей строки щелкните по кнопке ОК.

Перед тестированием нашей страницы в браузере отформатируем текст бегущей строки. Эта операция выполняется стандартным способом: достаточно выделить бегущую строку, а затем, воспользовавшись инструментами панели Форматирование, оформить требуемым образом. Воспользуемся для оформления текста бегущей строки стилями. Щелчком мыши выделите бегущую строку (обратите внимание, что выделяется она как рисунок), откройте список инструмента Стиль на панели Форматирование и выберите Заголовок 1. Дополнительно с помощью инструмента панели Форматирование можете изменить цвет текста.

C помощью инструмента панели Стандартная сохраните новую Web-страницу под именем head.htm в папке сайта myweb2 и, воспользовавшись инструментом панели Стандартная, просмотрите страницу в браузере.

При желании вы можете поэкспериментировать с бегущей строкой, изменяя ее свойства. Для этого достаточно находясь в Microsoft FrontPage выполнить щелчок правой кнопкой мыши по бегущей строке и в контекстном меню выбрать команду Свойства бегущей строки… При этом на экран будет выведено уже известное нам диалоговое окно Свойства бегущей строки. Для начала попробуйте изменить параметры в разделе Поведение, именно они отвечают за характер движения бегущей строки. В заключение своих экспериментов закройте текущую страницу с помощью команды Файл / Закрыть или воспользовавшись кнопкой в заголовке окна документа.