галерея •
РНР guide •
Жесткие диски: faq •
FAQ по разгону видеокарт •
Словарь терминов компьютерной памяти •
RSS

на главную | карта сайта 
Компьютерная терминология    1_9  A  B  C  D  E  F  G  H  I  J  K  L  M  N  O  P  Q  R  S  T  U  V  W  X  Y  Z  .....  A  Б  В  Г  Д  Ж  З  И  К  Л  М  Н  О  П  Р  С  Т  У  Ф  Х  Ц  Ч

Создаём свой WEB-сайт шаг за шагом.

Преобразованиe ссылок

Советы по созданию и раскрутке сайта

Баннерное дело

Новости

продвижение в яндексе Клик
 

Резиновая верстка

Для тех, кто, возможно, не знает как сделать так, чтоб всё было хорошо.
Сайт должен тянуться только до определённой величины, и сужаться тоже только до некоторого значения. Я обычно беру 1500 и 980 пикселей соответственно.

Как сделать? min-width и min-height.

#site {
margin: 0 auto; /*это чтоб центрировать контент при превышении max-width*/
min-width: 980px;
max-width: 1500px;
}

Но ведь IE их не поодерживает. А expression слишком нагружает браузер... Спокойно, други! Я выведу вас к свету из тьмы!
Пишем далее.

<!--[if lte IE 6]><script language="JavaScript" type="text/javascript" src="ie.js"></script><![endif]-->

А в ie.js помещаем

window.attachEvent('onload', mkwidth);
window.attachEvent('onresize', mkwidth);

var minwidth = document.getElementById("site").currentStyle['min-width'].replace('px', '');
var maxwidth = document.getElementById("site").currentStyle['max-width'].replace('px', '');

function mkwidth(){
document.getElementById("site").style.width = document.documentElement.clientWidth < minwidth ? minwidth+"px" : (document.documentElement.clientWidth > maxwidth ? maxwidth+"px" : "100%");
};
 

min/max width/height для IE6
Метод основан на JS.
Способ прост и универсален, т.к. Вы просто указываете, где Вам нужно свойство min/max width/height = "какое-либо значение", а скрипт все сделает для IE6 сам.
Создайте текстовый файл с именем minmax.js и сохраните в него код:

/*@cc_on
@if (@_win32 && @_jscript_version>4)

var minmax_elements;

minmax_props= new Array(
new Array('min-width', 'minWidth'),
new Array('max-width', 'maxWidth'),
new Array('min-height','minHeight'),
new Array('max-height','maxHeight')
);

// Binding. Called on all new elements. If <body>, initialise; check all
// elements for minmax properties

function minmax_bind(el) {
var i, em, ms;
var st= el.style, cs= el.currentStyle;

if (minmax_elements==window.undefined) {
// initialise when body element has turned up, but only on IE
if (!document.body || !document.body.currentStyle) return;
minmax_elements= new Array();
window.attachEvent('onresize', minmax_delayout);
// make font size listener
em= document.createElement('div');
em.setAttribute('id', 'minmax_em');
em.style.position= 'absolute'; em.style.visibility= 'hidden';
em.style.fontSize= 'xx-large'; em.style.height= '5em';
em.style.top='-5em'; em.style.left= '0';
if (em.style.setExpression) {
em.style.setExpression('width', 'minmax_checkFont()');
document.body.insertBefore(em, document.body.firstChild);
}
}

// transform hyphenated properties the browser has not caught to camelCase
for (i= minmax_props.length; i-->0;)
if (cs[minmax_props[i][0]])
st[minmax_props[i][1]]= cs[minmax_props[i][0]];
// add element with properties to list, store optimal size values
for (i= minmax_props.length; i-->0;) {
ms= cs[minmax_props[i][1]];
if (ms && ms!='auto' && ms!='none' && ms!='0' && ms!='') {
st.minmaxWidth= cs.width; st.minmaxHeight= cs.height;
minmax_elements[minmax_elements.length]= el;
// will need a layout later
minmax_delayout();
break;
} }
}

// check for font size changes

var minmax_fontsize= 0;
function minmax_checkFont() {
var fs= document.getElementById('minmax_em').offsetHeight;
if (minmax_fontsize!=fs && minmax_fontsize!=0)
minmax_delayout();
minmax_fontsize= fs;
return '5em';
}

// Layout. Called after window and font size-change. Go through elements we
// picked out earlier and set their size to the minimum, maximum and optimum,
// choosing whichever is appropriate

// Request re-layout at next available moment
var minmax_delaying= false;
function minmax_delayout() {
if (minmax_delaying) return;
minmax_delaying= true;
window.setTimeout(minmax_layout, 0);
}

function minmax_stopdelaying() {
minmax_delaying= false;
}

function minmax_layout() {
window.setTimeout(minmax_stopdelaying, 100);
var i, el, st, cs, optimal, inrange;
for (i= minmax_elements.length; i-->0;) {
el= minmax_elements[i]; st= el.style; cs= el.currentStyle;

// horizontal size bounding
st.width= st.minmaxWidth; optimal= el.offsetWidth;
inrange= true;
if (inrange && cs.minWidth && cs.minWidth!='0' && cs.minWidth!='auto' && cs.minWidth!='') {
st.width= cs.minWidth;
inrange= (el.offsetWidth<optimal);
}
if (inrange && cs.maxWidth && cs.maxWidth!='none' && cs.maxWidth!='auto' && cs.maxWidth!='') {
st.width= cs.maxWidth;
inrange= (el.offsetWidth>optimal);
}
if (inrange) st.width= st.minmaxWidth;

// vertical size bounding
st.height= st.minmaxHeight; optimal= el.offsetHeight;
inrange= true;
if (inrange && cs.minHeight && cs.minHeight!='0' && cs.minHeight!='auto' && cs.minHeight!='') {
st.height= cs.minHeight;
inrange= (el.offsetHeight<optimal);
}
if (inrange && cs.maxHeight && cs.maxHeight!='none' && cs.maxHeight!='auto' && cs.maxHeight!='') {
st.height= cs.maxHeight;
inrange= (el.offsetHeight>optimal);
}
if (inrange) st.height= st.minmaxHeight;
}
}

// Scanning. Check document every so often until it has finished loading. Do
// nothing until <body> arrives, then call main init. Pass any new elements
// found on each scan to be bound

var minmax_SCANDELAY= 500;

function minmax_scan() {
var el;
for (var i= 0; i<document.all.length; i++) {
el= document.all[i];
if (!el.minmax_bound) {
el.minmax_bound= true;
minmax_bind(el);
} }
}

var minmax_scanner;
function minmax_stop() {
window.clearInterval(minmax_scanner);
minmax_scan();
}

minmax_scan();
minmax_scanner= window.setInterval(minmax_scan, minmax_SCANDELAY);
window.attachEvent('onload', minmax_stop);

@end @*/

