"Народ ру"

Давайте поговорим о таком бесплатном хостинге, как народ ру. Народ ру предоставляется компанией Яндекс.

Как зарегистрировать сайт на народ ру

Т.к. народ ру является одним из сервисов яндекса, то для того, чтобы зарегистрировать сайт на народ ру нужно пройти регистрацию на яндексе. После регистрации у вас появится "Яндекс паспорт", котором можно будет подключить различные сервисы, в том числе народ ру.

Что я получу от народ ру

Сервис народ ру позволяет создавать статические сайты, т.е. без использования различных скриптов php, asp и т.д. Но обо всем по порядку:

Характеристики народ ру

1. Имя сайта - на народ ру вы получаете домен третьего уровня вида ****.narod.ru.

2. Место под сайт - при регистрации вы получаете 100 мб дискового пространства. На народ ру действует ограничение на размер файла - это 5 мб.

3. Создание страниц - на народе вы можете использовать готовые шаблоны или страницы с собственным дизайном.

4. Закачка на сервер - здесь все стандартно: как и на большинстве хостингов на народ ру вы можете закачивать свои страницы с помощью FTP или встроенного менеджера файлов.

5. Почтовый ящик - при регистрации в яндексе вы получаете почтовый ящик вида: ваш_ник@yandex.ru. Если вы зарегистрируетесь на народ ру, то получите почтовый ящик вида *****@narod.ru. Например вы зарегистрировали сайт pupkin.narod.ru, тогда вы получаете почтовый ящик вида pupkin@narod.ru

6. Скрипты - народ ру не поддерживает скриптов, но вы можете пользоваться уже готовыми. На момент написания этой статьи на народ ру были: гостевая книга, персональный форум, персональный чат, сообщества, опросы и анкеты.

Недостатки народ ру

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

2. Домен - На народ ру нельзя использовать свой домен. Хотя это является недостатком почти всех бесплатных хостингов, а не только народа.

Преимущества народ ру

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

2. Яндекс каталог - Раньше сайты, расположенные на народ ру, автоматически заносились в каталог яндекса. Теперь Яндекс приостановил эту возможность, видимо из-за переполнения каталога. Хотя и сейчас никто не мешает сайту, расположенному на народ ру подать заявку на внесение в яндекс каталог.

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

Собственно сам сервис народ ру расположен по ссылке: народ ру
Описание сервиса народ ру на сайте яндекса -- помощь по народ ру
Форум народ ру вы можете найти по ссылке: форум народ ру

Заголовки

Если некоторый текст служит заголовком, его можно выделить соответствующим образом для лучшей визуальной структуризации страницы. Для выделения заголовков в HTML используются дескрипторы <Н*></H*>, где * — цифра от 1 до 6. Заголовок 1 уровня выводится самым крупным шрифтом, заголовок 6 уровня — самым мелким.

Пример:  

Заголовок <H1></H1>

Заголовок <H2></H2>

Заголовок <H3></H3>

Заголовок <H4></H4>

Заголовок <H5></H5>

Заголовок <H6></H6>

Заголовки почти во всем похожи на абзацы, размечаемые с помощью дескриптора <Р>: сами они и следующий за ними текст всегда начинается с новой строки, а для более точного форматирования используется тот же параметр, что и у дескриптора <Р> — align. Однако, в отличие от дескриптора <Р>, в заголовках предусмотрены только три значения этого параметра — left, right и center. Остальные параметры текста, как и в обычном абзаце, определяются другими средствами, в частности с помощью дескриптора <FONT>.
Дескрипторы заголовков обязательно нужно закрывать, иначе весь текст до конца страницы по умолчанию будет считаться заголовком соответствующего уровня. И еще одно - заголовки любят поисковые машины, составляющие на их основе мнение о тематике страницы.

Служебные и "непечатные" символы

Некоторые знаки, такие как < и >, являются служебными символами HTML. Другие, такие как неразрывный пробел и длинное тире, просто нельзя набрать в программе Блокнот. А на HTML-странице они должны быть — по правилам орфографии или просто для красоты.
Чтобы обойти это ограничение, такие символы заменяются в HTML-коде на соответствующие Esc-последовательности.

