Консультация
RU

Вёрстка сайта с нуля

verstka

Вёрстка сайта с нуля

Предположим, у вас есть идея по созданию сайта. Что дальше? Есть вариант вёрстки сайта с нуля, либо воспользоваться готовым шаблоном. Более солидным считается первый вариант — когда под ваши потребности создается индивидуальный дизайн. 

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

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

Вёрстка сайта с нуля производится в текстовом редакторе, наиболее популярный сейчас Notepad++. Элементы каждой страницы должны верстаться последовательно: от шапки (хедера) до подвала (футера). И сразу необходимо верстать адаптивно, под различные размеры экранов. Потому размеры элементов указываются в % от ширины экрана либо в em. Также важно использовать библиотеки стилей CSS, чтобы вынести все стили в отдельный файл. Это минимум, который вам необходимо знать о верстке сайтов.