Подключать этот файл так:
<!--[if lte IE 6]><script src="minmax.js" type="text/javascript"></script><![endif]-->

Q.Не работает страница ошибки, хоть и прописана верно.
A.Если у Вас прописана в .htaccess директива
ErrorDocument 404 /error.htm
и сам файл нормально просматривается через броузер, но при возникновении 404-й ошибки не выводится. Что делать?
Скорее всего проблема в том, что у Вас броузер IE, а сам файл меньше 512 байтов. Есть у IE такая ошибка. Просто добавьте в файл error.htm пробелов, чтобы его размер был больше 512 байт и проблема исчезнет.
Q.Как сделать, чтобы php обрабатывался в файлах с расширением .html?
A.Вам необходимо добавить в файл .htaccess следующие две строчки:
RemoveHandler .html
AddType application/x-httpd-php .html
Q.Как заблокировать доступ к сайту/папке сайта с определенного компьютера?
A.Для этого необходимо в корне сайта (или в нужной папке) добавить в файл .htaccess строки:
Order Allow,Deny
Allow from all
Deny from xxx.xxx.xxx.xxx

где xxx.xxx.xxx.xxx - это ip-адрес компьютера, которому запрещается доступ. Возможно также указывать доменное имя. В директивах Deny и Allow можно перечислять через пробел ip или доменные имена. Директива Order определяет последовательность применения директив Allow и Deny, т.е. "Order Allow,Deny" сначала разрешит доступ тем, кто упомянут в директиве Allow, затем запретит тем, кто упомянут в Deny. Если стоит задача обеспечить доступ только с определенного компьютера, то следует давать такие директивы в .htaccess:
Order Deny,Allow
Deny from all
Allow from xxx.xxx.xxx.xxx
Q.Как запретить посещать мой сайт людям, которые пользуются прокси-сервером?
Не каждый прокси-сервер отмечает свое присутствие в заголовках http-запроса. Поэтому со 100%-й гарантией это сделать невозможно. Однако, большинство прокси-серверов ставят в заголовок http-запроса поле Via. Рассмотрим пример, который отправляет всех пользователей, которые пришли через прокси-сервер, на главную страницу PeterHost.Ru. Для этого в файл .htaccess надо добавить следующие строчки:
A.
RewriteEngine On
RewriteCond %{HTTP:VIA} .+
RewriteRule (.+) http://site.ru/
Q.Знак ударения в windows-1251
A.& # 7 6 9 ;(знак ставится после ударной) - пробелы убрать
Q.Как узнать абсолютный путь?
A.Для того, чтобы узнать полный путь от корня сервера до вашей папки необходимо.
1. Создать файл php, например home.php
2. Занести в него следущие строки:

CODE

<?php
echo 'Полный путь к каталогу: ';
echo $_SERVER['DOCUMENT_ROOT'];
echo '/';
?>

