Блочная верстка
Блоки - строительный материал не только зданий, но еще и сайтов!
Триединство сайтов
Все сайты делятся на зоны называемые блоками. Хотя жесткой структуры не существует, но чаще всего сайт состоит из трёх основных частей: header (шапка), main (тело), footer (подвал).
Это разделение пошло из разметки веб документа Html (язык разметки текста). По аналогии их можно сравнить с вступлением, основной частью и заключением рассказа. Именно так человеку легче воспринимать информацию.
Это разделение пошло из разметки веб документа Html (язык разметки текста). По аналогии их можно сравнить с вступлением, основной частью и заключением рассказа. Именно так человеку легче воспринимать информацию.
А теперь чуть подробнее
<header> (шапка сайта) - Обычно содержит в себе главное навигационное меню сайта, логотип, номер телефона, ссылки на соц. сети и другую важную информацию. Если сайт многостраничный шапка чаще всего является сквозным блоком, это значит что она отображается на всех страницах сайта.
<main> (контентная часть сайта) - Содержит в себе основной контент. В отличие от шапки, меняет своё содержание в зависимости от страницы сайта.
Точно так же может состоять из более мелких блоков, которые делят всю страницу на части. Это удобно как при создании документа разработчику, так и при восприятии контента и навигации по странице пользователю.
Точно так же может состоять из более мелких блоков, которые делят всю страницу на части. Это удобно как при создании документа разработчику, так и при восприятии контента и навигации по странице пользователю.
<footer> (подвал сайта) - Чаще всего дублирует информацию из шапки сайта и также является сквозным блоком. Помогает в навигации пользователю, не заставляя его возвращаться на самый верх страницы после прочтения. Так же подвал даёт понять, что страница закончилась. Без него документ бы выглядел оборванным и незавершенным.
Сейчас все больше сайтов отходят от классической блочной структуры документа. Особенно это популярно в творческих сферах где небольшой хаос на странице выделяет сайт из остальной серой массы, как бы заявляя нам: "Мы не такие как все!"
Сайт это матрешка
Контентная часть может содержать в себе любое количество блоков разной конфигурации. Родительские блоки могут включать в себя дочерние. Так строится иерархия элементов.
Это позволяет структурировать контент, которого иногда бывает очень много, понятным образом.
С помощью блоков мы можем подавать контент порционно, начиная с самого интересного до второстепенного, двигаясь таким образом по линии нашего повествования.
Это позволяет структурировать контент, которого иногда бывает очень много, понятным образом.
С помощью блоков мы можем подавать контент порционно, начиная с самого интересного до второстепенного, двигаясь таким образом по линии нашего повествования.
А блок это контейнер
Блок это прямоугольная область очень похожая на контейнер в который вложены элементы такие как: заголовок, картинка, текст, кнопка, видео и т.д.
В конструкторе Тильда например существуют готовые, стандартные блоки. В них элементы уже расположены по своим местам, нам только остается загрузить контент.
А так же существуют нулевые блоки в которых мы сами можем располагать элементы любым образом.
В конструкторе Тильда например существуют готовые, стандартные блоки. В них элементы уже расположены по своим местам, нам только остается загрузить контент.
А так же существуют нулевые блоки в которых мы сами можем располагать элементы любым образом.
Из блоков очень удобно строить сайты. Если сайт нужен срочно, мы используем готовые блоки конструктора. Если у нас есть время на проектирование, мы можем создать свои блоки и таким образом отойти от шаблонности и создать действительно неповторимый сайт.
