Закажи “Сайт под ключ” и получи

в подарок:

  • Домен !
  • Хостинг !
  • 10% скидки на следующий заказ !

Статьи

Верстка слоями

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

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

Давайте все же разберемся, когда страсти уже улеглись, на самом ли деле верстка слоями настолько хороша? Слои это элементы HTML-кода, которые можно внедрить в макет, располагая их один на другом с высокой точностью до одного пикселя. В параметры слоя изменения можно внести с помощью языка JavaScript или VBScipt, благодаря чему теперь представлялось реальным применение на сайте таких эффектов, как выплывающие окна, вращающиеся надписи, выпадающее меню и так далее. В данном случае слой будет задаваться контейнером, а для определения его позиции, нам потребуются такие атрибуты: top (этот атрибут задается отступ от верхнего края экрана вашего монитора), left (соответственно от левого края экрана монитора), z-index (положение отдельного слоя, которое задается декартовыми координатами, причем, сверху будет находиться слой с самым большим значением).

Достоинства верстки слоями:

  1. Возможность позиционирования слоев относительно друг друга позволяет создавать нам необычные эффекты, которые будут способствовать «оживлению» веб-страницы.
  2. Браузеры быстро обрабатывают слои.
  3. Мы можем указать положения слоя на странице до пикселя. Данный эффект достигается с помощью декартовых координат.
  4. Настройка свойств слоя происходит с применением CSS.

К недостаткам верстки слоями относятся:

  1. Необходимо довольно обширное знание языков программирования(JavaScript, VBScipt, CSS.) и их технологий.
  2. Веб-браузеры различно отображают сайт, в коде которого была применена верстка слоями.
  3. У вас могут возникнуть проблемы при работе в графических html-редакторах при редактировании веб-страниц, построенных слоями.
  4. Верстка с помощью слоев технически напоминает обычное позиционирование элементов, причем стандартный в тег для данных случаев, это тег, если вы будете использовать его, проблем с отображением в браузерах у вас станет намного меньше.

Как вы видите, плюс верстки слоями заключается в том, что он дает волю для фантазии веб-дизайнера, но в тоже время он очень утомителен и сложен в исполнении, а так же единый стандарт открытия веб-браузерами в них отсутствует. Поэтому никто не сможет дать вам гарантию на то, что сверстанный таким способом макет, будет одинаково выглядеть как в InternetExplorer, так и в Opera.

Добавить комментарий