3. Сохранить, загрузить на сервер и запустить в папке, путь до которой Вы хоитет узнать, например, mydir.
4. на экране появится требуемый путь вида /home/mycoolsite/public_html/mydir
5. Копируем куда надо и учитываем необходимость последнего слэша (/)
Q.Через какое время после индексации, ссылка начинает передавать полный вес, или другими словами, через какое время можно делать вывод, что имеющийся набор ссылок больше влияние на увеличение позиций не оказывает ?
A.Точное значение не знает никто, и не факт, что оно вообще существует. Практика показывает, что примерно через 2 месяца плюс-минус всё устаканивается.
Q. 301 redirect
A.Вариант 1.
RewriteCond %{HTTP_HOST} ^(.*\.)?olddomain.com$
RewriteRule ^(.*)$ http://newdomain.com/$1 [R=301,QSA]

Вариант 2.
RewriteCond %{HTTP_HOST} ^(.*\.)?olddomain.com$
RewriteRule ^(.+)$ /? [R=301,L]
Редирект 301 (301 Permanent Redirect) используется в нескольких случаях: при смене домена, при переносе страницы сайта, для склейки имени сайта с www и без него. Это важно для передачи Page Rank (PR) и сохранения поискового трафика.

Сам я столкнулся с его необходимостью, когда после переезда своего портала из зоны com, в ru обнаружил, что Google, Яндекс и другие поисковые системы, естественно не "забывают" старого сайта (отчасти еще и из-за того, что у меня была некорректно установлена своя страница, для обработки 404 ошибки, которая возвращала код ответа 200 OK). Более того, Google за полгода оставил для нового сайта PR=0, хотя для старого он сохранился PR=4.

Тема 301 редиректа постоянно обсуждается в различных SEO-форумах, да и каждая поисковая система в своей системе помощи имеет специальные разделы. Пока разбирался я нашел перечисленные ниже варианты организации редиректа, часть из которых опробовал у себя.

301 редирект это наилучший метод сохранения ваших позиций в поисковых системах, когда вы переносите страницу или сайт. Код "301" интерпретируется как постоянное перемещение ("moved permanently").
Простой редирект (в файле .htaccess или httpd.conf для Apache):
Redirect 301 / http://www.you.com/new.htm
где:
Redirect 301 - это инструкция, говорящая что страница перемещена
/ - означает, что все с верхнего уровня сайта, включая все подкаталоги, будет переадресовано
http://www.you.com/new.htm - новая страница или сайт (не забывайте поставить последний "/", если переадресация идет на сайт).

Чтобы переадресовать только страницу, сохранив PR старой страницы:
Redirect 301 /old/old.htm http://www.you.com/new.htm
где:
/old/old.htm - путь и имя старой страницы

Аналогичный синтаксис для переадресации сайта:
RedirectPermanent / http://www.you.com/
Пример переадресации каталога:
RedirectPermanent /old-directory http://www.domain.com/new-directory/

Например, зашедших в test переадресуем на www.test.com, остальных на enter.test.com (порядок следования записей важен):
Redirect permanent /test http://www.test.com/
Redirect permanent / http://enter.test.com/

Примечание: для моих целей (изменение домена) хватило первого варианта простого 301 редиректа.
Использование mod_rewrite (прописывается в файле .htaccess):

Ставшая классической задача слияния имена сайта с www и без него, решается так:
Options +FollowSymLinks
RewriteEngine on
RewriteCond %{HTTP_HOST} ^yoursite\.com
RewriteRule ^(.*)$ http://www.yoursite.com/$1 [R=permanent,L] .

или альтернативный синтаксис:
Options +FollowSymLinks
RewriteEngine On
RewriteCond %{HTTP_HOST} ^domain\.com$ [NC]
RewriteRule ^(.*)$ http://www.domain.com/$1 [R=301,L]

Обозначение [R=301,L] означает: перенаправить клиента и отправить ему код статуса 301 (R=301) и сделать это правило последним (L).

Редирект старого домена на новый:
Options +FollowSymLinks
RewriteEngine on
RewriteRule (.*) $1 [R=301,L]

Например, если необходимо чтобы вместо rewrite.htm загружался файл rewrite.html, добавьте в .htaccess:
RewriteEngine on
RewriteBase /
RewriteRule ^rewrite\.htm$ rewrite.html [R=permanent]

