Що таке верстка сайту? Таблична і блочна верстка: відмінності

Що таке верстка сайту? Таблична і блочна верстка: відмінності

Процес створення сайту дуже трудомісток і вимагає наявності певних знань у галузі програмування і чималих витрат часу. Народження будь-якого сайту починається з відмальовки його макета дизайнером, далі готовий макет відправляється на верстку. Цей процес слід розібрати більш докладно.

Відповісти на запитання про те, що таке верстка, допоможуть певні терміни.


Сайт - це сукупність електронних фалів або документів, що належать одному власнику (приватній особі або організації), розміщених в мережі і об 'єднаних під однією IP-адресою або доменним ім' ям.

Верстка сайту - це формування його веб-сторінок у текстовому редакторі з використанням мови розмітки гіпертексту.

Верстальник веб-сторінок - фахівець з верстки, що займається компонуванням текстової, графічної та інших видів інформації на сторінці документа (сторінці сайту).

HTML - основна мова гіпертекстової розмітки сторінок в Інтернеті. Основу цієї мови складає набір елементів, укладених з обох сторін в тег (відкриває і закриває), кожен елемент має свої атрибути, що визначають її основні властивості. Атрибут завжди вказується у відкритому тегу.

Говорячи більш простою мовою, завдання верстальника полягає в перекладі всіх елементів сторінки сайту на мову, доступну будь-якому Інтернет-браузеру. При цьому сторінка, що відображається у переглядачі, повинна бути максимально наближена до дизайнерського макета.

Що таке верстка сайту за допомогою таблиць?

Будь-який документ, перекладений мовою HTML, є набором певних елементів, укладених у теги. Ще кілька років тому більшість сайтів версталася за допомогою таблиць. Код сторінки при цьому виходив досить громіздким і важко читаним. У нього було складно вносити будь-які зміни по ходу подальшої роботи над сторінкою. Крім того, Інтернет-браузер сприймає таблицю як єдиний об 'єкт, тому відображення її вмісту починається тільки після повного її завантаження на комп' ютер. Особливо це помітно тим користувачам, швидкість Інтернету яких залишає бажати кращого. Зараз таблична верстка HTML використовується вкрай рідко. Незважаючи на це, кожен верстальник повинен знати її основи, наприклад, хоча б для того, щоб мати можливість внести будь-які корективи в код, написаний кількома роками раніше його попередником, який працює над створенням сайту.


Що таке верстка сайту за допомогою блоків?

Блочна верстка сайту, з використанням елемента div, має свої переваги і недоліки. До основних її переваг належать:

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

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

Повністю розібратися верстальнику в тому, що таке верстка сайту за допомогою блоків, дозволяє знання і застосування у своїй роботі технології каскадних таблиць стилів (CSS). CSS - це окрема формальна мова, яка використовується для опису вигляду сторінки веб-сайту. Таким чином, створивши загальний каркас сторінки мовою HTML, верстальник починає займатися його оформленням (визначення фону сторінки, надання різних кольорів її елементам, розміщення малюнків, їх масштабування тощо), використовуючи каскадні таблиці стилів.

Можливо, з часом з 'явиться ще більш новий і більш компактний спосіб верстки сторінок сайтів. Поки ж верстальникам, які влаштовуються на роботу, повсюдно доводиться відповідати на питання про те, що таке верстка сайту за допомогою блоків і в чому полягають її переваги.