Твитнуть об этом видео
Поделиться на Facebook
Поделиться по E-mail
Скачать исходники к 14 видеоуроку по CSS Размер: 257.02 kB, скачали: 609 раз.
- Разархивировать скачанный файл.
- Открыть папку index.
- Запустить файл index.html в браузере.
Что такое заглушка?
Заглушка — страница, которая будет высвечиваться для всех пользователей, которые пользуются старым браузером. В этом видеоуроке мы будем устанавливать на наш сайт заглушку.
Как установить заглушку для IE6?
В дополнительных материалах вы найдете папку с именем «IE6». Скачать ее в архиве можно также на странице http://habrahabr.ru/blogs/noie/81784, нажав на ссылку внизу статьи. После скачивания папки, поместите ее в корне вашего сайта. Затем зайдите в нее и откройте файл ie6.html с помощью редактора notepad. Также откройте наш файл page.html и внесите в область комментариев для IE с версией ниже седьмой следующую строчку:
<meta http-equiv="refresh" content="0; url="http://site.ru">
Значение refresh атрибута http-equiv означает переадресацию. Число, у нас — это ноль, означает, через сколько секунд произвести переадресацию. В нашем случае — мгновенно. Далее идет ссылка на страницу, на которую следует переадресовать пользователя. Если ваш сайт размещен в интернете, то просто добавляете «/ie6/ie6.html».
<meta http-equiv="refresh" content="0; url="http://site.ru/ie6/ie6.html">
Если же ваш сайт в интернете не размещен, то тогда перейдите в браузер, посмотрите, где располагается файл page.html, и скопируйте адрес после наименования диска. Замените «http://site.ru» на этот адрес:
<meta http-equiv="refresh" content="0; url="/Users/Forman/Desktop/Site/ie6/ie6.html">
Сохраняем и переходим в документ ie6.html. Здесь заменяем все ссылки «http://site.ru» на путь к вашей главной странице. Пусть у нас это будет page.html.
<a href="/Users/Forman/Desktop/Site/page.html">
Сохраняем. Проверим в браузере Opera — ничего не изменилось. Теперь перейдем в программу IETester (скачать программу можно из десятого видеоурока по CSS) и откроем окно браузера IE6. Мы видим, что у нас произошла переадресация на страницу заглушки. Нам предлагают сменить наш устаревший браузер. Если пользователь все-таки не хочет менять браузер, а хочет вернуться на сайт, то он нажмет «Возврат на сайт», после чего его снова перекинет на эту страницу. Тогда вы поинтересуетесь, зачем создавать такую кнопку. Я вам отвечу. Эта кнопка будет работать, если вы используете php код, который приведен на http://habrahabr.ru/blogs/ie/81784. Но так как наш курс посвящен не php, а CSS, то мы воспользовались немного другим способом переадресации. Получилось тоже неплохо, потому что пользователю придется обновить браузер, чтобы перейти на ваш сайт.
До встречи в следующем, пятнадцатом видеоуроке по CSS, в котором мы создадим красивое горизонтальное меню с помощью CSS спрайтов!
Info-line.net
Если использовать php-код, нужно учитывать требования к хостингу?
Да. Нужно, чтобы хостинг предоставлял доступ к PHP и MySQL.
Вставленный код будет автоматически работать при размещении страницы на таком хостинге, или что-то нужно настраивать?
Нужны знания php и mysql, тогда таких вопросов не возникнет 🙂
Google еще в 10 году начал убийство браузера — закрыл доступ к ключевым сервисам. Так может, чтобы не парится — сделаем заглушку для ie7? =)
Тоже самое, только в условных комментариях меняем одну цифру (версию браузера). Подробнее про условные комментарии в видеоуроке про блочную верстку многоколоночного сайта.
Заглушка не рабочая, в php смыслю, ставил её в орегинале и пытался редактировать, а всё бестолку, в версиях 8, 9 IE заглушка не срабатывает, как не крутил, всё равно попадал на главную а не на страницу подключеную к header
Заглушка рабочая. PHP мы здесь не используем. Заглушку не надо редактировать. Чтобы она работала в 8 и 9 IE, достаточно поменять условные комментарии в index'ном файле. Мы ведь специально прописывали их, чтобы заглушка действовала только на старые версии IE, так как проблемы возникают именно с ними. Если у вас возникают проблемы с 8 -ым и 9-ым IE, то, как я уже сказал, просто подредактируйте условные комментарии. Подробнее про условные комментарии я рассказывал в 10-ом и 11-ом видеоуроках по CSS.