Для замены всех .htm файлов .html файлами:
RewriteEngine on
RewriteBase /
RewriteRule ^(.*)\.htm$ $1.html [R=permanent]
Редирект на PHP:
<?php
header("HTTP/1.1 301 Moved Permanently");
header("Location: http://www.newdomain.ru/newdir/newpage.htm");
exit();
?>
Лучше указать HTTP/1.1, так как более старые не поддерживают виртуальный хостинг. Не забудьте, что до вызова header, ничего не должно выводиться (например, echo или print). Поэтому этот код лучше ставить в начало php-скрипта. Более полный вариант php редиректа с сохранением передаваемой страницы и параметров вызова:
<?
$ref=$_SERVER['QUERY_STRING'];
if ($ref!='') $ref='?'.$ref;
header('HTTP/1.1 301 Moved Permanently');
header('Location: http://newdomain.com/'.$ref);
exit();
?>
Редирект на ASP
<%@ Language=VBScript %>
<%
Response.Status="301 Moved Permanently"
Response.AddHeader "Location", "http://www.new-url.com"
response.end
%>
Редирект на ASP.NET
<script runat="server">
private void Page_Load(object sender, System.EventArgs e)
{
Response.Status = "301 Moved Permanently";
Response.AddHeader("Location","http://www.new-url.com");
}
</script>
Редирект на ColdFusion
<.cfheader statuscode="301" statustext="Moved permanently">
<.cfheader name="Location" value="http://www.new-url.com">
Редирект с помощью meta refresh
<meta http-equiv='refresh' content='0; url=http://newdomain.com'>

где 0 - задержка переадресации в секундах, newdomain.com -страница, куда переадресуем. Некоторые старые браузеры не поддерживают meta refresh со значением 0, для совместимости можно установить ненулевой значение, хотя, на мой взгляд это уже не актуально. Такой редирект не сможет склеить ваши сайты (с www и без) и передать PR, так как игнорируется поисковыми системами. Он возвращает код 200 OK, что соответствует обычной странице. Эта техника популярна у спамеров, поэтому ее стоит применять только для страниц, которые не будут индексироваться.
Редирект с помощью JavaScript

Варианты переадресации на JavaScript чаще реализуются с использованием функции setTimeout('функция', задержка).

Например, автоматически сделать Click на кнопке "Submit" формы "searchform" через 0.1 сек после загрузки кода:

setTimeout('document.forms["searchform"].Submit.click()', 100);

На кнопку "Submit" можно повесить любое действие, например, открыть новый url в этом окне. Кстати такое редиректы чаще встречаются при организации Дорвеев (DorWay) - браузер Пользователя будет переадресован на другую страницу, а поисковый робот, который "не понимает" JavaScript, будет индексировать эту страницу, недоступную пользователю. На ней дорвейщики размещают текст, напичканный "нужными" ключевыми словами.

Чтобы просто переадресовать на другую страницу можно вставить после один из вариантов кода на JavaScript:
location="http://www.newdomain.com";
document.location.href="http://www.newdomain.com";
window.location.reload("http://www.newdomain.com");
document.location.replace("http://www.newdomain.com");
В последнем случае уже нельзя будет вернуться на страницу выполнившую переадресацию, так как ее адрес стирается из history, что нередко и нужною. Если нужна задержка по времени, можно оформить location="http://www.newdomain.com"; в виде функции и вставить ее в setTimeout('функция()', задержка_в_мсек); Редирект на JavaScrupt не является 301 редиректом и не передаст PR страницы, не сможет обеспечить ее склейку.
Отметим дополнительно некоторые особенности редиректов:
Методы редиректа с .htaccess работают только на Linux серверах, имеющих Apache с включенным модулем Mod-Rewrite.
Использование .htaccess создает дополнительную нагрузку на сервер Apache, более эффективно прописывать те же команды в его конфигурационном файле hpptd.conf, но, как правило, к нему нет доступа у вебмастера.
301 редирект, позволяет сберечь трафик и передать PR страницы для поисковых систем (для Google точно).
процесс склейки и передачи PR занимает длительное времени - до нескольких месяцев и также зависит от поисковой системы, поэтому не удаляйте старую страницу или сайт, пока не произойдет окончательный перенос.
некоторые поисковые системы требуют для склейки сайтов дополнительных настроек, например, для Яндекса нужно дополнительно прописывать robots.txt

Заключение. Безопасный способ редиректа старых страниц на новые или старого сайта на новый адрес, с сохранением позиций в поисковых системах, заключается в использование 301 редиректа, который также позволит вам передать старый Page Rank страницы на новый сайт.
Q.Когда нужно продвигать сайт по НЧ запросам?
Когда по ВЧ нет шансов или бюджета, так?
Например сайт онлайн игр ?
Что для него НЧ запрос?
A.Положим, Ваша тематика "онлайн игры". Тогда:
ВЧ - онлайн игры; онлайн игра etc.
СЧ - онлайн игры питер; онлайн игры форум; скачать игры онлайн...
НЧ - онлайн игра <название игры> про пришельцев из бобруйска; как включить порно сцены в онлайн игре <название игры> версии 3.14159265358979323846
НЧ и СЧ запросы приводят на сайт наиболее целевую аудиторию.Название игры может быть и ВЧ запросом, например Fallout 3.
А вот запрос "скачать бесплатно игру fallout 3" - это НЧ запрос,но вообще не стоит забывать про НЧ, ибо это основа сайта. Двигайте сайт по 20-25 НЧ запросам, 10 СЧ запросам и 5 ВЧ запросам, это если у вас про онлайн игры сайт.
.htaccess

