Из чего состоит страница сайта?

Сегодня мы рассмотрим, из каких блоков состоит самая простая страница сайта. Если Вы поставили цель, создать свой первый сайт, то в этой статье Вы узнаете об основных, жизненно важных блоках.

Страница сайта состоит из нескольких блоков:

  • шапка (header),
  • меню (menu),
  • сайдбар (sidebar),
  • блок основного контента (content),
  • подвал (footer).

Такая классическая схема используется в большинстве простых шаблонов.

shema

Шапка сайта — header

Самый верхний блок называется «Шапка» сайта («header» — в пер. с англ. «шапка»). В этом блоке обычно размещается логотип компании, название, слоган, контактная информация, а так же можно разместить поиск по сайту и обратный звонок. А так же в шапке сайта можно разместить слайдер изображений. Это отличный вариант рассказать посетителям о текущих акциях и привлечь внимание. Но! Если на сайте не планируется проводить акции, демонстрировать какие-либо продукты или услуги, от слайдера лучше отказаться, т. к. использование такого элемента увеличивает вес сайта и снижает скорость загрузки. Вместо этого можно использовать картинку, отражающую деятельность компании. Таким образом, зайдя на сайт, посетитель сразу поймет, что за компания перед ним и в какой сфере деятельности она работает.

Меню

Затем следует блок навигации — меню сайта. В меню располагаются разделы, страницы сайта. Меню может располагаться как под шапкой, так и в самом верху. Меню бывает нескольких видов — горизонтальное и вертикальное. Вертикальное размещается в сайдбаре. А так же бывает простое меню и выпадающее. Выпадающее меню означает, что при наведении или нажатии на один из пунктов меню, будет выходить дополнительное подменю (submenu). Реализовать меню можно несколькими способами — сделать на чистом HTML/CSS, а можно воспользоваться java скриптом с использованием библиотеки JQuery. Это позволит наложить различные эффекты, плавность разворота и т.д.

Сайдбар

Справа или слева находится боковая колонка, которая называется «Сайдбар» («sidebar»). В нем обычно размещают дополнительное боковое меню, контактную информацию, акции, новости, баннеры, в общем всё, что постоянно должно быть у посетителя на виду. В некоторых системах управления сайтом используются «Виджеты». Это отдельные модули, каждый из которых выполняет свою функцию. Добавив и настроив несколько таких виджетов, Вы сможете сформировать интерактивный и удобный сайдбар для своего сайта. Главное не перестараться, если на сайте используется несколько страниц, то нет смысла дублировать основное меню. Можно добавить  баннер, кратко отражающий тематику одной из статей сайта, поиск и контактную информацию, можно разместить форму заказа. Если на сайте используется много страниц, то стоит хорошо продумать навигацию и использовать вспомогательное меню для облегчения поиска информации на сайте.

Блок основного контента — content

Главный центральный блок называется «блок основного контента». Здесь располагается вся основная информация. В этом блоке обязательно должен присутствовать заголовок страницы обернутый в тег <H1>. На странице допускается использование этого тега только один раз. В остальных случаях для заголовков используются теги <h2>, <h3> и так далее. Контент — это самая важная деталь любого сайта. Именно качеству контента нужно уделить особое внимание. Текст должен быть читаемым и красиво оформленным. Все картинки должны гармонично вписываться в дизайн сайта. Целью любого сайта является привлечение новых посетителей. И для того, чтобы Ваш сайт участвовал в поиске необходимо самостоятельно писать уникальный контент. Если Вы будете использовать чужой контент, скопированный с других сайтов, то скорее Ваш сайт попадет под фильтры поисковых систем и никогда не появится в поиске. О том, как правильно писать текст для сайта, я расскажу в статье по написанию seo-текста.

Подвал — footer

Самый нижний блок называется «Подвал» («footer» — в пер. с англ. «подвал»). Здесь обычно размещается информация об авторских правах, счетчики посетителей, а так же может располагаться дополнительное меню. А так же, если Вы хотите придать интерактивности Вашему сайту, в футере можно разместить схему проезда или форму обратной связи. Можно разместить кнопку, которая при нажатии возвращала нас в начало статьи.

А так же страницы сайта можно разделить на одно колоночные, двух-трех-четырех колоночные. Каждая колонка — это отдельное место для расположения того или иного блока. Например, у сайта 3 колонки. Это означает, что слева у нас может находиться сайдбар с новостями, справа сайдбар с акциями, а по центру находится область основного контента.

Теперь Вы узнали, из чего состоит страница сайта.

 

Назад