Что такое SSI, или Сделай свой сайт проще! (Часть 1)

Интернет-технологии в наши дни становятся все доступнее. Открыть свой сайт в Интернете может любой, выбор возможностей — на любой вкус. Можно кропотливо выписывать тэги в «Блокноте», можно использовать специальные визуальные редакторы, можно просто набросать страницу в Microsoft Word и сохранить в формате HTML. Словом, «твори, выдумывай, пробуй!». Совершенно не обязательно быть профессиональным программистом или дизайнером, все чаще на арену Интернета выходят любители.

Почти каждый непрофессиональный сайт начинает свое существование в виде нескольких HTML-документов, связанных между собой перекрестными ссылками. Многие так и уходят в таком состоянии в информационную вечность. Но некоторые любительские сайты все же становится популярными, обрастают жирком информационного наполнения, нагуливают объем. Иногда разрастаются до десятков и даже сотен страниц. Но по сути своей остаются набором раз и навсегда сформированных документов.

Поддерживать и обновлять такой сайт — сущее мучение для его владельца. Страница, как правило, состоит из нескольких блоков, причем часть их них неизменна для всех страниц сайта. Это заголовок, навигационное меню, рекламный блок, подвал страницы. Если что-то захочется изменить в одном из таких постоянных блоков, это придется вручную сделать на каждой странице сайта. Удовольствие весьма сомнительное. Часто интересные идеи остаются нереализованными именно из-за большого объема правки десятков отдельных страниц. SSI позволяет значительно облегчить эту работу. Кроме того, технология SSI позволяет делать еще кое-что, принципиально не выполнимое средствами HTML. Использовать SSI просто, хотя знание языка HTML очень поможет. Если вы не испугались, то вперед!

Прежде всего, расшифруем аббревиатуру SSI — Server Side Includes. По-русски, «включения на стороне сервера». Все понятно? Тогда на этом закончим… Хотя лучше будет все-таки пояснить. SSI — это директивы, вставляемые в HTML-код и управляющие web-сервером. Встречая в файле такие SSI-вставки, web-сервер выполняет определенные действия. Например, добавление HTML-кода из другого файла, формирование страниц «на лету» в зависимости от типа браузера и многое другое.

Для того чтобы сервер знал, что страница содержит SSI-вставки, она должна иметь специальное расширение: *. shtml или *. shtm, хотя это определяется конфигурацией сервера. Чаще всего применяется именно *. shtml. О том, что сервер поддерживает SSI, обычно сообщается в описании хостинга или тарифа. Но проверить не помешает. Для этого создадим два файла — first. shtml и second. html. В файл first. shtml скопируем шесть строк:

<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 4. 01 Transitional//EN"> <html> <body> <!--#include file=» second. html"--> </body> </html>

В файл second. html запишем всего одну строку:

<b>Работает! <b>

Теперь загрузим эти страницы на сервер и напишем в адресной строке браузера «www. ваш_сайт/first. shtml». Если сервер поддерживает SSI, то после открытия файла мы увидим надпись «Работает!». Если вместо этого написано [an error occurred while processing this directive], тоже поздравляю! SSI работает, но обработать SSI-вставку невозможно. Например, вы могли вставить в код лишние пробелы или по-разному назвать файлы. Скорее всего, на сервере трудится Unix-система, а для нее second. html и Second. html — две большие разницы.

Если не отображается вообще ничего, а поддержка SSI заявлена, то проще всего обратиться в службу технической поддержки. Может быть, вместо расширения *. shtml используется что-то другое или в настройках сайта необходимо явно разрешить выполнение SSI. В любом случае специалисты хостинга постараются вам помочь.

Итак, чем же SSI может помочь при сопровождении сайта? Основная вкусность заключается в следующем. Любой фрагмент, который повторяется на нескольких страницах, мы можем хранить на сервере в единственном экземпляре! Для этого поместим этот фрагмент в отдельный файл, например fragment. html. В этом файле не нужны <html>, <body> и прочие атрибуты «полноценного» html-документа. Там должен быть только сам фрагмент кода, который потом будет вставлен на свое место.

Теперь в любом месте любой страницы сайта, где этот фрагмент понадобится, мы пишем SSI-вставку:

<!--#include file="fragment. html" -->

Файл должен находиться в том же каталоге, что и основной файл. Если вы хотите вынести все файлы-вставки в отдельный каталог, то придется использовать другую команду, в которой указывается полный путь к файлу фрагмента относительно текущего каталога:

<!--#include virtual="/catalog/fragment. html" -->

Таким образом, в основном файле можно оставить только «скелет» страницы, например каркасную таблицу и основной текст, а все постоянные блоки добавлять через SSI-вставки. Полная страница будет формироваться web-сервером «на лету», как бы из отдельных кирпичиков. Тем не менее, пользователю на компьютер придет полная страница, без малейших признаков использования SSI. Если вы измените что-то в фрагменте, это автоматически отобразится на всех страницах, где он используется.

