После того как подготовлен информационный и графический материал и перед тем, как приступить к дизайну сайта, необходимо создать несколько макетов web-страницы. Макет сайта позволит корректно определить структуру web-сайта и рационально разместить на нем информацию.
Существует три варианта структуры сайта: линейная, нелинейная и комбинированная.
Линейная структура. Интернет-магазин, в котором предполагается последовательное перемещение по страницам, или сайт, содержащий публикации (электронная книга), вполне могут базироваться на линейной структуре.
Нелинейная структура. Если же предполагается размещение разнородной информации (и новости, и оказание услуг, и справочная информация), то следует предоставить возможность потребителю перемещаться в произвольном порядке, что обеспечивается нелинейной структурой сайта.
Комбинированная структура. Нередко эти два варианта комбинируют, причем посетитель может в поиске необходимого свободно перемещаться по сайту в любом направлении, а наткнувшись на то, что его заинтересовало, уже последовательно выполняет функции (например, заполняет бланк заказа), перемещаясь по линейной составляющей макета.
Схемы на рисунке показывают принципиальное отличие трех вариантов структуры. На самом деле сайты обладают настолько сложной структурой, что ее проблематично отобразить на бумаге.
Следующим этапом в создании сайта является определение макета непосредственно страниц. В классическом варианте любая страница состоит из трех составляющих.
Шапка сайта. Вверху располагается графическое изображение, отражающее (не всегда) тематику сайта. Это может быть фотография, рисунок или анимированное изображение. В ряде случаев это может быть просто красиво оформленное наименование компании.
Навигация по сайту. Вторым обязательным компонентом является навигационная панель. Она может быть размещена слева в виде вертикальной колонки, вверху ниже (или выше) графического изображения в виде горизонтальной строки. Довольно часто навигационная панель размещается в обоих указанных вариантах.
Контент. Способы размещения навигационной панели должны учитывать объем третьего компонента сайта — основного текста, размещаемого на странице, размер которого не должен далеко «уводить» посетителя от элементов навигации.
Меню