Названия элементов сайта

Рубрика: Статьи

Люди, никогда ранее не сталкивающиеся с сайтами и их созданием, часто путаются в названиях различных элементов. Обычно это приводит к тому, что заказчики называют все по-своему, и часто оказывается, что под названием “верхняя панель” имелось ввиду вовсе не то, чем на самом деле является эта самая верхняя панель. Поэтому будет лучше, если заказчик и исполнитель будут общаться на одном языке.

ШАПКА

Шапка (или Хедер, от английского Header) сайта состоит из нескольких элементов.

элементы шапки

Шапки могут быть разными, вот примеры:

варианты шапок


варианты шапок


варианты шапок

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

прозрачная шапка


прозрачная шапка

СЛАЙДЕР

Под шапкой обычно размещают слайдер (меняющиеся картинки с текстом):

пример слайдера

На сайте https://www.4service-byt.ru/ можно увидеть классический анимированный слайдер. Слайдеры могут быть с элементами навигации (стрелки по бокам, точки внизу, миниатюры слайдов внизу) так и без этих элементов.

Альтернатива слайдеру – “первый экран” – статичная картинка с текстом и часто другими элементами – формами связи, калькуляторами и проч. Обычно первый экран по своему дизайну отличается от других блоков.

Иногда первого экрана не делают, а сразу идут блоки сайта – как на моем сайте.

пример сайта без первого экрана


БЛОКИ

Блоки страницы – это логические единицы, объеденные общей темой – Услуги, Преимущества, Отзывы, Блог и т.п. Обычно блоки выделяются цветом, оформлением, чтобы они визуально отличались от других блоков. На скрине ниже я показал сайт, на котором блоки отделены очень четко разрывом.

блоки на странице

Вот еще один пример, где блоки разделены по косой линии:

ПОДВАЛ

И в самом низу размещается блок под названием Подвал (или Футер, от английского Footer). Обычно его делают в виде тонкой полоски с копирайтом:

вариант выполнения подвала сайта

Но возможны и другие варианты:

Часто подвал делают более громоздким, это встречается в блогах и магазинах. Как его отличить от обычного блока? Подвал, в отличие от блока, повторяется на всех страницах сайта, поэтому там размещают ссылки на служебные страницы (Политика конфиденциальности и т.п.), последние публикации блога, информацию о сайте:

вариант выполнения подвала (футера) сайта


вариант выполнения подвала (футера) сайта


вариант выполнения подвала (футера) сайта

СТРАНИЦЫ, ЗАПИСИ, РУБРИКИ

Страницы имеют отдельный адрес, как например адрес этой статьи: https://wpsmart.ru/nazvaniya-elementov-sajta/. Главная страница – это тоже страница, как следует из названия. На страницах может быть размещено что угодно – блоки, товары, картинки, тексты или все перечисленное вместе. Страница – это по сути универсальная единица сайта, имеющая собственный адрес и служащая для размещения информации любого типа. Вследствие того, что именно размещено на странице, она может называться по-разному – страница портфолио, отзывов, контактов и так далее. Из этого множества следует выделить особый тип страницы – записи. Запись – это страница блога. Она отличается от страницы несколькими свойствами, главный из которых – записям можно присваивать Рубрики (Категории). Рубрики и страницы часто путают между собой, на самом деле отличить их легко – в рубриках отображаются списки записей, как здесь:

А в записях размещена информация, как в этой записи, которую вы читаете. Эта запись относится к рубрике Статьи.

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Заполните поле
Заполните поле
Пожалуйста, введите корректный адрес email.

Меню