Основи верстки - особливості та тонкощі процесу
(044) 391-40-82
Контакти
Головна → Статті → Основи верстки - особливості та тонкощі процесу
13.01.2014

Основи верстки - особливості та тонкощі процесу


Основи верстки - особливості та тонкощі процесу

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

  • HTML і CSS - особливості та обмеження.
  • Володіти прийомами і основами верстки.
  • Знати особливості браузерів.

Тонкощі верстки, на що варто звертати увагу?

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

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

Що стоїть визначити верстальника?

  • Який колір фону у майбутньої веб-сторінки.
  • Шрифт, його розмір і колір.
  • Текст окремо взятих модулів.
  • Розмір шрифту, колір заголовків.
  • Лінії, рамки і їх особливості параметрів.

За рахунок роботи над CSS файлом відбувається створення HTML-документа, який і буде головною сторінкою сайту. Далі йде робота з макетами інших сторінок веб ресурсу. У CSS включаються нові параметри, шапка сайту може піддаватися деяким змінам.

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

Особливу увагу варто приділити шрифтів та кросбраузерності, але це вже окрема тема. Коротенько про основи верстки поговорили, але на ділі - це ціла наука, що вимагає навчання і практики.


Вам сподобався сайт?

Розповісти друзям