Создаем страницу “Ошибка 404″ (.htaccess)

404-htВ данном уроке Мы научимся делать страницу “Ошибка 404″. Сделаем дизайн страницы, и так что бы она работала. Т. е. если страница не существует, то пользователь автоматически переходил страницу “Ошибка 404″.

 
Итак, начнем.
 

Ошибка 404 или Not Found (не найдено) — стандартный код ответа HTTP о том, что клиент был в состоянии общаться с сервером, но сервер не может найти данные согласно запросу.

 
Для данного урока нам понадобиться html – страница, и какая нибудь графика, для того что бы оформить страницу. Я буду использовать страницу, которая использовалась в первом уроке. А изображения я возьму со своего сайта.
 
Шаг 1. Для начала создайте html – страницу, и измените заголовок страницы. Для этого между тегами <title>…<title> напишите “Ошибка 404″. Название страницы может быть абсолютно любым, это не играет большой роли. Если Вы все это сделали, то переходим шагу 2.
 
Всем известный текст “Error 404, Page Not Found” Вы можете просто написать словами или использовать для этого изображение. На своем сайте я использовал за ранее сделанное изображение. В данном уроке я также буду его использовать, а Вы можете использовать свое.
 
Шаг 2. В этом шаге Нам нужно будет просто разместить картинку ошибки по центру страницы. Для этого в CSS – документе создайте следующий стиль:
 

#error {background: url(../images/bg.png); width: 960px; height: 400px; margin: 20px auto 0px auto; padding: 4px; box-shadow: 0px 0px 3px black;}

 
Шаг 3. Теперь Нам нужно поместить изображение ошибки на страницу. Для этого в самой html – странице пропишите код:
 

<div id="error"><img src="images/404.jpg" title="Error 404" alt="Error 404" /><div>

 
В данном шаге ничего сложно нету. Мы просто поместили изображение на страницу.
 
А вот теперь будет самый сложный шаг. Так как тут нужно будет настроить .htaccess файл. Немного о файле .htaccess:
 

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

 
Если кратко, то данный файл содержит в себе настройки сервера.
 
Шаг 4. Создаем файл .htaccess. Для этого создайте любой файл и допишите ему расширение .htaccess. Внимание файл не должен никак называется. Он должен выглядить так: .htaccess.
 
Шаг 5. Открываем .htaccess файл любым текстовым редактором, кроме MS Office. Я открываю его обычно в программе Adobe Dreamweaver. Итак открыли файл и прописываем в нем следующие строки:
 

ErrorDocument 404 http://www.вашсайт.com/error.html.

 
Вместо ссылки, которая в примере вам нужно прописать адрес, где лежит ваша страница “Ошибка 404″.
 
Шаг 6. И последний шаг, заливай все файлы на фтп вашего сайта и проверяем. Проверить просто, для нужно ввести ссылку на страницу, котороый нету. Например http://www.arthurhabirov.com/Oshibka.
 
Ну на этом все, данный урок окончен. Урок расчитан больше на пользователей, которые уже знакомы с фтп и т.п. Если возникнут вопросы, то пишите. В исходных файлах есть все изображения, а так же файл .htaccess.
 
source