Автор

Как сделать HTML редирект

Как сделать HTML редирект


Meta редирект наихудший из редиректов его используют лишь в случае когда остальные виды редиректа в htaccess и php не доступны, но как говорится: на безрыбье и рак рыба, поэтому лучше сделать такой редирект чем потерять посетителей навсегда. При всем при этом у нас есть возможность, кстати отсутствующая при предыдущих вариантах редиректа сообщить пользователям о том, что сайт переехал на новый домен и это тоже неплохо.



Как сделать HTML редирект

Для этого типа редиректа вам нужен лишь любой вид доступа к домену: ftp (напрямую или через панели и загрузчики хостинга), через shell - короче неважно как но нам нужно загрузить в корень сайта-домена свой файл index.htm или index.html. Тут очень многое завидит от файла htaccess, к которому раз вы выбрали именно этот вид редиректа по видимому у вас нет доступа. Для того чтобы не ошибиться попробуйте каждый вариант на работоспособность. Но прежде попробуйте вариант с php редиректом, ссылку на правильное составление которого я привел выше. А вдруг прокатит и зачем тогда информировать посетителей если они так и так будут попадать куда нужно.



МЕТА Редирект (перенаправление) посетителей на HTML

Да, этот тип редиректа так-же называют HTML редиректом поскольку для его создания нужны лишь начальные знания html кода и доступ к шаблону первой-основной страницы сайта (домена).
Для перенаправления посетителей по новому адресу нужно закачать на сервер домена, с которого будет производиться перенаправление htm или html файл со следующим содержимым:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html><head>
<title>Сайт переезжает на ВАШ_НОВЫЙ_АДРЕС_САЙТА</title>
<meta http-equiv="refresh" content="5; url=http://ВАШ_НОВЫЙ_АДРЕС_САЙТА.ru">
</head>
<body>
<h2 style="text-align:center;color:red">Мы перебираемся на ССЫЛКА НА ВАШ НОВЫЙ АДРЕС чтобы у нас была возможность еще больше улучшить наш сервис и качество предоставляемых нами услуг.</h2>
</body>
</html>

Это примерный вариант такого редиректа, цифра "5" означает, что я дал пользователю 5 секунд для того, чтобы он успел прочитать сообщение о переезде сайта, если не хотите ничего сообщать - ставите: "0" итогда текст заключенный в теге BODY тоже будет ненужен - посетитель будет переадресован сразу-же как только его браузер прочитает содержимое мета тега.

Многие материалы на сайте взяты из блогов: "Все для веб-дизайнера Rudebox", "A free library of HTML, CSS, JS nuggets Codyhouse" - полностью переведен и представлен в ознакомительных целях!

vk.com/club.ssdru

Подписывайтесь на нашу группу в контакте vk.com/club.ssdru



Статьи по темеРазное

Как сделать HTML редирект

В данном уроке мы создадим интересные визуальные 3D эффекты с помощью CSS3 и jQuery. Идея для урока возникла под впечатлением страниц демонстрации проектов Google SketchUp.

В нашем примере мы будем использовать миниатюры, которые открывают дополнительную информацию при наведении курсора мыши на них. Структура будет построена на jQuery, который позволит вывести изображение в сложенном или отогнутом виде при наведении курсора мыши. Для формирования эффектов будем использовать трансформации CSS 3D. В тексте урока префиксы браузеров опущены для большей наглядности. Полный код можно посмотреть в исходниках к уроку.


Как сделать HTML редирект

Если вы используете какие то графические редакторы на сайте, или просто хотите скрасить некий материал с помощью выбора цвета, или дать возможность оформить на свой вкус комментарии пользователю тогда этот урок именно для Вас. В сегодняшнем уроке речь пойдет о скрипте Flexi Color Picker, который использует только JavaScript для создания интерфейса выбора цвета. Без flash, изображений, однопиксельных div. Для его работы не нужно никаких библиотек.


Как сделать HTML редирект

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


Как сделать HTML редирект

Сегодняшний ресурс - это легко настраиваемая, гибкая новостная лента. Мы использовали некоторые трюки CSS3 и немного jQuery для создания анимаций, которые влияют только на пользователей настольных компьютеров, тогда как на мобильных устройствах структура более минимальна.


Раскрутка в соцсетях

В данном блоге описано где и как сделать накрутку групп, сообществ и личных страничек в популярных социальных сетях и тест платных сайтов занимающихся накруткой.


Перейти в Блог

Надёжный хостинг

С нами хостинг удобен и прост, как диван у вас дома. Вы с комфортом размещаетесь, а все внутренние пружины мы берем на себя.

Бесплатный тестовый период, ежедневные бэкапы, неограниченный трафик, акции с бонусами... Конечно, у нас все это есть.


Перейти на хостинг

О КОМПАНИИ

Studio Design существует с 2001 года. Основной нашей деятельностью до 2007 года было видеопроизводство ( видеореклама и документальные фильмы, о чем подробно описано в нашем блоге ). С 2007 года, вот уже как лет, наша основная специфика - это создание сайтов для бизнеса или частной деятельности, веб дизайн, а также поддержка и администрирование готовых проектов. Каждая выполненная нами работа - это уникальный, а самое главное, адаптивный под все современные мобильные устройства дизайн сайта. Мы готовы создать сайт с нуля для каждого клиента с любого уголка России! Мы поможем Вам в создании, как одностраничных сайтов – визиток, так и крупных интернет магазинов или корпоративных сайтов. А все наши работы, большинство из которых действуют и по сей день!

Close

Целовальников Сергей


Веб-дизайн, HTML5, CSS3, jQuery, JavaScript, Верстка.

Верстальщик с большим опытом работы. Занимаюсь созданием сайтов с 2005 года. Постоянно обучаюсь и совершенствую свои навыки. Веду свои проекты, в том числе и данный блог.

Close