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

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

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

Пришло время и нам разобраться – действительно ли табличная верстка заимела серьезного конкурента? Сторонники таблиц это огромное количество начинающих мастеров, их ряды пополняют и маститые консервативные сайтостроители. Почему?

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

Контейнер задает начало слоя, также нам необходимы атрибуты для позиционирования слоя на страничке: (задает отступ от левого края), (задает отступ от верхней границы) и (декартовые координаты задают местоположение отдельного слоя, при этом слой с большими значениями автоматически помещается наверх)

Плюсы слоев:

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

Заметные недостатки слоев:

  • Необходимость высокой грамотности веб-мастера (JavaScript, VBScipt, CSS).
  • Различное восприятие слоев разными браузерами.
  • Сложность редактирования слоев в обычном HTML-редакторе

Верстка слоя очень похожа на позиционирование элемента технически. Чтобы избегать частых проблем с браузерами лучше будет заменять обычный тег на привычный для любого браузера тег.

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

Просмотров: 4724

Оцените статью: 1 2 3 4 5





Комментарии

Комментарий добавил(а): Андрей
Дата: 2018-04-28

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

Написать комментарий




Введите код с картинки