Практический пример — автоматизация статического сайта при помощи SSI

В заключение настоящей главы предлагаю читателям ознакомиться с примером использования технологии SSI в качестве основы построения небольшого информационного сайта.
Рассмотрим процесс автоматизации при помощи SSI завершенного статического сайта, описанного в моей книге «HTML, CSS, скрипты: практика создания сайтов», уже упоминавшейся во введении.
Этот сайт обладает следующей логической структурой (в скобках приведены виртуальные пути соответствующих страниц):
? Сайт о сайтах (/index.html; главная страница)
• Концепции (/concept/index.html)
• Критерии качества сайтов (/concept/quality.html)
• Технологическая цепочка создания сайтов (/concept/stages.html)
• Технологии (/tech/index.html)
• Расширяемый язык разметки гипертекста XHTML (/tech/xhtml.html)
• Каскадные листы стилей CSS (/tech/css.html)
• Нюансы (/nuances/index.html)
• Организация пространства страницы (/nuances/layout.html)
• Проектирование систем навигации (/nuances/nav.html)
• О проекте (/about/index.html)
• Карта сайта (/map/index.html)
Элементы второго уровня этого списка отражают «магистральные» разделы сайта, названия которых отражены в главном меню навигации.
«Изюминка» нашего сайта заключается в том, что его страницы не являются полностью идентичными по своему внутреннему устройству.
Так, наш сайт включает в себя три вида страниц. Это: 1) главная страница; 2) страницы оглавлений «магистральных» разделов; и, наконец, 3) страницы третьего уровня вложенности, т. е. внутренние страницы разделов.
Перечисленные категории документов отличаются друг от друга, во-первых, структурой содержания элемента <title>...</title>, во-вторых, тем, что титульная надпись в «шапке» всякой страницы, за исключением главной, является ссылкой на последнюю и, в третьих, устройством навигационного блока.
На главной странице все кнопки меню навигации выглядят однородно и являются ссылками на «магистральные» разделы сайта.
На страницах второго уровня, т. е. на страницах оглавлений «магистральных» разделов, кнопка, соответствующая названию текущего раздела, не является ссылкой и отличается по своему внешнему виду от соседей.
На страницах третьего уровня вложенности (и, потенциально, более глубоких уровней) кнопка, соответствующая названию текущего «магистрального» раздела, вновь становится ссылкой на страницу его оглавления, но по своему внешнему виду опять же отличается от соседних кнопок.
HTML-код главной страницы исходного статического сайта, а также страниц второго и третьего уровня приводится в листингах 3.8 — 3.10.


© 2008-2018 ОптимизацияВебСайтов.ру


Любое использование текстового и графического контента сайта без активной ссылки на источник не доскается.