Отправляет email-рассылки с помощью сервиса Sendsay

WebDesign.Doc

  Все выпуски  

WebDesign.Doc - электронная библиотека веб-мастера: 122


электронная библиотека веб-мастера | выпуск # 122

WebMasterZone

 WEBDESiGN.DOC

o
Мастерская
  • Делаем полный РеДирект сайта

Документация

  • Частые вопросы о CSS

WebMasterZone

*

Мастерская

Делаем полный РеДирект сайта

источник: http://dangels.net/

При смене адреса сайта, возникает проблема с ссылками, а именно в Интернете остаётся много ссылок со старым адресом сайта, чтобы оповестить посетителей о смене адреса, есть несколько способов.

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

Чтобы посетитель не потерял ссылку, на моё взгляд лучше всего использовать «полный редирект». Что такое «полный редирект»? Данный редирект, позволяется сохранить полную ссылку, изменив только домен. Попробую объяснить на примере. Допустим у нас есть старый сайт – oldsite.net и новый – newsite.net, посетитель вводит ссылку, oldsite.net/category=?articles=?blablabla.php, воспользовавшись «полным редиректом», посетитель автоматически переместиться по адресу: newsite.net/category=?articles=?blablabla.php. Т.е. измениться только домен c oldsite.net на newsite.net, а всё остальное (/category/art…) останется.

Как создать «Полный РеДирект»? Для этого нам понадобится создать файл с названием .htaccess. В операционной системе Windows, можете не пытаться создать файл с таким названием, как мы привыкли, зайдя в какую-либо папку и нажать «создать новый файл», так не получится. Для создания файл, воспользуйтесь обычным блокнотом.

Откройте блокнот, и введите код редиректа:

Options +FollowSymLinks
RewriteEngine on
RewriteRule (.*) http://новый домен.ru/$1 [R=301,L]


Где написано «новый домен», заменить на домен Вашего нового сайта. И сохраните файл как (Save As), с названием «.htaccess», НО не забудьте отметить тип файла (Save as type) «Все файлы» («All Files»).

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

А так же, данный редирект («Полный редирект») позволяет сохранить/перенести показатель Google PR.

***

 

Рекомендую!

Видеокурсы по PHP+MySQLдля начинающих

Более 110 видеоуроков общей продолжительностью в 22 часа и 30 минут, которые позволят Вам создавать неповторимые динамические сайты с использованием языка PHP и баз данных MySQL!…

Подробнее...

*

Документация

Частые вопросы о CSS

источник: www.designformasters.info

Подборка примеров и ссылок по CSS. Список вопросов составлен на основе поисковых запросов.

  • position:fixed в ie6
  • прибивание футера
  • clear у блока float
  • скругление углов css
  • условные комментарии в css

position:fixed в ie6

В iE6 position:fixed не работает, но если очень нужно, то заменить его можно с помощью position: absolute и expression вычисляющего положение элемента в зависимости от положения скрола.

#fixed-block {
    position: fixed;
    right: 2em;
    top: 100px;
    background: wheat;
    padding: 1.5em 1.5em 1.5em 3em;
    width: 15em;
}

* html {
    background: fixed url('null.png');
}

* html #fixed-block {
    position: absolute;
    top: expression(eval(document.documentElement.scrollTop) + 100 + 'px');
}

пример

Подробная статья про Полноценный fixed в MSIE есть в Техногрете, но обратите внимание, что в Standards Mode используется document.documentElement, а в Quirks Mode document.body.

прибивание футера

HTML

<div id="header">
</div>

<div id="content">
</div>

<div id="footer">
</div>

CSS

html {
    height: 100%;
}

body {
    min-height: 100%;
}

* html body {
    height: 100%;        /* замена min-height:100% для IE6 */
}

body {
    position: relative;  /* абсолютно позиционируемые элементы
                           будут располагаться относительно body */
}

#content {
    padding-bottom: 7em; /* место для футера */
}

#footer {
    position: absolute;
    bottom: 0;
    height: 7em;
    width: 100%;
    background: wheat;
}

пример

Не работает в IE5. В IE6 футер не уходит на свое место, если размер страницы изменяется в результате работы JavaScript, например, если скрыты или добавлены некоторые элементы страницы.

Дополнено: В Opera 9.51 работает только если css подключен внешним файлом, если использовать для css элемент style то работает только с бубном, например, если взять одно слово на странице в <q>. Проблема связана не столько с самим способом прибивания футера, сколько с особенностями min-height: 100% в Opera 9.51, во втором способе, на который ссылка ниже, она тоже есть.

Еще один способ прибивания футера.

clear у блока float (+ миллион вариантов запроса)

Часто нужно заставить родительский блок полностью поглощать вложенные float блоки, для этого можно использоваться следующие стили:

#block {
    overflow: hidden; /* для всех браузеров */

    /* для IE */
    height: 1%;
    /* или */
    zoom: 1;
}

Если у родительского блока задана высота то height: 1% не подойдет, у zoom: 1 проблема только в том, что это нестандартное свойство, если важна валидность нужно вынести в отдельный файл для IE.

Этому действу не имеющему приемлемого русского названия посвящена статья Clear для плавающих блоков подробнее о float и связанных с ним багами можно почитать в статье CSS Float в теории и на практике.

скругление углов css (второй по количеству вариантов запрос)

Видимо на этот вопрос найдется не меньше миллиона ответов.

условные комментарии в css

Условные комментарии привилегия HTML, чаще всего применяются для того, чтобы сделать CSS файл видимым только для определенной версии Internet Explorera, например для IE6:

<!--[if IE 6]>
<link rel="stylesheet" href="styles.css" type="text/css" media="all">
<![endif]-->

Похожие статьи

*

Учебка

:: Рекомендую! ::

Видеокурс "Интернет-магазин с нуля"

Интернет-магазин
с нуля

Уникальный видеокурс по созданию интернет-магазина c нуля и под ключ

Продолжительность 24 ч. 27 м., более 100 уроков.

Краткое содержание:

1. Введение, принципы работы. 4 урока.
2. Обзор CMS. Администрирование. 20 уроков.
3. Создание сайта. От шаблона до информации. 23 урока.
4. Функциональность. 22 урока.
5. Интернет-магазин. 30 уроков.
6. Создание Вашего проекта. 5 уроков.
7. Поисковая оптимизация сайта. 11 уроков.
8. Юридические вопросы. Работа магазина. 13 уроков.

Курс предназначен для Всех уровней подготовленности

Узнать подробнее

*

the end of maillist


В избранное