Вы все еще раздумываете? Тогда специально для вас во второй части статьи мы рассмотрим такие вкусности, что сомнений в использовании SSI уже не останется.


19:15 31.05.2019



Отзывы и комментарии
Ваше имя (псевдоним):
Проверка на спам:

Введите символы с картинки:



Хотите ли Вы щенка?

Хотите ли Вы щенка?

Вы захотели, или Вам показалось, что Вы захотели приобрести щенка. Подойдите к этому вопросу крайне серьёзно. Щенок — это не игрушка, с которой можно поиграть и выбросить, если надоела. Это...
Где заказать кухню по индивидуальному эскизу?

Где заказать кухню по индивидуальному эскизу?

Изготовление мебели для кухни на заказ поможет решить проблему необычной планировки помещения, сделает интерьер функциональным, красивым и полностью отвечающим всем вашим требованиям. Однако конкуренц...
История крупного и рогатого. Как познакомились человек и корова?

История крупного и рогатого. Как познакомились челов...

«В коровах наша сила, в коровах наша потребность, в коровах наша речь, в них наша победа, наша пища, наша одежда, наше землевладение», — говорится в священной книге древних ирла...
Вкусные рецепты: Le biscuit de chocolat la cerise(Шоколадный бисквит с вишней)Дуэль:), Пирог из песочного теста с ореховой начинкой, Свинной бочек традиционный.Любителям диет не рекомендуется.

Вкусные рецепты: Le biscuit de chocolat la cerise(Шо...

Le biscuit de chocolat la cerise(Шоколадный бисквит с вишней)Дуэль:)Яйца взбить миксером вместе с сахаром и ванильным сахаром, до увеличения в объеме и посветления массы. Добавить муку,какао,ваниль. А...
Аквааэробика для беременных. Как проходят занятия?

Аквааэробика для беременных. Как проходят занятия?

Каждое занятие по аквааэробике для будущих мам состоит из нескольких блоков: разминка, задержка дыхания, тренировка мышц, дыхательные упражнения, развлекательные упражнения. Блок разминки: разогрев т...
Фукус пузырчатый - эффективное средство для похудения и лечения многих болезней?

Фукус пузырчатый - эффективное средство для похудени...

Водоросль фукус пузырчатый (лат. Fucus vesiculosus) известна людям издревле. Еще наши далекие предки, жившие на берегах морей, охотно употребляли фукус в пищу и лечили им многие заболевания. Всего к с...
Читаемые

«Принцесса - это не профессия»?

Все чаще приходится слышать из уст юных девушек и читать в блогах фразы типа «Я хочу жить как ...

Жидкий камень

Жидкий камень Любому мастеру маникюра или же тому кто делает маникюр сам себе, полезно знать, что э...

Ищем подходящий хостинг

Часто бывает у новичков в этом деле, когда выбирается тот или иной хостинг, а эта услуга не такая ка...

Вкусные рецепты: Черничный пирог со штрейзельной к

Черничный пирог со штрейзельной крошкой.Разогреваем духовку до 170 градусов. Сначала приготовим штре...

Стеклопакет - важная деталь пластикового окна

Это не окно, но важнейшая часть современного окна. Стеклопакеты бывают однокамерными (с двумя стекла...

Как подготовить отличную презентацию для дипломног

Вы полностью подготовили свою дипломную работу, что же дальше? Теперь вам требуется подготовить...

Херсонский политехнический колледж

В Политехе – официальный сайт 251 группы Херсонского политехнического колледжа.На этом сайте изложен...

Москвичи боятся взрывов и наводнений

Жители российской столицы больше сего боятся взрывов и пожаров. Как пишет NEWSmsk.com, именно от них...

Искуство илюстрации

Сравним восприятие литературного произведения и отношение к иллюстрации у взрослого читателя и у реб...

Ночь в Сети: чем заняться? Советы виртуальной блон

Дети уложены, полы перемыты, лампочки вкручены, супружеский долг отдан, суп «на завтра» ...



Развивая портал:

Наш сайт является ресурсом, который включает в себя полный список полезных и интересных статей. Абсолютно каждый гость найдет для себя что-нибудь полезное. Модернизированный дизайн позволяет вам быстро находить требуемую информацию. Самые разнообразные тематические статьи дают возможность вам совершенствоваться в той или иной сфере. Быть более начитанным и грамотным. Современный дизайн сайта позволяет просматривать статьи на всех гаджетах. Теперь отыскать актуальную информацию стало легко.

Мы собрали для вас информативные и занимательные статьи. У нас сайте вы отыщите ответы на необходимые для вас вопросы. Простая система поиска дает возможность вам не тратя время отыскать нужную информацию. Адаптированный дизайн позволяет вам просматривать информацию на абсолютно любых гаджетах. Отныне, поиск актуальной информации будет занимать у вас секунды.