Home Сайтостроение Верстка сайтов с использованием слоев

Верстка сайтов с использованием слоев

Автор: Редактор
0 коммент 31 просмотров

 

Верстка сайтов с использованием слоев

Верстка сайтов с использованием слоев

В начале развития индустрии web-дизайна основными способами верстки считались фреймы и таблицы. Но со временем технологии развиваются, и на первый план выходят другие вещи. В web-дизайне стали применяться слои. Это можно сказать развязало руки многим web-дизайнерам. И если применение фреймов давно считалось бесполезной и ненужной вещью, то между фанатами табличного стиля верстки и верстки с использованием слоев возникла настоящая война. Ведь таблицы очень просты в освоении и многие начинающие web-дизайнеры используют исключительно такой способ верстки web-сайта. И на данный момент война эта только разгорается.

Слои это элементы HTML-кода внедрение, которого используют путем размещения слоев один над другим (либо друг под другом) с абсолютной точностью. Изменения в параметры определенного слоя вносятся с использованием технологий JavaScript либо VBScipt. Это дает возможность реализовать на сайте самые разнообразные эффекты. Это и плавающие окна, и выпадающие меню и надписи, которые прыгают, вращаются, бесятся и так далее.

Задание слоя осуществляется посредством использования контейнера <Layer>. Атрибутами слоя являются top, left, z-index. И если с первыми в принципе все понятно из названий, то на последнем бы хотелось остановиться несколько подробнее. Z-index – это место расположения слоя, которое задается с использованием декартовых координат. Слой, который имеет наибольшее значение, находится сверху других слоев.

Слои обладают следующими достоинствами:

• Быстрая обработка;

• Использование декартовой системы координат дает возможность указать положение слоев на странице;

• CSS дает возможность выполнить настройку свойств определенного слоя;

Слои обладают следующими недостатками:

• Нужно очень точно понимать JavaScript, VBScipt, CSS. Можно сказать, вы должны быть гуру в этих компонентах.

• Если при верстке слоев применялись слои, то различные браузеры по различному отображают сайт.

Небольшой секрет при верстке с использование слоев вместо тега <Layer> применяйте тег <Div>. Это поможет в некоторой степени избавиться от разной интерпретации «слоевой» верстки разными браузерами.

Что можно сказать в итоге. На данный момент нет единой интерпретации слоев разными браузерами, поэтому, настроив сайт под один браузер, в другом браузере вы можете получить эффект, который вас совершенно не устроит. Но за версткой, с использованием слоев большое будущее. И есть некоторые предпосылки считать, что в ближайшее время такие несоответствия будут устранены.

Related Posts

Этот сайт использует файлы cookie для улучшения вашего опыта. Мы будем считать, что вы согласны с этим, но вы можете отказаться, если хотите. Принять Подробнее

Privacy & Cookies Policy