Сегодня мы поговорим о том, как верстать слоями, и какое преимущество дает данный вид верстки.
Раньше таблицы и фреймы были основными способами верстки сайта, но с тем, как проходит время, то вышло новое поколение веб-браузеров, поддерживающих современные технологии и ситуация изменилась.
Использование слоев, которые похожи на те, что мы видим в программе AdobePhotoshop, предоставило верстальщикам неограниченные возможности по верстке страниц. Но все было не так просто. От фреймов веб-мастера и так собирались отказаться из-за их громоздкого и грубого вида, а вот приверженцы табличной верстки и поклонники слоев, развязали нешуточные споры. Все дело в том, что хоть у табличной верстки и есть свои недостатки, но она проста для освоения даже новичками в веб-мастеринге и пользуется у них неизменной популярностью, да и некоторые профессионалы все, же иногда применят табличную верстку на сайте. Поэтому табличная верстка и верстка слоями стали главными конкурентами.
Давайте все же разберемся, когда страсти уже улеглись, на самом ли деле верстка слоями настолько хороша? Слои это элементы HTML-кода, которые можно внедрить в макет, располагая их один на другом с высокой точностью до одного пикселя. В параметры слоя изменения можно внести с помощью языка JavaScript или VBScipt, благодаря чему теперь представлялось реальным применение на сайте таких эффектов, как выплывающие окна, вращающиеся надписи, выпадающее меню и так далее. В данном случае слой будет задаваться контейнером, а для определения его позиции, нам потребуются такие атрибуты: top (этот атрибут задается отступ от верхнего края экрана вашего монитора), left (соответственно от левого края экрана монитора), z-index (положение отдельного слоя, которое задается декартовыми координатами, причем, сверху будет находиться слой с самым большим значением).
Достоинства верстки слоями:
- Возможность позиционирования слоев относительно друг друга позволяет создавать нам необычные эффекты, которые будут способствовать «оживлению» веб-страницы.
- Браузеры быстро обрабатывают слои.
- Мы можем указать положения слоя на странице до пикселя. Данный эффект достигается с помощью декартовых координат.
- Настройка свойств слоя происходит с применением CSS.
К недостаткам верстки слоями относятся:
- Необходимо довольно обширное знание языков программирования(JavaScript, VBScipt, CSS.) и их технологий.
- Веб-браузеры различно отображают сайт, в коде которого была применена верстка слоями.
- У вас могут возникнуть проблемы при работе в графических html-редакторах при редактировании веб-страниц, построенных слоями.
- Верстка с помощью слоев технически напоминает обычное позиционирование элементов, причем стандартный в тег для данных случаев, это тег, если вы будете использовать его, проблем с отображением в браузерах у вас станет намного меньше.
Как вы видите, плюс верстки слоями заключается в том, что он дает волю для фантазии веб-дизайнера, но в тоже время он очень утомителен и сложен в исполнении, а так же единый стандарт открытия веб-браузерами в них отсутствует. Поэтому никто не сможет дать вам гарантию на то, что сверстанный таким способом макет, будет одинаково выглядеть как в InternetExplorer, так и в Opera.