Створення сайтів - студія веб-дизайну WebStudio2U Контактні дані веб-студії WebStudio2U RSS стрічка веб-студії WebStudio2U Мапа сайту Авторизація

Блокова верстка сайту - верстка div

Блокова верстка сайта Верстка сайту - один з важливих етапів розробки сайту. Є різні види верстки сайтів у залежності від безлічі факторів і критеріїв. Зокрема, популярна так звана блокова верстка сайту.

Блокова верстка сайту, що називається також версткою div'амі , останнім часом застосовується найбільш часто. Верстка div представляє собою різновид html-верстки сайтів і використовує таку синтаксичну конструкцію:

<div id="blok1"> вміст блоку 1</div>
<div id="blok2"> вміст блоку 2</div>
<div id="blok3"> вміст блоку 3</div>
...

Тег <div> - це так званий контейнер (блок), який може містити форматований текст, зображення та ін Важливою особливістю блоків є їх здатність накладатися один на одного при верстці. Ця особливість надає блокам набагато більше можливостей по верстці сайту, ніж, приміром, таблиці.

Верстка div активно використовує CSS для гнучкого й зручного форматування елементів веб-сторінок. За допомогою CSS можна з точністю до пікселя задати розташування блоків на сторінці, необхідні відступи, колір, розмір шрифтів і багато іншого.

Блокова верстка сайту має безліч переваг. Ось деякі з них:

  • блоки легко можна переміщати або «ховати» без перезавантаження всієї сторінки, що дозволяє отримувати динамічні ефекти (меню, що випадає, спливаючі підказки);
  • блокову верстку сайту зручно застосовувати для одержання «гумового» дизайну, оскільки блоки легко позиціонувати відносно меж вікна браузера, накладати один на одного і т. д.;
  • верстка div дозволяє позбавитися від «розпорок» - прозорих зображень в 1 піксель, що використовуються для фіксації відстані між комірками таблиць при табличній верстці;
  • програмний код при блоковій верстці сайту виходить більш компактним і зрозумілим; вважається, що завантаження сторінки з блоковою версткою виконується швидше, ніж з табличною (проте не завжди це так).

Однак, поряд з достоїнствами, верстка div має також деякі недоліки . Наприклад, завдання кросбраузерності сайту вирішується складніше при використанні блочної верстки, оскільки різні браузери по-різному інтерпретують html-код сторінок з блоками.

Тому блокова верстка сайту нерідко застосовується в комплексі з табличною версткою . У цьому випадку застосування кожного виду верстки сайтів для вирішення конкретних завдань виявляється більш привабливим. Наприклад, часто «каркас» сторінки задається за допомогою таблиці, а комірки цієї таблиці заповнюються необхідними блоками.

Таким чином, верстка div не є строго обов'язковою і повинна використовуватися в міру необхідності . Професійна верстка сайту, будь вона блоковою або табличною, завжди правильно відображається в різних браузерах (кроссбраузерна), не містить зайвого коду, сприяє швидкому завантаженню сторінок.

Теги:
блокова верстка сайту, верстка div, таблична верстка, html верстка, кросбраузерність