Зачем нужен файл ".htaccess".

Cамый популярный веб-сервер -  Apache. Одним из самых весомых преимуществ этого сервера (помимо бесплатности, быстроты и небольшого потребления ресурсов) является гибкость настройки.
В Apache веб-мастер может сделать практически все, что угодно. Создать собственные страницы ошибок, запретить доступ к определенным файлам и папкам, изменить обработку файлов (например, обрабатывать .html файлы как скрипты написанные на Perl) и многое другое.
Все это (и многое другое) можно настроить через специальный конфигурационный файл Apache - "httpd.conf".
Правда, есть одно но: этот файл глобальный для всего сервера. А что делать если хочется установить специальные настройки только для конкретной директории: в файле "httpd.conf" предусмотрено задание директив только для определенной директории, но.
1. Для того, что бы изменения вступили в силу необходимо перезагрузить (рестартовать) Apache сервер.
2. Для любых (даже невинных) изменений, нужно редактировать критичный для всего сервера файл.
Создатели Apache решили данный вопрос:  вместо того, что бы каждый раз редактировать файл httpd.conf, в директории, для которой хотите сменить настройки Apache по-умолчанию, создайте файл ".htaccess". Далее в этом файле поместите все настройки, которые необходимо применять для текущей директории.
 Директивы из файла ".htaccess" имеют более высокий приоритет, чем определенные в глобальном конфигурационном файле httpd.conf.
Данный подход дает владельцам сайтов возможность управлять параметрами сервера только для их директорий, не беспокоя администраторов сервера.
Для того, что бы файл ".htaccess" заработал, администраторы веб-сервера должны явно разрешить это в файле httpd.conf:
AllowOverride <список параметров, которые разрешено менять>

Таким образом, администратор вполне может запретить вам менять, если не все, то некоторые из параметров через ".htaccess". Разрешить менять любые параметры можно вот так:
AllowOverride All

Запретить изменения параметров через ".htaccess" совсем, можно вот так:
AllowOverride None

Учтите, что приведенные выше директивы должны быть в файле "httpd.conf".

Возможности файла ".htaccess"

1. Разрешить или запретить доступ к файлам с определенного IP адреса.
Предположим, что вы создали прототип веб сайта и решили показать его своему другу/заказчику. Ваше естественное желание, что бы открыть данный сайт мог только этот человек и никто другой. Этого можно добиться, поместив следующие директивы в файл ".htaccess":
order allow,deny
deny from all
allow from <xxx.xxx.xxx.xxx>
allow from googlebot.com
 

В примере файлы разрешено просматривать роботу Google, который приходит с доменного имени googlebot.com.
Возможно указание нескольких IP адресов через пробел. Также возможно указывать лишь честь IP адреса. Например, для того, что бы разрешить видеть ваш сайт всем из локальной сети, нужно написать что-то подобное: allow from 192.168
То же самое можно проделать, если вы хотите запретить кому-либо просмотр вашего сайта. Результат должен выглядеть вот так:
order deny,allow
allow from all
deny from 192.168.35.111
deny from googlebot.com
 

2. Запрет или разрешение доступа к определенным файлам.
Запрет и разрешение доступа к файлам в директории - это прекрасно. Однако, что если необходимо закрыть доступ не ко всем, а только в определенным файлам в директории? Для этого существует директива Files, которая позволяет задать файлы к которым будут применяться вложенные директивы. Рассмотрим несколько примеров:
<Files "test.php">
  order allow,deny
  deny from all
</Files>
 

Данная конструкция запрещает доступ только к одному файлу: test.php
<Files "*.inc.php">
  order allow,deny
  deny from all
</Files>
 

А этот пример запрещает доступ к файлам с окончанием: .inc.php
В выражениях можно использовать символы: * - для любой последовательности любых символов, ? - для одного любого символа.
Так же существует директива (FilesMatch), позволяющая задавать совпадение имен файлов через регулярное выражение. Если вы не знаете, что такое регулярное выражение, то можете посмотреть
При помощи регулярных выражений наш предыдущий пример можно записать вот так:
<FilesMatch "inc.php$">
  order allow,deny
  deny from all
</FilesMatch>
 

Как видите, нам уже не нужен знак * в начале (регулярные выражения по-умолчанию ищут подстроку). Но теперь мы должны явно указать на то, что имя файла должно оканчиваться на inc.php. Знак $ и служит для указания на то, что inc.php должно быть в конце строки.
Регулярные выражения - это очень мощный инструмент, позволяющий задать достаточно сложные шаблоны совпадений. Однако не стоит ими увлекаться. Их обработка требует от сервера на порядок больше вычислительных ресурсов. Поэтому, старайтесь избегать их использования.
Хочу обратить ваше внимание на одни факт. Запрещение обращения к файлу/файлам осуществляется только для протокола http. Из скриптов, которые выполняются на сервере, вы всегда может читать все "закрытые" файлы.
3. Организация перенаправления (редиректа).
При помощи файла ".htaccess" можно организовать перенаправление пользователя, если это необходимо.
Предположим, что необходимо сделать так, чтобы при доступе к файлу www.site.ru/xxx.html пользователь перенаправлялся бы на страницу www.site.ru/yyy.html. Сделать это можно так:
Redirect 301 /xxx.html http://www.site.ru/yyy.html

