Практическая работа № 15: Создание бегущей строки

KNOWLEDGE HYPERMARKET

Гіпермаркет Знань>>Інформатика>>Інформатика 11 клас>> Інформатика: Структура веб-сайтів, різновиди веб-сайтів

Практична робота до предмету Інформатика 11 клас.

Тема «Практическая работа № 15: Создание бегущей строки».

Розгляд теми: Структура веб-сайтів, різновиди веб-сайтів

Практическая работа № 15: «Создание бегущей строки»

Для того чтобы создать бегущую строку, надо воспользоваться дескриптором <MARQUEE>.

Управлять движением позволяет атрибут BEHAVIOR.

Значение scroll - заставляет строку появляться с одной стороны экрана и исчезать за противоположной стороной.

Значение slide - строка появляется из-за одной стороны экрана и останавливается у другой.

Значение alternate - заставляет строку бегать взад-вперед.
Атрибут DIRECTION задает направление перемещения строки.
Атрибут LOOP - определяет количество циклов перемещения.
Атрибут BGCOLOR - позволяет изменять цвет фона бегущей строки.
Атрибут SCROLLAMOUNT - служит для задания шага перемещения строки в экранных пикселях.
SCROLLDELAY - служит для указания времени задержки в миллисекундах между отдельными тактами перемещения строки.
Ниже приведены примеры бегущих строк. Следует сказать, что дескриптор <MARQUEE> до последнего времени поддерживался только Microsoft IE.

Пример:

Размещение текста поверх изображения

Если возникает задача размещения изображения поверх текста, то в этом вам поможет, уже изученная, обыкновенная таблица.

Надо создать таблицу, состоящую из одной строки и одного столбца. Чтобы удалить обрамление и свободные участки между ячейкой и границей таблицы, надо атрибутам BORDER CELLPADDING CELLSPACING присвоить нулевые значения. Атрибутами WIDTH HEIGHT надо "подогнать" размеры таблицы под размер изображения.

Вот и все. Пример смотрите ниже.

Пример:

Создание всплывающих подсказок

Для создания всплывающих подсказок служит атрибут TITLE. Этот атрибут можно применять в контексте многих тэгов. Например, если применить этот атрибут в теле дескриптора гиперссылки <A>, то при наведении курсора на данную гиперссылку, пользователю будет показан текст, набранный в атрибуте TITLE.

Если в графическом изображении был использован атрибут ALT, то пользоваться TITLE вовсе не обязательно, т.к. в этом случае пользователю показывается данные атрибута ALT.

Создание водяного знака

Водяной знак - это фоновое изображение, которое остается в окне браузера в постоянном положении в то время, когда пользователь пролистывает содержимое Вэб-страницы.

Для создания водяного знака надо в теле тэга <BODY> для определения графического фона, использовать атрибут BACKGROUND. Для предотвращения перемещения фона надо атрибуту BGPROPERTIES присвоить значение fixed.

В качестве фона можно использовать как небольшое изображение, которое будет автоматически размножено браузером, так и крупноформатный рисунок, который заполнит все пространство окна целиком. В любом случае надо помнить о времени загрузки страницы.

Надіслав викладач інформатики Миловидов Юрій Олегович, университет «КРОК»

Источник — «http://edufuture.biz/index.php?title=%D0%9F%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%B0%D1%8F_%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%B0_%E2%84%96_15:_%D0%A1%D0%BE%D0%B7%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5_%D0%B1%D0%B5%D0%B3%D1%83%D1%89%D0%B5%D0%B9_%D1%81%D1%82%D1%80%D0%BE%D0%BA%D0%B8»

Предмети > Інформатика > Інформатика 11 клас > Структура веб-сайтів, різновиди веб-сайтів > Структура веб-сайтів, різновиди веб-сайтів. Практикуми, лабораторні, кейси

При использовании материалов ресурса
ссылка на edufuture.biz обязательна (для интернет ресурсов - гиперссылка).
edufuture.biz 2008-© Все права защищены.
Сайт edufuture.biz является порталом, в котором не предусмотрены темы политики, наркомании, алкоголизма, курения и других "взрослых" тем.

Разработка - Гипермаркет знаний 2008-

Ждем Ваши замечания и предложения на email:
По вопросам рекламы и спонсорства пишите на email: