При вёрстке сайта, одной из первых задач верстальщика является создание основного шаблона. Основным шаблоном в данном случае называется вёрстка без контента - это совокупность шапки сайта, меню, футера и прочих элементов, которые встречаются на каждой странице. Итак, попробуем сверстать простой макет сайта. Сверху у нас будет шапка сайта, слева будет навигация по разделу сайта, справа контент, а снизу футер. Стандартный шаблон, ничего необычного. Начнём с HTML. <div class="main-container"> <header>Header</header> ...

Шаблоны блоков — это не просто картинки и текстовые заготовки. Это конструктор для строящегося сайта: заголовки, формы, галереи, карточки товаров, отзывы — все в одном комплекте, который можно тасовать и адаптировать под нужный проект. Мы используем их, чтобы не мечутся между разными решениями на каждом шаге. В этом и есть суть: блоки создаются один раз, а потом собираются в разные страницы, как конструктор лего. Важно не застывать на одной версии: задача — сделать их масштабируемыми, чтобы легко подменять данные, адаптировать под устройства и растущие нагрузки...