Цифра 301 указывает серверу, какой редирект использовать. 301 - постоянный редирект. 302 - временный. Постоянный - используется если страница была перемещена навсегда. Временный - если страница только временно недоступна (например, сайт находится в переработке).
Если необходимо перенаправить сразу список файлов, соответствующих некоторой маске, то используется вот такая конструкция:
RedirectMatch 301 /test(.*) http://www.site.ru/$1

Данная конструкция будет перенаправлять запросы к страницам, начинающимся со слова test на страницу без слова test вначале. Например, при доступе к http://www.site.ru/test_1.html пользователь будет перенаправлен на страницу www.site.ru/_1.html
$1 обозначает все то, что соответствует выражению в скобке (в нашем случае - это любое количество любых символов).
4. Задание кодировки страницы.
При помощи файла ".htaccess" можно задать кодировку страницы. После этого сервер сам будет сообщать браузеру о кодировке и вам не будет нужно вставлять в код страницы мета тег:
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

Задать кодировку можно так:
AddDefaultCharset windows-1251
Эту директиву можно применять внутри FilesMatch блока, т.е. задать кодировку только для определенных файлов, что иногда может быть очень полезно.
5. Отображение скриптов в браузере.
Если вы хотите заставить сервер отобразить, например, perl или python скрипт в браузере вместо того, что бы выполнить его, то используйте следующую директиву:
RemoveHandler cgi-script .pl .py .php

Для скриптов на PHP данный метод будет работать, только если PHP установлен как cgi. Если же PHP установлен как модуль Apache (mod_php), то необходимо применить другой метод:
AddType text/html .php

6. Собственные страницы ошибок.
Иногда случаются различные ошибки, и тогда сервер отправляет пользователю некую страницу с ошибкой по-умолчанию. Обычно это простая надпись об ошибке на белом фоне. Для того, что бы ваши пользователи увидели красивую страницу с ошибкой, с вашим собственным дизайном и текстом, следует использовать следующую директиву:
ErrorDocument <код_ошибки> /error.php

Здесь "код_ошибки" - код ошибки, в ответ на которую будет выдана данная страница.
 Например, для того что бы при обращении к несуществующей странице вашего сайта (ошибка 404) пользователь был переадресован на страницу 404.php нужно написать следующее:
ErrorDocument <404> /404.php

Возможности файла ".htaccess" очень обширны и даже на простое их перечисление займет объем небольшой книги.

Кроссбраузерное выравнивание по центру (table height=100%)
Как заставить работать следующий код в Opera 7.0, а также в Internet Explorer 6 и Mozilla, когда страница в режиме Standards compliance mode:
<table width="100%" height="100%">
<tr>
<td align="center">текст, который должен располагаться в центре страницы</td>
</tr>
</table>
Почему текст получается прижатым к верхней границе документа, вместо того, чтобы расположиться в центре? Прежде всего дело в том, что в спецификации HTML 4.01 у тега table нет атрибута height, и поэтому браузеры в режиме совместимости со стандартами (а Opera 7.0 в любом случае) его игнорируют. Собственно, вам даже не нужно что-то менять в самом HTML коде, в котором у вас прописана (быть может давно, когда вы и не думали, что когда-нибудь height могут «отменить») высота таблицы.
Предвидя вопросы, хочу сделать пару замечаний по приведённому стилевому описанию.
Во-вторых, если убрать обнуление margin и padding, то опять же в режиме совместимости со стандартами у страницы появится неприятная вертикальная полоса прокрутки.
Ну и напоследок хочу отметить, что в любом случае документ, в котором содержится тег table с атрибутом height, не пройдёт проверку. Если уж вам будет греть душу сознание того, что ваши документы valid, советую заменить этот атрибут на CSS свойство height, не забыв, тем не менее, указать в таблице стилей приведённое выше решение для растягивания канвы.

Глава 1.

Что нам понадобится

В награду за наши труды, мы получим странички которые не будут расползаться вдругих броузерах, и при других разрешения экрана. Кроме того если вы будете создавать свои Web страницы с помощью средств автоматизированного создания сайтов, то они получаться слишком большого размера.
И так сначала коротко о том, что нам понадобится. Прежде всего самое главное - идея для сайта. Не стоит создавать сайт "просто так" или, потому что "у всех есть". Иначе вы просто постараяетесь напихать туда всё, что есть на вашем жёстком диске. Нужно выбрать общую тематику сайта, и при заполнении его содержанием, придерживаться её. Если у вас пока, нет конкретной идее, но попробовать свои силы в создании сайтов, всё-таки хочется, то можете для начала создать домашную страницу . Обычно это сайт, состоящий из единственной странички, на которой вы можете рассказать о себе, своих увлечения и поместить туда свою фотографию. Часто на домашних страничках также бывают гостевые книги. Что это такое, надеюсь объяснять не надо.

