Главная / ШКОЛА НАДПРОФ / Школа HTML / SSI или Что такое «асясяй»?

SSI или Что такое «асясяй»?

Ксан:

Переведи меню сайта в SSI. Для каждого подраздела — свой SSI. Про SSI спроси у Славы Комарова или Смайл smile.virtuart.org

КиньМыло:

Смайл, привет!

Что такое «SSI»? Что значит «Перевести меню сайта в SSI. Для каждого подраздела — свой SSI»? Как это делается?

Смайл:

Привет!

SSI — это технология, позволяющая вырезать из хтмл-страниц одинаковые части и хранить их в отдельных файлах. Тогда для изменения, например, одинакового на 20 страницах меню нужно изменить один файл, а не 20. Технически это делается так:

1. Выделить в основном файле фрагмент кода, одинаковый для всех страниц.
2. Вырезать его, вставить в отдельный файл и сохранить с расширением .html
3. Точно на место этого фрагмента кода в основной файл вставить строчку со ссылкой на новый файл в формате: <!--#include virtual="/menu.html" -->

Здесь #include virtual — команда ssi, обозначающая вставку в код основного файла кода фрагмента. При обработке этой команды сервер автоматически вставляет вырезанный кусок кода — страница отображается в цельном виде. menu.html — имя файла, в котором сохранен фрагмент кода. Cимвол "/" перед именем файла обозначает, что файл лежит в корневом каталоге. Этот символ нужно ставить, если на один и тот же файл с меню ссылаются страницы из разных каталогов на сайте — удобно файл фрагмента хранить в корневом каталоге и в каждой страницы прописывать ссылки «от корня».

Чтобы сообщить серверу о том, что в основном файле есть ssi-вставки, нужно изменить расширение основного файла с .html на .shtml Расширение всех файлов фрагментов — .html или .htm SSI-вставок в  одном файле может быть неограниченное количество. :)

IE сам по себе команды ssi не обрабатывает, поэтому, чтобы увидеть корректное отображение страницы с ssi, ее нужно либо закачивать на сервер, либо ставить на компьютер локальный сервер (Apache).

Вкладываю файл с примером вставки меню через ssi. Жду вопросов.

Привет! Смайл

Короткий диалог в течении которого КиньМыло поставил себе локальный сервер Apache и запустил через него сайт.

24.09.20 22:48 
КиньМыло: Привет, Смайл! А как же проверить?

24.09.20 22:49 
Смайл:
Проверить — либо закачать на сервер и смотреть через интернет либо поставить себе apache (рекомендую), настроить и смотреть сайт через него

24.09.20 22:50 
КиньМыло: Рекомендуешь? ОК! Согласен! Сколько времени займет установка?

24.09.20 22:50 
Смайл: Минут 15 :))))))))))))

24.09.20 22:50 
КиньМыло: Ха! Чудесно! Как сделать?

24.09.20 22:51 
Смайл: Ну нужен дистрибутив… я сейчас посмотрю, сколько он весит.

24.09.20 23:05 
Смайл:
Качать отсюда:
http://dklab.ru/chicken/web/dis/Base/
там всего два мб :)
читать про все здесь:
http://dklab.ru/chicken/web/

24.09.20 23:08 
КиньМыло: Спасибо!

24.09.20 23:15 
Смайл: Как сервер настраивать, знаешь? Чтобы сайт отображался?

24.09.20 23:15 
КиньМыло: Нет.

24.09.20 23:18 
Смайл:

1. Устанавливаешь Apache на диске С:
2. У тебя директория webservers, в ней папка home там создаешь папку под тем именем, как тебе удобно называть сайт.
3. В ней — папки cgi и www. В папку www копируешь все файлы (как если б по FTP закачивал на сервер)
4. Запускаешь Apache через «start servers» запускаешь «эксплорер» в адресной строке набираешь http://имя_папки (как ты назвал папку для сайта) получаешь отображение сайта, как в сети.

24.09.20 23:59 
КиньМыло: УРАААААААААААА!!!! ;))))))) Заработало! Спасибо!