Автор

Как сделать 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 редирект

В наше время почти на каждом сайте можно увидеть красивые кнопки на сайте, с использованием css. В данном уроке мы рассмотрим подборку замечательных анимированных кнопок для сайта с помощью эффектов css. Возможно вы уже не раз встречали подобные кнопки в интернете, но мы не смогли пройти возле них мимо, и решили рассказать нашим пользователям о них. Идея заключается в создании анимированных ссылок с разными стилями, hover-эффектами и прочими. Также мы будем использовать сторонние шрифты с репозитория google.


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

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


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

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


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

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


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

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


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

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

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

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


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

О КОМПАНИИ

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

Close

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


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

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

Close