Возможно, Вы встречали на некоторых сайтах в случае попадания на не существующую (уже не существующую) страницу “ошибку 404”. Данная ошибка сообщает нам что запрашиваемый документ не найден. Сегодня я приведу пример того, как самому сделать необычную страницу “ошибки 404”.
Предположим, что Ваш сайт размещен на хостинге под управлением WEB – сервера Apache а он в свою очередь позволяет по разному возвращать коды ошибок с помощью директивы ErrorDocument (например, 404 Not Found - "страница не найдена").
На написание данной заметки меня натолкнула возникшая у меня недавно проблема, проблема “безболезненного” перевода сайта с одного домена на другой с сохранением тИЦ и PR а также по возможности максимального числа ссылок на сайт.
План действий:
1 Переносим наш сайт на новый домен 2 На старом домене необходимо создать файл .htaccess с 301-м редиректом на новый домен:
Options +FollowSymLinks
RewriteEngine on
RewriteRule (.*) http://наш.сайт/$1 [R=301,L]
301 Redirect ( Moved Permanently русск. Перемещёно навсегда, надолго ) данный код сообщает клиенту что для успешного выполнения операции нужно произвести следующий запрос к другому URI. Клиент в этом случае должен, как правило, произвести автоматический переход
3 На старом домене (тот, с которого ПЕРЕНОСИМ сайт) создаем файл robots.txt и указываем в директиве Host новый домен:
User-agent: *
Disallow:
User-Agent: Yandex
Disallow:
Host: наш.сайт
4 На новом домене (том, на котором будет располагаться наш сайт) создаем файл robots.txt с точно таким же содержанием, как в предыдущем пункте.
Поскольку фоновое изображения все чаще используется при создании различного рода WEB 2.0 сайтов я хочу привести пример реализации фиксированного фонового изображения.
CSS:
body { background:url(your-image.jpg) top right no-repeat; background-position:fixed; }
Где your-image.jpg как раз и является нашим изображением.
Большинство WEB браузеров умеют увеличивать текст ( исключение IE6, который не увеличивает изображение размеры которого заданы в пикселях ), однако далеко не все браузеры увеличивают изображения вместе с текстом (Firefox и Opera это конечно же не касается) . Как же сделать так, чтобы при увеличении текста изображение увеличивалось без потери качества а общее расположение элементов на странице оставалось прежним.
Есть достаточно простой способ это сделать, у изображения должен быть свой класс с предустановленной шириной скажем в 10em.
Важно: необходимо убедиться в том, что стартовое изображение больше чем его размеры по умолчанию. Если изображение имеет размеры такие же как изображение которое отображается по умолчанию, то при увеличении будет заметна потеря качества.
Полагаю, что каждый из нас хоть раз, но встречал изображение ( картинку ) на которой зачастую в нижней ее части изображен к примеру логотип либо адрес сайта, на котором она размещена, это своего рода защита от копирования. Этот метод достаточно действенный поскольку разместив у себя данное изображение мы тем самым показываем где взяли данное изображение.
Однако с моей точки зрения данный метод обладает достаточно весомым недостатком а именно меняет само изображения нанося на него водяной знак.
Продолжая тему защиты изображения от копирования я хочу привести пример альтернативного способа защиты изображения от копирования, это конечно не остановит желающих получить его, но по крайней мере немного затормозит этот процесс. Метод заключается в сокрытии части изображения