Файловая организация Web — сайта

Тщательная разработка файловой структуры Web-сайта облегчает в дальнейшем его модернизацию и информационную поддержку, а также играет большое значение, при его размещении в Интернет и корректности работы [21].

На рис. 2.7 приведена структура файловой организации Web — сайта. Рисунок отражает структуру файловой организации, которая состоит из следующих файлов:

• — файл index. htm — модуль запуска главной страницы сайта;
• — файл okompany. htm — модуль страницы о компании;
• — файл spprodukt. htm — модуль страницы с информацией о продукции;
• — файл spyslug. htm — модуль страницы с информацией об услугах;

Весь проект находиться в директории Сайт «Р», в подкаталоге Images находятся файлы рисунков в формате jpg.

На этапе проектирования структуры сайта выделены следующие составляющие:

• — заголовок;
• — меню навигации сайта;
• — содержательная часть.

Рис. 2.7. Файловая структура сайта компании ООО «РеалТрансТревел»

При запуске файла index. htm в браузере отображается главная страница Web — сайта. Здесь представлена заголовочная часть страницы, отражающая название фирмы, ее логотип, меню навигации, и информационную область. Меню навигации включает в себя следующие разделы:

• — главная;
• — о компании;
• — контакты;
• — образование;
• — стоимость;
• — работа;
• — визы;
• — форум.

Каждая кнопка меню осуществляет переход на страницу с информацией соответствующей названию раздела. Внешний вид главной страницы приведен на рис. 2.8. При создании страниц разделов сайта использовались теги HTML для следующих целей:

• — использование гипертекстовых ссылок на информационные ресурсы;
• — вставка графических элементов;
• — форматирование текста;
• — разбиение на абзацы и другое тексторазделение;
• — использование заголовков различных уровней;
• — представление текста в виде списков;
• — создание таблиц.

На рис. 2.9−2.11 представлен внешний вид страниц «О компании», «Список продукции» и «Список услуг».

При выборе пункта меню E-MAIL загружается Outlook Express и позволяет послать сообщение о заказе на определенный вид услуг (рис. 2.12).

Рис. 2.8. Экранная форма главной страницы сайта предприятия ООО «РеалТрансТревел

Рис. 2.9. Экранная форма страницы «О компании» сайта ООО «РеалТрансТревел»

Рис. 2.10. Экранная форма страницы «Стоимость» сайта ООО «РеалТрансТревел»

Рис. 2.11. Экранная форма страницы «Образование» сайта ООО «РеалТрансТревел»

Рис. 2.12. Экранная форма страницы «Визы» сайта ООО «РеалТрансТревел»