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