Що таке верстка сайту? Таблична та блочна верстка: відмінності
Процес створення сайту дуже трудомісткий і вимагає наявності певних знань в області програмування і чималих витрат часу. Народження будь-якого сайту починається з отрисовки його макета дизайнером, далі готовий макет відправляється на верстку. Даний процес слід розібрати більш докладно.
Відповісти на питання про те, що таке верстка, допоможуть певні терміни.
Сайт - це сукупність електронних фалів або документів, що належать одному власнику (приватній особі або організації), розміщених в мережі і об'єднаних під одним IP-адресою або доменним ім'ям.
Верстка сайту - це формування його веб-сторінок в текстовому редакторі з використанням мови розмітки гіпертексту.
Верстальник веб-сторінок - фахівець з верстки, що займається компонуванням текстової, графічної та інших видів інформації на сторінці документа (сторінці сайту).
HTML - основна мова гіпертекстової розмітки сторінок в Інтернеті. Основу даної мови становить набір елементів, укладених з обох сторін у тег (відкриває та закриває), кожен елемент має свої атрибути, що визначають його основні властивості. Атрибут завжди вказується в відкриваючому тезі.
Говорячи більш простою мовою, завдання верстальника полягає в перекладі всіх елементів сторінки сайту на мову, доступний будь-якому Інтернет-браузеру. При цьому відображається в браузері сторінка повинна бути зовні максимально наближена до дизайнерського макету.
Що таке верстка сайту за допомогою таблиць?
Будь-який документ, перекладений на мову HTML, являє собою набір певних елементів, укладених в теги. Ще кілька років тому більшість сайтів верстався за допомогою таблиць. Код сторінки при цьому виходив дуже громіздким і важко читаються. У нього було складно вносити будь-які зміни по ходу подальшої роботи над сторінкою. Крім того, Інтернет-браузер сприймає таблицю як єдиний об'єкт, тому відображення її вмісту починається тільки після повного її завантаження на комп'ютер. Особливо це помітно тим користувачам, швидкість Інтернету яких залишає бажати кращого. В даний час табличная верстка HTML використовується вкрай рідко. Незважаючи на це, кожен верстальник повинен знати її основи, наприклад, хоча б для того, щоб мати можливість внести які-небудь корективи в код, написаний кількома роками раніше його попередником, що працюють над створенням сайту.
Що таке верстка сайту за допомогою блоків?
Блокова верстка сайту, з використанням елемента div, має свої переваги і недоліки. До основних її переваг відносяться:
- простота коду, його читабельність і компактность;
- можливість реалізувати неймовірні рішення дізайнера;
- швидке завантаження сторінки сайту в браузері.
Код, написаний за допомогою блоків, більш легко редагувати в подальшому, зручно міняти оформлення сторінок сайту. При цьому відпадає всяка необхідність корекції самого HTML-коду. Всі зміни вносяться в окремо створений CSS-файл.
Повністю розібратися верстальщику в тому, що таке верстка сайту за допомогою блоків, дозволяє знання і застосування у своїй роботі технології каскадних таблиць стилів (CSS). CSS являє собою окремий формальний мову, використовуваний для опису зовнішнього вигляду сторінки веб-сайту. Таким чином, створивши спільний каркас сторінки на мові HTML, верстальник починає займатися його оформленням (визначення фону сторінки, надання різних кольорів її елементам, розміщення малюнків, їх масштабування і т.д.), використовуючи каскадні таблиці стилів.
Можливо, з часом з'явиться ще більш новий і більш компактний спосіб верстки сторінок сайтів. Поки ж верстальщикам, влаштовуються на роботу, повсюдно доводиться відповідати на питання про те, що таке верстка сайту за допомогою блоків і в чому полягають її переваги.