Добавление бегущей строки
 
Информатика в школе


Видео курсы для чайников фотошоп, joomla, wordpress, php, css 
  Главная  ●  Карта сайта
 
 

Добавление бегущей строки

Евгений Мухутдинов

[к списку уроков]

Путешествуя по просторам Интернет, вы наверняка видели бегущую по экрану строку с текстовой информацией. Поскольку бегущая строка не может не привлечь внимание посетителя сайта, то иногда имеет смысл разместить в ней наиболее важную информацию. При этом не стоит забывать о том, что многих пользователей Интернет раздражает присутствие на сайтах излишне "подвижных" элементов оформления, к которым, безусловно относится и бегущая строка.

Итак, если вы все же решили, что без бегущей строки никак не обойтись, то осталось только добавить ее в подходящее место. При помощи программы FrontPage 2003 вы сможете сделать это за считанные секунды.

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

Скриншот

Т.к. по умолчанию в левом окне (Тип компонента) уже выбран вариант Динамические эффекты, а в левом Бегущая строка, то мы можем сразу нажать на кнопку Готово и перейти к окну настройки свойств бегущей строки (см. рис).

Скринншот

Для начала мы просто в поле Текст наберем какую-нибудь фразу и использовав настройки по умолчанию нажмем клавишу ОК. Вот, что у меня получилось (для просмотра результата необходимо перейти в режим Просмотр):

Это бегущая строка с настройками по умолчанию

Ну что сказать, получилось как-то не очень выразительно. Давайте попробуем изменить фон строки с белого на зеленый, а шрифт с черного на желтый. А еще мы сделаем так, чтобы текст сперва перемещался справа на лево, а затем наоборот, слева на право. За одним я изменю и содержание бегущей строки.

Для начала возвращаемся в режим конструктора. Затем делаем двойной щелчок по бегущей строке, после чего появиться знакомое нам диалоговое окно Свойства бегущей строки. Меняем текст бегущей строки, в секции Поведение выбираем вариант Попеременно, в списке Цвет фона выбираем зеленый цвет. Нам осталось изменить цвет шрифта с черного на желтый, для этого мы можем воспользоваться кнопкой Стиль, далее Формат и Шрифт, после чего в появившемся диалоговом окне Шрифт можно установить необходимые атрибуты шрифта. На мой взгляд - это не самый короткий путь, поэтому можно закрыть диалоговое окно Свойства бегущей строки, а атрибуты шрифта бегущей строки изменить воспользовавшись кнопками панели инструментов Форматирование. Выделите бегущую строку и щелкнете на стрелке справа от кнопки Цвет шрифта, в панели Стандартные цвета выбираем желтый цвет. Переходим в режим Просмотр и оцениваем результат нашей работы:

Это бегущая строка с пользовательскими настройками

Теперь вы самостоятельно можете поэкспериментировать с другими настройками бегущей строки и посмотреть, что из этого получиться.

В заключении этого урока, я хочу сообщить вам, что бегущая строка может быть использована в качестве гиперссылки. Гиперссылка создается стандартным образом: необходимо сделать щелчок правой клавишей мыши на бегущей строке и в контекстном меню выбрать пункт Гиперссылка, в появившемся диалоговом окне указать адрес по которому мы перейдем щелкнув по бегущей строке.

[к списку уроков]

Книжные новинки
Как сделать свой сайт и заработать на нем Е. Мухутдинов
Копилка
Рабочие программы
Проекты MS Office
Презентации
Открытые уроки
Экзаменационные билеты
Элективные курсы
Бесплатный soft
 Инструкции по ТБ
Подготовка к олимпиадам по информатике
Методика подготовки
"Золотые" алгоритмы
Простые задачи для начинающих
Олимпиадные задачи с решениями
Книги
Среда программирования
Обучение программированию на С++
Справочник по языку Pascal
Обучение
Подготовка к ЕГЭ
Создание сайтов
Уроки FrontPage
Уроки Word 2003
Создание игр на Delphi
Печатаем вслепую

Информация

Наши интервью
Книга почета
Курсы повышения квалификации
Электронная библиотечка
Книжная полка
Статьи
Полезные ссылки
Обратная связь

Конкурсы

Олимпиада
Фотоконкурс
VIP
Персональный раздел профессора
Макаровой Н.В.
Персональный раздел профессора
Смыковской Т.К.