Отправляет email-рассылки с помощью сервиса Sendsay

Свой сайт - это очень просто!

  Все выпуски  

Свой сайт - это очень просто! Мультимедийные эффекты


Информационный Канал Subscribe.Ru


Мультимедийные эффекты. Теги DIV и SPAN
01.06.2004 Свой сайт - это очень просто! нр 52.

Доброго Вам здоровья уважаемые подписчики!

   Сегодня в выпуске:
   Внимание! Объявление:
Для создания портала по информационной безопасности требуются начинающие веб-мастера и дизайнеры.
Портал создает Коновалов Артем по кличке Flash. Самые первые наброски, так сказать "мысли вслух" Вы можете посмотреть по временному адресу: http://www.infobez.h12.ru/. Артем приглашает к сотрудничеству всех желающих Веб-мастеров и Веб-дизайнеров, независимо от уровня мастерства и количества опыта. Всем желающим следует обращаться непосредственно к Артему на мыло: rony777@rambler.ru.
Портал пока создается на бесплатном хостинге, но как только он более-менее обретет свое лицо, будет переведен на платный хостинг.

Вниманеие конкурс!

В связи с созданием портала объявляется также конкурс на создание логотипа портала. Подробности на странице http://www.svoisait.ru/konkurs.shtml

    Новости сайта:

Создание мультимедийных эффектов с помощью фильтров.

Часть первая

Теги-контейнеры DIV и SPAN. Абсолютное и относительное позиционирование.

   Хотя мультимедийные эффекты
(простейший пример можно посмотреть здесь) можно создавать на базе любых элементов, к которым можно применять фильтры, ВЕБ-мастерами чаще всего для этого употребляются элементы DIV и SPAN. Я лично этого явления объяснить не могу. Видимо, срабатывают стереотипы. Но, как бы там ни было, факт имеет место быть и, так как в свое время я не уделил им должного внимания, придется изучить их сейчас. А заодно и познакомиться с методами позиционирования объектов на странице.
   Тэг-контейнер <SPAN> может использоваться, когда нужно отметить фрагмент текста для задания его свойств, и при этом не удается использовать никакой другой структурный тэг форматирования.
ПРИМЕР.
Этот пример создан следующим куском кода: <SPAN style="position: relative; color: red; background-color: lightgrey;">

   Как видите, заключив текст в тег <SPAN>, мы можем творить с этим текстом все, что угодно.
   Следующий - тэг-контейнер <DIV> - аналог предыдущего тэга, управляющий содержанием на уровне блока.
ПРИМЕР.
Этот пример создан следующим куском кода: <DIV style="text-align: justify; xposition: relative; color: blue; background-color: lightgrey;">
   Я надеюсь, сравнивая эти два примера, Вы уже поняли разницу: SPAN действует только на текст, DIV - на пространство страницы, на котором расположен этот текст.
   В обоих случаях к элементам было применено относительное позиционирование (position: relative;) элементов, при котором каждый следующий элемент потока позиционируется в конец следующего. При относительном позиционировании мы можем смещать элементы относительно того места на странице, которое они должны занимать при помощи свойств top, left, right:
ПРИМЕР.
Этот пример создан следующим куском кода: <DIV style="text-align: justify; xposition: relative; top: 60px; right: 100px; color: blue; background-color: lightgrey;">

   При этом, как видим из последнего примера, съезжая со своего законного места, элемент не просит подвинуться всех остальных, а попросту наезжает на них и если бы мы не сделали его полупрозрачным с помощью фильтра alpha, он попросту загородил бы собой все, на что наехал.
   Для размещения элемента на странице можно использовать абсолютное позиционирование. Например, розочки, которые Вы скорее всего видите на заглавии статьи, то есть вначале страницы, вставлены кодом <DIV style="position: absolute; top:130; left:180; filter: alpha(opacity=60); width: 75; height:107;"><img src=img/roza.jpg></DIV>, который помещен в самом конце страницы. В этом Вы можете убедиться посмотрев ХТМЛ код страницы.

Интересующимся заработком в сети:
В мае деньги получены от почтовиков Opt-in-Pays, WePaid , а также от кликовых спонсоров TheСlickVault и LinkBurst.

Как всегда, приглашаю Вас посетить Свой сайт - это очень просто!. И, как всегда, Вы можете задавать мне любые вопросы.
    Всего Вам доброго.
   Сергей Червонящий.
на главную

http://subscribe.ru/
E-mail: ask@subscribe.ru
Отписаться
Убрать рекламу


В избранное