Верстка за допомогою шарів

Раніше фрейми і таблиці вважалися основними способами верстки. Але час не стоїть на місці, і з виходом нового покоління веб-браузерів, що підтримують сучасні технології, ситуація змінилася. Використання шарів, на зразок тих, що можна зустріти в програмі Adobe Photoshop, для верстки документів надало веб-майстрам воістину необмежені можливості. Але, якщо від фреймів і так збиралися відмовитися зважаючи на їх громіздкість і занадто грубому виду, то між прихильниками табличної верстки і шанувальниками верств розгорілися неабиякі пристрасті. Справа в тому, що в таблиць хоч і існують недоліки, але через простоти освоєння цей метод верстки користується незмінною популярністю у початківців веб-майстрів, та й деякі професіонали ні-ні, та й застосують табличну верстку на сайті. Тому таблиці і шари стали вважатися конкурентами. Зараз, коли ажіотаж навколо верств трохи вщух, саме час дізнатися чи гідний у табличної верстки суперник.

Шари є елементами HTML-коду, які можна впроваджувати у веб-сторінку шляхом розміщення одного на іншому з точністю до пікселя. Зміни в параметри шару вносяться з використанням мови JavaScript або VBScipt, Завдяки чому стає можливим застосування на сторінках сайту різних ефектів: плаваючі вікна, що обертаються написи, меню, що випадає та інші.

Шар задається контейнером <Layer>, А для визначення позиції шару потрібні атрибути top (Відступ від верхнього краю екрану), left (Відступ від лівого краю екрану), z-index (Місце розташування окремого шару, заданого декартовими координатами, причому шар з найбільшим значенням поміщається зверху).

Переваги шарів:

До недоліків верств відносяться:
технічно нагадує позиціонування елементів, причому стандартний у таких випадках тег <Layer> краще замінити на <Div>, Тоді проблем з браузерами поменшає.

Як бачите, шари практично не обмежують фантазію дизайнера, але разом з тим складні у виконанні. До того ж єдиний стандарт сприйняття веб-браузерами у них відсутня. Тому ніхто не гарантує, що зверстаний таким чином сайт, буде ідентично виглядати і в Internet Explorer, і в Opera. Ось чому до цих пір не відмовляються від використання таблиць. Однак, варто зауважити, що в плані верстки у шарів велике майбутнє, якщо усунуться різночитання веб-браузерів.

Схожі статті:


Сподобалася стаття? Ви можете залишити відгук або підписатися на RSS , щоб автоматично отримувати інформацію про нові статтях.

Коментарів поки що немає.

Ваш отзыв

Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

*