Ознакомительная версия.
<LINK REL=STYLESHEET TYPE="text/css" HREF="style.css">
Откройте имеющийся у нас в наличии файл poedinok.html, добавьте к нему приведенную здесь строчку (листинг П1.12), сохраните под именем, например, poedinok2.html.
Затем создайте еще один файл — style.css (листинг П1.13).
Теперь, когда мы поместим файл style.css в один каталог с файлом poedinok2.html и откроем последний, то получим картину, изображенную на рис. П1.27.
Как видите, значение BODY {background-color: yellow;} дало желтый цвет фона нашей странички, P {color: blue;} — заставило цвет текста измениться на синий, а строчка H1 {color: red} придала красный цвет заголовку.
Рис. П1.27. Файл poedinok2.html со стилями
Таким образом, изменяя параметры в одном файле стилей, можно изменять очень многие свойства элементов целого комплекса веб-страничек на любые другие!
Размещение сайта в Интернете
Ну, хорошо, научились мы делать странички, научились связывать их между собой с помощью ссылок. Но как разместить их в Интернете? А для этого существуют специальные сервисы, как платные, так и бесплатные.
Внимание!
Пусть создали вы сайт из нескольких страничек, но только одна из них является главной (веб-мастера ее иногда называют «мордой сайта»). Так вот — эта страничка всегда должна нести имя index. Расширение зависит от назначения, но сейчас не об этом. Страничка может называться index.html или index.htm, ну, или index.shtml, index.php. Главное — index, потому что по этому имени поисковые системы как раз и понимают, какую страничку сайта нужно открыть первой, чтобы пользователи сначала попадали на эту главную страницу, а уж потом — на прочие, пусть и не менее важные.
Начнем с бесплатных сервисов. Самым популярным является http://narod.yandex.ru/ (рис. П1.28).
Туда можно закачать сайт, самостоятельно изготовленный на своем, локальном, компьютере, а можно по имеющимся там шаблонам создать сайт непосредственно на этом сервисе — тем более что сделать это весьма легко и просто.
Рис. П1.28. Народный сайт
Многие веб-мастера делали свои первые сайты на этом «народе», некоторые там и оставались, другие переходили на платные сервисы. Потому как бесплатно — это всегда какие-то ограничения плюс навязанная реклама, которую ваш сайт будет постоянно показывать.
Но есть еще платные сервисы — чтобы ими воспользоваться, прежде всего нужно купить для своего сайта хорошее доменное имя. Скажем, у меня вот такие оплаченные домены: pensionerka.ru, pensionerka.com, dikarka.ru и еще десятка три. Выбрать свободный домен можно в разных местах. Скажем на http://www.agava.ru, http://www.reg.ru, http://www.r01.ru и многих других. Сколько стоит домен? По-разному: от 100 до 500 рублей в год.
Но мало купить домен, нужно его еще где-то припарковать — это называется хостингом. На указанных здесь сервисах есть и предложения хостинга. Цены тоже различаются — не только по сервисам, но и по выбранному тарифу. Чем больше и сложнее сайт, тем больше для него требуется места, а, значит, хостинг для него получается дороже. Но пока сайт небольшой, можно купить самый дешевый вариант, а по мере надобности переводить его на более дорогой.
Рис. П1.29. Цены на хостинг от Агавы
Лично я все время пользуюсь сервисом http://www.agava.ru, расценки хостинга на нем на начало 2012 года приведены на рис. П1.29.
Дорого это или не очень, судите сами.
Регистрация в поисковых системах
Мало разместить сайт в Интернете, необходимо еще зарегистрировать его в известных поисковиках, чтобы они включили его в свой поиск. Не огорчайтесь, если ваш сайт не сразу будет виден в поиске. Некоторые поисковики специально консервируют новые сайты в так называемой песочнице, и время это может затянуться иногда до 3 месяцев.
Итак, вот где стоит зарегистрироваться:
✓ http://webmaster.yandex.ru/ — в Яндексе;
✓ http://www.google.ru/intl/ru/addurl.html — в Google;
✓ http://top100.rambler.ru/ — в Рамблере;
✓ http://top.mail.ru/add/ — в рейтинге Mail.ru.
Кроме того, хорошо бы на сайт поставить счетчик посещений. Во-первых, вы будете знать, сколько посетителей приходит на ваш сайт, во-вторых, откуда они пришли, по каким поисковым словам. В общем, узнаете кучу полезного.
Самым лучшим счетчиком является счетчик от LiveInternet.ru. Зайдите на страничку регистрации: http://www.liveinternet.ru/add, введите свои данные, подберите подходящий по дизайну вашего сайта счетчик, затем скопируйте код счетчика и разместите его на всех страницах своего сайта.
Бесплатные и платные каталоги
Вообще ссылки на свой сайт следует размещать везде, где только возможно. Чем больше будет на чужих ресурсах ссылок, ведущих на ваш сайт, тем больше он будет раскручен, и нужно к этому стремиться постоянно.
Вы можете набрать в поисковой системе запрос регистрация в каталогах бесплатно, и сразу получите кучу ссылок. Походите, посмотрите, если найдете что-то стоящее — регистрируйтесь. При этом обычно каталоги просят поставить на вашем сайте ответную ссылку на их ресурс. Если вы на это согласны, то сделайте на своем сайте специальную страничку под такой обмен.
Однако есть два важных каталога, куда могут взять бесплатно. Но это в том случае, если ваш сайт на самом деле очень ценен.
✓ Один из них — каталог Яндекса. Можете попробовать подать заявку на страничке http://yaca.yandex.ru/add_free.xml.
Жалко только, что они не сообщают о решении, включать или не включать ваш ресурс в свой каталог. Если очень хочется туда попасть, пусть и небесплатно, то можно попробовать заполнить здесь заявку на платное размещение: http://yaca.yandex.ru/add_payed.xml. В этом случае в течение, как правило, 3-х дней вам хотя бы ответят — подходит или не подходит сайт для их каталога. Правда, платная регистрация довольно дорогая: 12 500 руб. плюс НДС.
✓ Еще один отличный каталог, совершенно бесплатный, но очень уважаемый: DMOZ.org. Подать заявку на принятие сайта в их каталог можно здесь: http://www.dmoz.org/.
Выберите там подходящий каталог, скажем, Home, затем выбирайте свой язык, скажем, Russian, и далее уже на русском выбирайте подходящую тему сайта, заполняйте необходимые поля для регистрации и отсылайте на регистрацию. Авось возьмут.
Есть еще каталог на Mail.ru: http://list.mail.ru/index.html. Здесь есть как бесплатная, так и платная регистрация — стоимость 12 000 рублей.
Бесплатная раскрутка сайта
Раскрутка сайта дело довольно муторное, отнимающее много времени. Но результат, как правило, положительный. Но, прежде чем вообще что-то раскручивать, необходимо привести сайт в порядок, провести правильную его внутреннюю оптимизацию. Правильная оптимизация сайта — половина, если не бо́льшая ее часть успеха.
Так что начнем с нее.
✓ Правильно прописывайте название странички в тегах <TITLE>Название странички сайта</TITLE>.
У каждой странички должно быть свое уникальное название. Скажем, если сайт посвящен выращиванию цветов, и каждая страничка рассказывает о каком-то одном цветке: розах, лилиях, ромашках и т. д., то в HTML-файлах страниц эти теги могут быть написаны так:
— на страничке файла про розы: <TITLE>Розы, все о розах</TITLE>
— на страничке файла про лилии: <TITLE>Лилии, все о лилиях</TITLE>
и т. д.
✓ В заголовок документа между тегами <HEAD> и </HEAD>, как правило, вставляйте описание странички и ключевые слова для нее:
— описание для странички, например, с розами:
<meta name="description" content="Роза — царица цветов. Она является украшением любого сада. Выращивание и уход за розами. Укрывание роз на зиму">
— ключевые слова для той же странички:
<metaname="keywords" content="розы, цветы, вырастить розы, уход за розами">
Дело в том, что описание странички будет выложено поисковиками при запросе пользователя, скажем, по слову розы. И от того, насколько привлекательным будет это описание, зависит, нажмет ли пользователь на ссылку, ведущую на ваш сайт, или уйдет к другим, более заманчивым в описании сайтам. Вот пример выдачи Яндекса по запросу розы (рис. П1.30).
Как видите, заглавие сайта взято из тега <TITLE>, а то, что ниже заглавия — как раз из описания сайта по атрибуту <description>. Так что, если бы наш сайт о розах был бы проиндексирован Яндексом, у нас была бы такая выдача:
Розы, все о розах
Роза — царица цветов. Она является украшением любого сада. Выращивание и уход за розами. Укрывание роз на зиму
Ознакомительная версия.
