Заголовок «портфолио» дает этому разделу понятное название, а раздельная компоновка создает для него запоминающееся визуальное оформление. Слева портрет в синих тонах и наложенный белый заголовок формируют индивидуальность раздела. Справа абзац по центру рассказывает о профессиональном пути фотографа, а значок стрелки создает тонкое ощущение продолжения. Темно-угольный фон объединяет обе колонки в единую смысловую область, не позволяя изображению и тексту восприниматься как разрозненные блоки.
В рамках одностраничного сайта эта область может отделять вступительную часть от последующих примеров работ, биографических сведений или контактной информации. Она обогащает последовательность контента на странице, не требуя создания отдельной веб-страницы. Заголовок раздела позволяет сразу определить его роль, а сочетание изображения и текста дает посетителям визуальную передышку между более насыщенными частями непрерывного макета. Стрелка может способствовать переходу к следующему разделу, если на окружающей странице предусмотрена соответствующая ссылка или логическая связь.
Блок не формирует навигацию сам по себе, поэтому его ценность для одной страницы обусловлена четкой информационной ролью, а не предполагаемой системой якорных ссылок. Сохранение портрета, заголовка, абзаца и свободного пространства поможет блоку оставаться узнаваемой содержательной областью по мере добавления соседних разделов вокруг него.
При использовании Конструктор шаблонов одной страницы вы сможете настраивать цвета, шрифты, верхний и нижний колонтитулы, макет, столбцы и другие элементы дизайна, а также контент и изображения.
Организуйте веб-сайт как последовательность разделов на одной странице и используйте Меню для одностраничного сайта для связи пунктов меню с отдельными блоками страниц. Посетители смогут переходить непосредственно к таким разделам, как «О нас», «Услуги», «Отзывы» или «Контакты», не открывая отдельные страницы.
Одностраничный шаблон может объединить несколько частей небольшого веб-сайта на одной непрерывной странице. Расположите заголовок, введение, услуги, портфолио, информацию о компании, отзывы, контактные данные и другие соответствующие разделы в порядке, подходящем для проекта, сохраняя при этом доступность через навигацию на одной странице.
Для длинных одностраничных веб-сайтов используйте короткие метки навигации, связанные с важными разделами, чтобы посетители могли перемещаться по странице, не полагаясь только на прокрутку. Также можно использовать элемент Вернуться наверх, чтобы быстро вернуться к началу после более длинных разделов.
Такой подход делает шаблон подходящим для компактных веб-сайтов, которым требуется несколько отдельных разделов контента, при этом весь пользовательский опыт должен быть сосредоточен на одном URL-адресе.