Главная страница Карта сайта Написать письмо
Главная HTML Word Excel VBA Графика Свой сайт Форум Free soft вебмастера SEO-новости Статьи
На главную Учебник HTML Учебник Word Учебник Excel Учебник VBA Учебник Corel Как создать сайт Форум Free soft Новости SEO Статьи SEO, WEB, HTML
HTML профессионально
БОНУС
Учебник HTML (хтмл)
...Старт
...Основные тэги
...Заголовки и комментарии
...Специальные символы
...Форматирование текста ч.1
...Форматирование текста ч.2
...Форматирование текста ч.3
...Создание списков
...Работа с графикой ч.1
...Работа с графикой ч.2
...Работа с графикой ч.3
...Работа с графикой ч.4
...Таблицы ч.1
...Таблицы ч.2
...Таблицы ч.3
...Гиперссылки
...Фреймы
...Что такое формы
...Что такое JavaScript
...Маленькие секреты Вэб-дизайна
...Эффект постепенной прорисовки
...Карта ссылок
...Внутренний лист стилей
...Работа с листами стилей
...Свойства шрифта - font
...Свойства текста
...Свойство фона - background
...Рамки и размеры
...Относительное и абсолютное позиционирование элементов
...Основные мета тэги
...Таблица дескрипторов HTML и их атрибутов
...Таблица свойств css
...Заключительное слово
 
 

Красивая отделка квартир делается с компанией Капитал Строй.

Маленькие секреты 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.

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

top

Рекомендую
Смотреть все книги»
 
 
 

мобильные рекламные стенды

Спасибо, что заглянули на сайт. Надеюсь, Вам понравилось. Заходите еще. Здесь всегда рады вам :)
При копировании материалов, размещенных на сайте, ссылка на первоисточник обязательна.

Если понравился этот сайт..

© 2005-2008
Юрий Кордык All Rights Reserved

 

E-mail:
admin@on-line-teaching.com