Верстка с помощью слоев
Прежде фреймы и таблицы являлись основными способами верстки, но это
было раньше. Время идет, и с появлением нового поколения 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 | |
Категория: Статьи по HTML | Добавил: SibDes (05.02.2013)
| Автор: Денис
| |
Похожие материалы
Всего комментариев: 0 | |