Методика верстки сайта. Структура сайта.

Структура сайта.

Верстку сайта, на мой взгляд, стоит начинать с анализа дизайна и техническим требованиям предъявляемым к будущему сайту. Проанализировав дизайн и технические требования (или техническое задание) необходимо решить какую структуру будет иметь будущая html страница.

Большинство html страниц состоит из трех основных частей: шапка (header), основная часть (content) и подвал (footer). Как правило эти три основные части сайта находятся в общем контейнере (main).

Content в свою очередь, в большинстве случаев, может быть трех видов.
Первая разновидность основной части это контент на всю ширину страницы (big_content).
Вторая разновидность основной части это двух колоночный контент состоящий из основного контента (main_contnt) и боковой колонки (sidebar).
Третья разновидность – это трех колоночный контент состоящий из основного контента (main_content) и двух боковых колонок левой колонки (left_sidebar) и правой колонки (right_sidebar).

Так же html страница может состоять из трех основных частей: header, footer и content которые не помещены в общий блок. Такая структура необходима в том случае если header, content и footer имеет разный фон (background) который должен растягиваться на всю ширину окна браузера.

Некоторые html страницы могут не иметь самой нижней части footer.

Главное меню сайта (main_menu) в основном находится в header и зачастую дублируется в footer но с другим визуальным оформлением. Так же очень часто главное меню может располагаться в боковой колонке сайта.

  • Nick

    Дельно сказано. У меня к вам вопрос. Вы перечислили имена каркаса страницы. И упомянули о главном меню. Скажите, а как бы вы поступите в примере: вот у нас левая колонка left_sidebar в ней присутствуют четыре абзаца все они одинаково должны выглядит кроме картинок фона. Вопрос как Вы укажите им разное значение backgriund? Присвоите всем уникальные имена ID ? Если да то какие будут имена? Как обзовете?

  • В этой статье приведено описание структуры сайта.
    Наполнение левой колонки, на мой взгляд, к общей структуре сайта никакого отношения не имеет.
    По поводу того что использовать ID или class то я бы использовал class (на мой взгляд это правильнее т.к. эти абзацы могут повторится)
    По поводу названия классов так это нужно смотреть по смыслу того что они из себя представляют 🙂