Проектирование структуры веб-сайта

Главная страница сайта содержит логотип или характерные изображения услуг компании, предоставляет информацию о сайте и компании, способах приобретения, доставки и оплаты услуг. Здесь же в шапке веб-страницы находятся ссылки на формы регистрации и авторизации пользователей.
Структура любой веб-страницы сайта может быть представлена шаблоном, отображенным на рисунке 2.1. Шаблон, это графическое представление схемы сайта без детализации наименований вкладок, которая проводится на следующем этапе проектирования. Любая веб-страница сайта включает «шапку» Header и содержательную часть, которая может быть или статической HTML-CSS страницей или динамически формируемой. Динамические страницы создаются в результате работы скриптов, реализующих логику функций веб-сайта.
Рисунок 2.1 - Шаблон веб-страницы
Шаблон веб-страниц страниц разрабатывается с помощью графических редакторов. Для проектирования могут использоваться онлайн редакторы, например, редактор создания таблиц на языке HTML.
Работа с сайтом осуществляется через web-страницы.
Веб-страницы сайта состоят из нескольких HTML-CSS таблиц. Эти таблицы разделяют представление веб-страницы на экране на отдельные фреймы. Одна из таблиц имеет линейный или ленточный вид с кнопками меню, связанными с функциями или переходами на веб-страницы приложения. Меню обеспечивает весь спектр работ с приложением (рисунок 2.2). Код HTML шапки web-приложения включается автоматически в код любой веб-страницы приложения

. Код шапки приведен в приложении Б.
Каждая кнопка (или говорят вкладка) меню обеспечивает переход к определенной веб-странице или к выполнению определенного функционального модуля web-приложения. Нажимая на вкладку, пользователь переходит к определенной веб-странице или обращается к выполнению функционального модуля, состоящего из нескольких скриптов. В результате выполнения функционального модуля сервером формируется HTML-CSS, JavaScript веб-страница и направляется браузеру.
Рисунок 2.2 – Структура web-страниц сайта
На рисунке 2.3 представлена шапка шаблона веб-страницы. Она состоит из наименования компании, ссылок для регистрации-авторизации пользователей и вкладок ленточного меню.
Рисунок 2.3 – Вид шапки шаблона веб-страницы
Вкладка меню «Главная» возвращает пользователя из любой страницы сайта на главную или домашнюю страницу сайта. Главная страница является статической и состоит из HTML-CSS кода. На главной странице дано описание сферы деятельности компании, принципы работы компании.
Вкладка «Регистрация» приводит пользователя к странице, кратко описывающей процесс регистрации и для каких целей она необходима. Если пользователь зарегистрирован, как клиент компании, он может после авторизации перейти в свой личный кабинет. Если он не зарегистрирован, то он может перейти к форме регистрации, где необходимо ввести персональные данные, а также ввести свои логин и пароль для дальнейшего входа в систему