Перенаправление всех запросов на index.html

Когда новый сайт находится в разработке, а старый сайт необходимо полностью спрятать, решением станет создание страницы-заглушки. Например, добавьте в корень сайта файл index.html (другое имя вполне подойдет, если index.html уже занят):

Чтобы все обращения к сайту перенаправлялись на эту страницу, необходимо также добавить файл .htaccess (если он у вас уже имеется, просто закомментируйте лишние строки при помощи знака #):

Проблема с такой конфигурацией проявится если вам необходимо вставить в заглушку изображение — логотип, фон, или более красочный призыв посетить сайт после запуска.

Простое решение — исключить из предыдущего файла перенаправление запросов для изображений:

Тут возникнет только одна проблема — на сайте станут доступны все изображения, что, впрочем, легко исправляется уточнением того, какие именно изображения необходимо исключить из перенаправления:

Более интересное решение — внедрить изображение в HTML. Тут тоже два варианта — при помощи JavaScript и CSS. Будем рассматривать как это сделать в CSS.

До настройки перенаправления зайдите на сайт http://tags.in.ua/StfiBYaa и сконвертируйте в Base64 все изображения, которые необходимо внедрить в HTML.

Для примера возьмем QR-код страницы, которую вы сейчас читаете:

После конвертации получим:

Теперь вставим эту «картинку» в качестве фона в центр страницы-заглушки:

Так получаем страницу, в которую внедрены все необходимые изображения

Добавить комментарий