Пошаговая инструкция создания сайта на html коде / Структура сайта

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

Внешняя структура сайта

По своей внешней структуре, сайты могут быть одноколоночные, двухколоночные и трехколоночные. Этот сайт относится к двухколоночным, и состоит из 4-х частей:

  • 1. Верхняя часть - ШАПКА сайта- header;
  • 2. 1-ая колонка, широкая - для контента сайта - content;
  • 3. 2-ая колонка, узкая - боковая панель сайта - sidebar;
  • 4. Нижняя часть - ПОДВАЛ сайта - footer.
  • Внутренняя структура сайта

    По своей внутренней структуре, сайт может быть 2-х видов:

    1. Когда каждая видимая страница сайта состоит из одного файла, содержащего описание всех его четырех частей. Такие сайты называются статическими;

    2. Когда каждая видимая страница сайта собирается из четырех отдельных файлов, соответствующих четырем частям сайта. Такие сайты называются динамическими.

    У каждого из этих вариантов есть свои плюсы и минусы, но не будем сейчас вдаваться в эти подробности и рассмотрим первый вариант.

    Первый вариант внутренней структуры сайта подходит для одностраничников и для сайтов с не очень большим количеством страниц. С первого варианта проще и удобнее начинать изучение построения сайтов. Я тоже начинала с этого варианта, поэтому о нем и буду рассказывать в первую очередь. Затем в процессе создания перейдем ко второму варианту внутренней структуры сайта, с отдельными файлами для каждой его части, который больше походит для многостраничных сайтов с точки зрения удобства их редактирования.

    Приступим к работе, сделаем первую страницу сайта, которая пока что будет состоять из одного файла.

    Следующий шаг - Главная страница сайта