Не стоит также для начала создавать много разделов. Ведь их всегда можно будет добавить потом.

Кроме идеи, нам естественно нужен доступ в интернет. Сразу успокою вас - от вас не потребуется, чтобы соединение было установлено постоянно. Вам нужно будет только закачивать обновления на сервер.

Теперь о програмном обеспечнии. Всё необходимое для создания простых сайтов, включено в Windows. Нам понадобиться текстовый редактор Блокнот (Пуск->Программы->Стандартные -> Блокнот), графический редактор PAINT (Пуск->Программы->Стандартные -> Paint) и Мастер издания Web (Пуск->Программы->Стандартные ->Средства интернета->Мастер издания Web).

Но работать со всеми этими программами очень не удобно, они годятся только на первых порах. Поэтому как только сможете скачайте FTP манеджер Cute FTP , любой версии. Не знаю как старых версиях, но в комплект поставки версии 4.0 и 5.0 также входит бесплатный HTML редактор Cute Html . Найти эти программы можно на любом крупном сервере с freeware и shareware софтом. Теперь о том чем заменить неудобный Paint. В принципе подойдёт любой мощный графический редактор, умеющий работать с растровой графикой и поддерживающий как можно больше графических форматов. Я например использую Adobe Photoshop. Неплохо также иметь программу для создания Gif анимации.

Общие знания

Итак приступим. Для начала разберёмся в том как устроена WEB страница. Несмотря на, то что на них может присутствовать графика, ссылки на другие документы, таблицы и многое другое, они являются простыми текстовыми файлами с расширением *.html или *.htm. Сначала вы должны усвоить тот факт, что в самом html файле нет рисунков. Они храняться в отдельных графических файлах, а в html документе даётся лишь указание броузеру, чтобы он вставил в указанном месте картинку из этого файла. Также обстоит дело и с таблицами. С помощью специальных команд мы описываем как должна выглядеть таблица, а браузер, уже при загрузке документа "рисует" её. Точно также происходит со всем остальным содержанием страницы.

Едиственное, что и присутвует в html файле и в том, что показывает нам броузер - это текст. Он содержиться непосредственно в HTML файле. Но чтобы текст выглядел опрятно и в нём присутствовали все элементы форматирования: абзацы, отступы, пропуски, списки и т.д. нужно опять же таки вставлят в текст команды.

Давайте разберём: что это за команды? Давайте по порядку. Во-первых, когда мы создём html файл, то имеем дело с языком разметки гипертекста , сокращённо языком HTML. Во преки распространёному мнению, язык HTML не является языком программирования. Он лишь указывает броузеру, как должна выглядеть WEB страница. Команды этого языка называютя тегами . Броузер воспринимет за теги, то есть за указания по разметке текста, любой текст помещённый между символами < и >.

Во-вторых, теги бываю одиночными (в этом случае тег даёт разовый эфект в том месте,где он расположен) и парными . Парные теги это когда кусок текста "зажимается" между двумя одинаковыми тегами. В парный теги состоят из открывающего тега и закрывающего тега . Закрывающий тег это тег который стоит после текста, который должен быть "зажат" Между тегами. Он ничем не отличайтся от открывающего тега только после символа < идёт символ / потом сам тег и символ >. В общих чертах это выглядит так:

< команда html > Текст </ команда html >
И последнее что мы узнаем, прежде чем создадим первую Web страницу это параметры тегов . Это очень просто. После символа < и команды html мы можем задать параметры этого тега, то есть уточнить что мы хотим сделать с текстом. Параметры задаются так:
< команда html ИМЯ ПАРАМЕТРА=ЗНАЧЕНИЕ > Текст
Если параметры в теге не указаны, то берётся значение "по умолчянию". Также если тег не одиночный, как в примере, а парный то в закрывающем теги указывать параметры не надо.

Создаём главную страницу сайта

Ну вот мы и разделались со скучно теорией, теперь перейдём к самому интересному - созданию своего сайта. В этой статье мы для начала создадим очень простую страничку которая будет главной страницей сайта (то есть той которая открывается первой). Остальные страницы мы создадим потом, когда вы узнаете как делать ссылки. А пока мы узнаем как использовать только самые простые Html теги, поэтому страничка будет не сложной. А вот во второй статье иы её украсим и усложним.

Итак начнём. Запустите текстовый редактор Блокнот или Html редактор Cute Html. Как использовать его вы узнаете потом, а пока напишите в редакторе:

