Верстка с помощью слоев

Прежде фреймы и таблицы являлись основными способами верстки, но это было раньше. Время идет, и с появлением нового поколения web-браузеров, ситуация поменялась. Использование слоев, модель которых, можно увидеть в программе Adobe Photoshop, дало web-мастерам безграничные возможности, в верстке документов.
Одним из элементов HTML-кода являются слои. Их можно внедрять в web-страницу, путем наложения одного слоя на другой с большой точностью. Язык JavaScript или VBscipt позволяет вносить изменения в параметры слоя.

Вследствие чего стало возможно применение разных эффектов: плавающие окна, выскакивающие меню и другие эффекты на страницах сайта.

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

За счет методики позиционирования слоев можно создавать уникальные эффекты, которые смогут дать новую жизнь web-страницам.
Быстрая загрузка слоев web-браузерами.
Большая точность указания и расположения слоя на странице, за счет поддержки декартовых координат.
Свойства слоя можно настраивать посредством CSS.

Слабые стороны слоев

Высокий уровень знания языков программирования – JavaScript, VBScipt, CSS.
При верстке сайта с применением слоев возникают различия в отображении сайта web-браузерами.
В графических редакторах html возникают проблемы при редактировании страниц.

Верстка с использованием слоев технически походит на позиционирование элементов. В таких случаях тег <Layer> луче изменить на <Div>. Тогда возникающих проблем с web-браузерами станет меньше.

Исходя из всего выше перечисленного, видно, что слои почти не ограничивают воображение дизайнера, но довольно сложны в своем исполнении.


Источник: http://ucozmaster.ru/publ/html/verstka_s_pomoshhju_sloev/2-1-0-41
| Автор: Денис
X
Ссылка:
BB-код:
HTML-код:

Похожие материалы
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Войти на сайт
%