Як створити сайт за макетом

8-13-2019

Блокова верстка сайту з нуля.
Також хочемо вам порекомендувати верстка сайта цена
Блокова верстка сайту з нуля. Зараз її можна застосовувати тільки для створення самих таблиць, але не для всієї сторінки, це давно застаріла технологія, її повністю замінила блочна верстка. Не приховую, що блокова верстка важче для освоєння, але вона має рад переваг над табличній. Як ви вже здогадалися вище, в цій статті мова піде саме від блокової верстки, якщо попередня стаття була, як вступна, то зараз ми будемо розбиратися більш конкретно на прикладі — як зверстати сайт з нуля. Під час свого вивчення верстки я був у пошуках докладного мануала — як по кроках зверстати навіть найпростішу html сторінку. У цій статті я хочу максимально детально розглянути кожну строчку коду і пояснити принципи роботи з html, щоб будь-якому новачкові в цій справі було зрозуміло. Сподіваюся, у мене це вийде. Для прикладу я взяв простий прототип, макетом його не можна назвати, нормальний макет малюється в psd форматі, а у нас він в jpg. Нам головне зрозуміти принцип як же верстати сайти з допомогою блокової верстки. Щоб працювати з блочною версткою потрібно знати не тільки html, а і css (каскадні таблиці стилів). В ході циклу статей по верстці, ми з вами вивчимо той набір css стилів, який надалі вам завжди допоможе верстати практично будь-які каркаси макетів/ мокапов, адже принцип один і той же.
Отже, почнемо звичайно ж з блоку хедер. Для початку скажу, що верстка робиться за допомогою html-тегів. Наприклад,