Esc-последовательностью называется ASCII-код символа, перед которым стоят символы &#. Например, открывающей и закрывающей угловым скобкам соответствуют Esc-последовательности &#60 и &#62. Для того чтобы не обращаться то и дело к таблице ASCII-кодов, некоторым наиболее часто используемым символам присвоены специальные мнемонические коды, состоящие из знака & и английского сокращенного названия этого символа. Их проще запомнить, чем цифры. Например, тем же угловым скобкам соответствуют обозначения
&lt; (от less than — "меньше") и &gt; (от greater than — "больше"), неразрывному пробелу — &nbsp; (от non-breaking space), амперсанду (&) — &amp;, а левой и правой двойным кавычкам ("елочкам") — &laquo; и &raquo;, соответственно. Спецсимволы отделяются от последующего текста (кода) точкой с запятой ( ; ).

Краткая таблица:

Рисунки на WEB-страницах

Существует несколько способов использования графики в HTML-документах - использование фоновых рисунков (этого способа мы кратко коснулись в нашей первой рассылке при рассмотрении дескриптора <BODY> и вернемся к нему еще), рисунки-ссылки (рассмотрим позже) и внедрение графических образов в документ, что позволяет пользователю видеть изображения непосредственно в контексте других элементов документа. Это наиболее используемая техника при создании HTML-документов.
Синтаксис тэга:

<IMG SRC="URL-рисунка" ALT="альтернативный текст" HEIGHT="высота"  WIDTH="ширина"  ALIGN="расположение" BORDER="толщина рамки" VSPACE="отступ по вертикали" HSPACE="отступ по горизонтали"> - данный тег не парный.

Параметры тэга <IMG>:

SRC - Обязательный параметр, имеющий такой же синтаксис, как и стандартный URL. Данный параметр указывает броузеру где находится рисунок. Рисунок должен храниться в графическом формате, поддерживаемом броузером. На сегодняшний день форматы GIF, и PNG поддерживаются большинством броузеров.

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

HEIGTH - Данный необязательный параметр используется для указания высоты рисунка в пикселах или в процентах (редко используется). Если данный параметр не указан, то используется оригинальная высота рисунка. Это параметр позволяет сжимать или растягивать изображения по вертикали, что позволяет более четко определять внешний вид документа. Однако, некоторые броузеры не поддерживают данный параметр. С другой стороны, экранное разрешение у вашего клиента может отличаться от вашего, поэтому будьте внимательны при задании абсолютной величины графического объекта, хотя все же лучше его использовать. В броузере клиента может быть запрещено отображение картинок и на их месте будут отображены маленькие квадратики, а это позволит сохранить структуру документа (расположение текста и т.д.)

WIDTH - Параметр также необязателен, как и предыдущий. Позволяет задать абсолютную ширину рисунка в пикселах.

ALIGN - Данный параметр используется, чтобы сообщить броузеру, куда поместить следующий блок текста по отношению к рисунку. Это позволяет более строго задать расположение элементов на экране. Если данный параметр не используется, то большинство броузеров располагает изображение в левой части экрана, а текст справа от него. Значения - left, right, absbottom, absmiddle, baseline, bottom, middle, texttop и top.

BORDER - заключает изображение в рамку. Толщина рамки задается в пикселах. ("0" - без рамки).

VSPACE и HSPACE - определяют в пикселях расстояние между изображением и текстом по вертикали и горизонтали, соответственно.

Примеры:

<img border="0" src="forum.jpg" alt="Наш форум" hspace="15" vspace="15" width="119" height="48" align="middle">

<img border="1" src="forum.jpg" alt="Наш форум" hspace="15" vspace="15" width="119" height="72" align="left">

<img border="1" src="forum.jpg" alt="Наш форум" hspace="15" vspace="15" width="236" height="48" align="right">

Выравнивать изображения на страничке можно с помощью тега <P align=" "> так же, как и текст.

Гипертекстовые ссылки
(начало)

Гиперссылка (hyperlink). Указатель внутри гипертекстового документа, указывающий на другой документ (связывает с другим документом), который также может быть гипертекстовым.  Гиперссылка определяется дескриптором <A> и имеет дополнительные параметры.

