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

Введение в Behaviors

  Все выпуски  

Описание причин появления технологии Behaviors


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


Выпуск 0.

До того, как браузеры начали поддерживать CSS, web-дизайнеру приходилось задавать внешний вид для каждого элемента на странице. Данное обстоятельство имело два следствия. Первое заключалось в том, что web-дизайнер (или верстальщик) был вынужден вводить в свой html-документ огромную массу тегов и атрибутов. Код страницы выглядел следующим образом:

<center><h1><font color="red" size=10>Текст заголовка</font></h1></center>

Второе следствие плавно вытекало из первого и называлось коротким словом "бардак". После того, как все страницы были сверстаны, вдруг выяснялось, что все заголовки должны быть не ярко-синими, а темно-синими. И верстальщик начинал переписывать каждую страницу.

Потом браузеры начали поддерживать стандарт CSS и ситуация упростилась. Web-дизайнер определял стили при помощи CSS и указывал верстальщику необходимый файл, в котором была размещена таблица стилей, а так же предоставлял список используемых стилей. Если потом возникала потребность в исправлении стиля, то стиль правился только в таблице стилей, что было легче, чем переписывать сотню страниц. К тому же от верстальщика не требовалось доскональное знание сотни тегов и двух сотен атрибутов. Их заменили одним атрибутом "class". Код стал выглядеть следующим образом:

<h1 class='my-style'>Текст заголовка</h1>

Однако в области Dynamic HTML все осталось по-прежнему. Если web-дизайнер совместно с web-программистом придумывали какой-либо эффект - например всплывающую подсказку или rollover, то они были вынуждены, после написания основного скрипта, прописывать обработчики событий в каждый элемент, который мог привести к нужному динамическому эффекту. К тому же вызванная функция не могла узнать, какой же элемент ее вызвал, если это прямо не указывалось при вызове функции. Код с вкраплениями Dynamic HTML для rollover'а выглядел следующим образом:

<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Img1.gif','','Img3.gif',1)">
 <img name="Img1.gif" border="0" src="Img2">
</a>

Данная ситуация настолько походила на ситуацию с CSS, что компанией Microsoft была создана технология Behaviors. И html-код для rollover'а стал выглядеть следующим образом.

<img src="Img2" class="my-rollover">

О том, как создавать свои собственные поведения и использовать существующие читайте в следующих выпусках данной рассылки.


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

В избранное