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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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