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

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

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

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

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

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

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

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

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

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

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

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

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

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

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




    Додати коментар
    Ваше Ім'я:   Ваш E-Mail:  


    Введіть слово "життя" без кавичок

    Відповідь:
    © http://kafedam.pp.ua 2019