Дескриптор <А> — парный. Все, что находится между <А> и </А>, является гиперссылкой. В параметре href задается имя конечного файла (WEB-страницы, исполняемого файла (*.exe) или любого другого). URL-адреса бывают абсолютными и относительными. Абсолютный адрес - полный путь к файлу (например: http://www.yandex.ru/index.html, где index.html - стартовая страница). Относительный адрес - это адрес файла, находящегося на том же сервере (в зависимости от положения страниццы с ссылкой в директориях может иметь вид: second.htm, ./second.htm - в той же директории,  ../second.htm - в материнской директории,  ../../second.htm и так далее, но об этом позже).

Примеры: 

Ваша вторая WEB-страничка здесь  - <a href="second.htm">здесь </a>
Что бы попасть к нам на ФОРУМ нажмите сюда. - <a href="http://forum.sitehelp.ru/">сюда</a>

Можно задать еще несколько дополнительных параметров, но об этом и еще о многом другом в следующих выпусках.

Рассмотрим сегодня вкраце из чего состоит простая html-страница.
Начнем с того, что файлы WEB-страниц имеют расширение *.html или *.htm ( но могут и *.php и др., но здесь мы их рассматривать не будем).
Не используйте в имени файла кириллицу и пробелы, а так же не давайте им очень длинные имена. Это позволит избежать возможных осложнений, связаных с тем, что не все платформы это понимают.
HTML-страница начинается с дескриптора <HTML>, который в дополнение к расширению файла указывает броузеру, что данный файл содержит html-код. Данный дескриптор является парным, соответственно в конце страницы стоит закрывающий дескриптор </HTML>.

Страница делится на две части: заголовок и тело.
Заголовок начинается с дескриптора <HEAD> и заканчивается </HEAD>. Этот дескриптор тоже парный. В заголовке содержится служебная информация для броузеров и поисковых роботов и на экран не выводится за исключением одноко дескриптора <TITLE></TITLE>. Это очень важный во всех отношениях дескриптор. В нем задается название страницы - то, что вы видите в заголовке окна броузера. Содержимое его так же просматривается поисковыми роботами и имеет для них не маловажное значение. Поэтому старайтесь писать в нем краткое ключевое содержание вашей страницы, но не более 60 символов. Внутри <TITLE></TITLE> нельзя использовать другие дескрипторы.
ПРИМЕР: <title>Это моя первая HTML-страничка</title>

Следущий "заголовочный" дескриптор - <META>. Он не парный и несет только информацию для броузеров и поисковиков. Правильное его использование может помочь в индексации ваших страниц поисковиками, но рассматривать все его функции мы здесь не будем. Но некоторые нужно указать обязательно.
 
Формат его такой - <МЕТА name="имя параметра-записи" content="значение"> или
<МЕТА http-equiv="тип значения" content="значение"> (не забывайте про кавычки).
С помощью данного дискриптора можно (и нужно) подсказать броузеру кодировку, в которой создана ваша страница во избежании отображения крючечков вместо текста (наверное встречали).
К примеру: <МЕТА http-equiv=content-type content="text/html; charset=windows-1251"> указывает броузеру, что страница создана в кодировке windows-1251.
Так же еще можно указать, что данная страница создана именно вами:
<МЕТА name="autor" content="Иванов(а) И.И., 123@email.ru">.
Еще два важных META-тега это:
<МЕТА name="keywords" соntent=" "> - в значении "content" прописываются ключевые слова и выражения через запятую, соответствующие теме вашей страницы,
<МЕТА name=" description" content=" "> - в значении "content" прописывается краткая аннотация вашей страницы.
 
Обычно создают целый список META-тегов, но мы остановимся пока на этих. Если кому то интересно узнать подробнее об их использовании просим к нам на ФОРУМ.
 
Теперь рассмотрим тело нашей страници. Оно начинается и заканчивается дескриптором <BODY></BODY>. Кстати писать дескрипторы можно и маленькими буквами (они регистронезависимы). В данном дескрипторе можно задать параметры вашей страницы:

<BR> - дескриптор не является парным и служит для переноса строк. В отличие от дескриптора <P> не создает вертикального отступа.
Длинный текст броузер переносит там, где видит либо разрыв между словами либо дефис, что не всегда правильно и красиво. <BR> позволяет переносить текст там, где вы считаете нужным.
Если уж зашел разговор о переносе строк, следует упомянуть еще один дескриптор. <NOBR></NOBR> - парный дескриптор. Он запрещает броузеру перенос текста, находящегося внутри него. Старайтесь использовать его аккуратно во избежании появления горизонтальной полосы прокрутки окна броузера. Горизонтальная полоса прокрутки затрудняет посетителю вашей страницы восприятие информации.
ПРИМЕР:
<html>

<head>
<meta http-equiv="Content-Language" content="ru">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Это моя первая HTML-страничка</title>
</head>

<body>
<p>Здесь текст переносит броузер.</p>
<p>Здесь текст переношу я там, <BR>где считаю нужным.</p>
<p><nobr>А здесь текст не переносится. Дальше не видно.</nobr></p>

</body>

</html>

При создании страницы вам наверняка понадобится как то выделять отдельные участки текста. Для этой цели можно использовать следующие несколько дескрипторов:
<B></B> - полужирный текст;
<I></I> - курсивный текст;
<U></U> - подчеркнутый текст.
Можно комбинировать их, вкладывая один в другой. <B><I><U>Комбинированный текст</U></I></B>.
Существуют еще несколько подобных дескрипторов, но сейчас мы их рассматривать не будем.
 
И последний на сегодня дескриптор <FONT></FONT>. Он парный, влияет на вид текста, заключенного внутри него и имеет несколько параметров:
   FACE - позволяет использовать конкретно указанный шрифт (Verdana, Arial и т.д.). Но не увлекайтесь, ведь данный параметр только говорит броузеру какой шрифт использовать, а на компьютере посетителя может такого шрифта не быть. В таком случае броузер возьмет шрифт, используемый по умолчанию и результат может быть нелицеприятным. В свете этого лучше указать в этом параметре не один шрифт, а несколько через запятую (какой нибуть наверняка найдется).
  SIZE - позволяет указать размер шрифта в пространных единицах от 1 (самый мелкий) до 7 (самый крупный). Пользователь в своем броузере может так-же выбирать размер шрифта, по этому рекомендую указывать не абсолютное значение, а относительное. Относительное значение прибавляет или уменьшает размер шрифта от размера, установленного пользователем на указанное колличество единиц: ...-4, -3, -2, -1, +1, +2 ..., но может быть не меньше 1 и не больше 7. К примеру у пользователя в броузере по умолчанию стоит средний шрифт, что соответствует значению 3. Если вы пропишите значение параметра SIZE="+5", то у пользователя все равно не получится значения 8, а только 7.
  COLOR - позволяет задать цвет шрифта. Каждый цвет в HTML-коде обозначается шестнадцатеричным числом, перед которым стоит знак # (Цвет пикселя на экране монитора составляется из красной, зеленой и синей точек разной яркости. Именно яркость этих трех точек задается кодом. Первые два знака соответствуют яркости красной точки, вторые - зеленой, третьи — синей. Поэтому формат цвета в HTML часто обозначают как RRGGBB (от английских слов Red — красный, Green — зеленый и Blue — синий). Яркость каждой составляющей измеряется целым числом, которое в десятичной системе исчисления находится в пределах от 0 до 255, а в шестнадцатеричной — от 00 до FF), а так же может быть задан по имени без знака # (шестнадцать основных цветов и еще 124 дополнительных).
Все три параметра могут задаваться одновременно и разделяются пробелом!
ПРИМЕР:
<html>

<head>
<meta http-equiv="Content-Language" content="ru">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Это моя первая HTML-страничка</title>
</head>

<body>
<p><font size="1">Текст размера 1</font></p>
<p><font size="2">Текст размера 2</font></p>
<p><font face="Arial" color="#209528">Текст размера 3 по умолчанию</font></p>
<p><font size="4" face="Tahoma" color="red">Текст размера 4</font></p>
<p><font size="5" face="Times New Roman" color="#808080">Текст размера 5</font></p>
<p><font size="6">Текст размера 6</font></p>
<p><font size="7">Текст размера 7</font></p>
<p><font size="+2">Текст размера +2</font></p>
<p><font size="-2">Текст размера -2</font></p>
<p><font size="+5">Текст размера +5</font></p>

</body>

</html>