Дизайн веб сайтов для веб камеры
Проект открыт 15
марта 2007
Последнее обновление - 15 марта 2007
Главная | Новости | Таблицы | Веб дизайн - графика | DHTML веб сайтов | JavaScript и веб | DIV&SPAN в дизайне сайтов | Полный список тэгов | Ссылки | Книги по дизайну веб сайтов | Гостевая книга | Форум | Обратная связь
Главная | Новости | Таблицы | Веб дизайн - графика | DHTML веб сайтов | JavaScript и веб
| DIV&SPAN в дизайне сайтов | Полный список тэгов | Ссылки | Книги по дизайну веб сайтов | Гостевая книга | Форум | Обратная связьСоздание мультимедийных эффектов с помощью фильтров.
Часть первая
Теги-контейнеры DIV и SPAN. Абсолютное и относительное позиционирование.
Хотя мультимедийные эффекты можно создавать на базе , ВЕБ-мастерами чаще всего для этого употребляются
элементы DIV и SPAN. Я лично этого явления объяснить не могу. Видимо, срабатывают стереотипы. Но, как бы там ни было, факт имеет место быть и, так как в свое время я не уделил им должного внимания, придется изучить их сейчас. А заодно и
познакомиться с методами позиционирования объектов на странице.
Тэг-контейнер <SPAN> может использоваться, когда нужно отметить фрагмент текста для задания его свойств, и при этом не удается использовать никакой другой структурный тэг форматирования.
Как видите, заключив текст в тег <SPAN>, мы можем творить с этим текстом все, что угодно.
Следующий - тэг-контейнер <DIV> - аналог предыдущего тэга, управляющий содержанием на уровне блока.
В обоих случаях к элементам было применено относительное позиционирование (position: relative;) элементов, при котором каждый следующий элемент потока позиционируется в конец следующего. При относительном позиционировании
мы можем смещать элементы относительно того места на странице, которое они должны занимать при помощи свойств top, left, right:
При этом, как видим из последнего примера, съезжая со своего законного места, элемент не просит подвинуться всех остальных, а попросту наезжает на них и если бы мы не сделали его полупрозрачным с помощью фильтра alpha, он попросту
загородил бы собой все, на что наехал.
Для размещения элемента на странице можно использовать абсолютное позиционирование. Например, розочки, которые Вы скорее всего видите на заглавии статьи, то есть вначале страницы, вставлены кодом
<DIV style="position: absolute; top:130; left:180; filter: alpha(opacity=60); width: 75; height:107;"><img src=img/roza.jpg></DIV>, который помещен в самом конце страницы. В этом Вы можете убедиться посмотрев
ХТМЛ код страницы.