Маленькие секреты Web-дизайна
Маленькие секреты Web-дизайна

Создание бегущей строки
Размещение текста поверх изображения
Создание всплывающих подсказок
Создание водяного знака

Создание бегущей строки

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

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

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

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

Значение alternate - заставляет строку бегать взад-вперед.

Атрибут DIRECTION задает направление перемещения строки.

Атрибут LOOP - определяет количество циклов перемещения.

Атрибут BGCOLOR - позволяет изменять цвет фона бегущей строки.

Атрибут SCROLLAMOUNT - служит для задания шага перемещения строки в экранных пикселях.

SCROLLDELAY - служит для указания времени задержки в миллисекундах между отдельными тактами перемещения строки.

Ниже приведены примеры бегущих строк. Следует сказать, что дескриптор <MARQUEE> до последнего времени поддерживался только Microsoft IE.

Пример:

HTML-код:


 

<marquee behavior="scroll" direction="left">Бегущая строка 1</marquee>

 

 

<marquee behavior="alternate" direction="right" loop="30" scrollamount="10">Бегущая строка 2</marquee>

 

 

<marquee behavior="scroll" direction="left" scrolldelay="500" bgcolor="#00ff00">Бегущая строка 3</marquee>

 

Бегущая строка 1 Бегущая строка 2 Бегущая строка 3

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

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

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

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

Пример:

HTML-код:


 

<table border="0" cellpadding="0" cellspacing="0" background="img/tigr.jpg" height="41" width="50"><tr><td>

 

 

Это тигр

 

 

</td></tr></table>

 

Отображение в браузере:


Это тигр

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

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

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

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

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

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

В качестве фона можно использовать как небольшое изображение, которое будет автоматически размножено браузером, так и крупноформатный рисунок, который заполнит все пространство окна целиком. В любом случае надо помнить о времени загрузки страницы.
 
 
Создание форумов, вебсайтов
Категория: Создание сайтов, SEO | Добавил: Arhangel85 (31.08.2011)
Просмотров: 947 | Рейтинг: 5.0/1
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]