То что мы написали является обязательными тегами HTML . Их должна имет каждая html страница. Это как бы "скелет" документа. Разбёрем за что отвечает каждый тег.

Открыющий и закрывающий теги < HTML > размещены соответственно в начале и в конце страницы всегда. Так требует стандарт html. Между тегами < HEAD > находятся теги описывающие первоначальную информацию о Web странице. В нашем случае это теги < TITLE > < /TITLE >. Теги < HEAD > всегда расположены после тега < HTML > и встречаються в документе только один раз. Это свое образная "Голова" документа. между тегами < TITLE > < /TITLE > помещают текст, который будет отображаться в заголовке бразера (над его меню). Поэтому наберите между ними какой-нибудть текст, например "Добро пожаловать на мой сайт"

Вот мы и подобрались к основной части - разделу. Между этими тегами содержится все теги и текст, который будет отображаться в браузере. Также у тега есть много параметров, которые мы рассмотрим потом.

То, что я сейчас попытался объяснить можно обозначить так - у Web страницы, также как и у человека есть голова. И в голове и в теле есть органы, но большая их часть содержится в теле.

А сейчас сохраните набранный вами текст (Лучше в специально выделенной вами для сайта папке) под именем index.html. Почему именно index.html? Потому что мы создаём главную страницу для сайта, а она всегда так называется. Если Блокнот не хочет сохранять файл с таким расширением, то в ручную переименуйте файл.

Теперь откройте этот файл в браузере и вы увидите чистый лист. Лишь в самом вверху(в заголовке браузера). Виден текст, который мы набрали между тегами < TITLE >.

Теперь пора улучшить нашу страничку. Во первых зададим её фоновой цвет. Для это в теге есть параметр BGCOLOR . Значит чтобы задать фонофой цвет, нужно изменить наш файл так (никаких тегов удалять не нужно, надо лишь дописать параметр):

фоновой цвет" >

Здесь нужно вместо слов "фоновой цвет" подставить название цвета который вы хотите получить. Например - Black, Yellow, Green, Red, White, Gray. Но лучше указывать цвет в HEX формате. Для этого в CuteHtml нажмите:

Tools-> Color to Hex

В появившемся окне выберете цвет и нажмите OK. В текст вставиться название цвета в HEX.

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

Предположим, что у вас всё получилось. Пора добавить на страничку какой-нибудь текст. Но перед этим зададим его свойства. По умолчанию текст отображается чёрным цветом. Если вы выбрали тёмный фон, вам это не подойдет. Для задания цвета текста в теге есть параметр TEXT. Значение указывается также как и фоновой цвет.

фоновой цвет" BGCOLOR=" фоновой цвет" >

И опять лучше указать цвет в HEX кодировке. Например если вы хотите сделать текст оранжевого цвета,а фон серого, то нужно написать:

FF8040" BGCOLOR=" CDCDCD">

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

Сохраните файл, откройте его в браузере и вы увидите текст выбранного цвета.

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

Сотрите тот временный текст который вы написали(не надо стирать теги!) и вместо него напишите например название вашего сайта(К примеру "PupkinSoftware site"). Перед ним поставте тег <H1>, а после него закрывающий тег </H1>. Текст помещённый между этими тегами становится заголовком.

Опять сохраните изменения и откройте файл в броузере. Вы увидите, что текст слат крупным и выделенным. Если вы хотите, чтобы заголовок был поменьше, то цифру 1 в тегах, поменяйте на 2, 3 и так до 6. Чем больше цифра, тем меньше заголовок.

Заголовок, у нас есть, но размещён он не очень красиво (Этот так в нашем случае. Иногда необходимо расположение заголовка слева). Лучше разместить его в центре. Для этого перед тегом <H1> поставьте тег <center> и после тега </H1> тег </center>. Любой текст помещённый между этими тегами, будет находится в центре экрана.

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

Имейте в виду: в броузере текст не будет переносится на следующую строку, пока будет место на экране. Если вам в каком то месте нужно перенести текст на другую строку, то просто наберите там тег <BR>. Из следующего урока вы узнаете как создавать абзацы, что более грамотно чем использование тега <BR >. Кстати, если вам нужно пропустить большое количество строк, то просто поставте подряд несколько тегов <BR>

Дополнительные теги

Теперь несколько полезных тегов:

seo & website usability   inet   os faq   hardware faq   memory   video   cpu   hdd   mainboard faq   printer & scaner   modem   mobiles   hackzone

Технологии поискового маркетинга
Практика поискового маркетинга
Flash
Тэги
XML
DHTML
PHP
MySQL
WebMail
.NET
VBScript
CGI
Графические форматы Интернета
WEB-сайт шаг за шагом
CMS faq
FRAME faq
CSS faq
SSI faq
RSS faq
WAP faq
Web-Designed
Webhints
Файл настроек .htaccess
Настройка robots.txt

На главную | Cookie policy | Sitemap