Консультацiя
UA

Верстка сайту з нуля

verstka

Верстка сайту з нуля

Припустимо, у вас є ідея зі створення сайту. Що далі? Є варіант верстки сайту з нуля, або скористатися готовим шаблоном. Більш солідним вважається перший варіант – коли під ваші потреби створюється індивідуальний дизайн.  

Для початку роботи необхідний макет. Це може бути файл у форматі psd або проект в figma, два найбільш поширених варіанту. Звідси беруться всі необхідні дані, до найдрібніших деталей:

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

Верстка сайту з нуля проводиться в текстовому редакторі, найбільш популярний зараз Notepad ++. Елементи кожної сторінки повинні верстатися послідовно: від шапки (хедера) до підвалу (футера). І відразу необхідно верстати адаптивно, під різні розміри екранів. Тому розміри елементів вказуються в% від ширини екрана або в em. Також важливо використовувати бібліотеки стилів CSS, щоб винести всі стилі в окремий файл. Це мінімум, який вам необхідно знати про верстку сайтів.