Пример простого сайта SSI

Принцип технологии SSI становится более понятным при рассмотрении примера простого сайта SSI.

В данном примере демонстрируется возможность использования команд SSI для создания динамических страниц.
Обычная HTML-страница состоит из повторяющейся во всех страницах сайта верхней части, которую при создании динамических страниц называют header и отделяют от основной части, содержащей текст и графику.

Отделяют и нижнюю часть страницы, в которой также содержатся повторяющиеся элементы, и называют ее footer. Часто отделяют и другие фрагменты, например, Главное меню. Но в этом примере простого сайта SSI отделены только header и footer. В файлах страниц размещены коды команд SSI, которые выполняют сборку каждой страницы из трех частей, в которых header и footer являются общими для всех страниц.

Такой принцип удобен тем, что для изменения структуры и оформления сайта нужно редактировать лишь два файла: header и footer.

Можно попробовать самостоятельно сделать этот сайт.

Для этого необходимо:

Создать файл header.shtml, открыть его посредством Блокнота и скопировать в него:

Затем создать файл footer.shtml и скопировать в него:

Создать файл index.shtml и скопировать в него:

И, наконец, создать файлы: section2.shtml, section3.shtml, section4.shtml, скопировать в них то же содержимое, что и в index.shtml, заменяя при этом в них заголовки:
<H2>Главная страница</H2> на: <H2>Раздел 2</H2>, <H2>Раздел 3</H2> и <H2>Раздел 4</H2>

Создание начальной основы сайта закончено. Для использования простого сайта SSI нужно разместить его на сервере. Все эти файлы должны находиться в одном каталоге (папке). На сервере обычно это папка с именем www.
Можно тестировать и на компьютере, если установлен сервер Apache.

При размещении этого сайта SSI на каком-либо хостинге нужно иметь ввиду, что некоторые серверы могут быть настроены таким образом, что файл index.shtml недопустим для загрузки, так как предусмотрена начальная загрузка лишь страниц index.html или index.htm. В таком случае нужно загрузить на сервер обычную статическую страницу index.html и файл header.shtml, который отличается от предыдущего тем, что содержит в меню соответствующий адрес ссылки главной страницы: index.html. Файл index.shtml удалить.

index.html

header.shtml

На предыдущую страницу