Глава 6 Создание собственного сайта

– Создание.

– Размещение.

– Раскрутка.

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

Организация сайта сводится к трем основным задачам.

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

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

3. Раскрутка. Ваш доступный населению всей планеты сайт может вообще никто не посетить лишь по одной простой причине – о нем попросту никто не будет знать. Чтобы повысить посещаемость, необходимо его раскрутить.

Рассмотрим подробнее каждый из этих пунктов.

Создание

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

Существует множество разнообразных редакторов для создания HTML-страниц. Всех их можно разделить на две основные категории.

– Программы, работающие по методу WYSIWYG (What You See Is What You Get) – что видишь, то и получишь. Они автоматически вставляют все необходимые служебные слова (теги) в исходный файл. С помощью данных программ можно сотворить неплохой сайт, не имея никакого представления о четырех странных буквах – HTML. Создание сайта в данном случае напоминает сборку конструктора – все просто, наглядно и интуитивно понятно.

– Обычные текстовые редакторы (в частности, стандартный Блокнот). В данном случае не обойтись без знания синтаксиса языка HTML. Работа будет рутинной, отдаленно напоминающей программирование.

Какой же дорогой пойдем мы? А вот и неверно! Первый способ пригодится в дальнейшей повседневной жизни, а для обучения и понятия сути структуры веб-страницы как нельзя лучше подойдет именно второй. Ведь не зная арифметики, как ни крути, никогда не станешь настоящим профессором.

HTML

Данная книга не претендует на роль справочника или подробного учебника по HTML. Если вы хотите изучить этот язык детально, то для этих целей существуют специальные издания (в магазинах среди других компьютерных книг они выделяются внушительным объемом). В нашем случае целью является знакомство с данным языком, приобретение основных навыков для начала работы с ним и дальнейшего совершенствования. Повторю, что HTML (HyperText Markup Language) – это язык разметки гипертекста. Заметьте, не язык программирования, а язык разметки (то есть программирования, собственно, никакого и нет)! В HTML происходит просто добавление к текстовому файлу тегов – специальных служебных слов, заключенных в угловые скобки (символы < и >). Большинство тегов являются парными и влияют на все то, что заключено между открывающими и закрывающими тегами. Закрывающий тег отличается от открывающего наличием слэша (например,

 и 
). Именно теги позволяют делать с текстом все то, что мы видим на веб-страницах.

Обязательные теги

Все HTML-документы имеют одну и ту же структуру, основу которой составляют обязательные теги. Откройте Блокнот и введите следующий текст:

Пример простейшего HTML-документа

Добро пожаловать на мою первую веб-страницу

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

Тег является признаком того, что данный текстовый файл является HTML-документом. Он сигнализирует браузеру о том, что далее ему необходимо будет обрабатывать другие теги. Любая веб-страница начинается с тега , им же и заканчивается.

Ter применяется для задания заголовка документа. Текст, заключенный между данными тегами, будет выводиться в строке заголовка браузера.</p> <p>Информация, помещенная между тегами <BODY> и </BODY>, является «телом» документа. Она выводится непосредственно в рабочей области браузера.</p> <p>В общем случае у веб-документа есть также и «голова», ограничивающаяся тегами <HEAD> и </HEAD>. Информация, располагающаяся в этом разделе документа, является служебной и сообщает браузеру дополнительные данные о документе, стиль страницы, взаимосвязь с другими элементами и т. д.</p> <p>Далее будем работать исключительно с «телом» документа.</p> </section><section><h3 id='127'><span>Форматирование текста</span> </h3><p>Для чего нужно форматирование? Попробуйте скопировать в «тело» документа произвольный текст и посмотрите на результат. Понравилось? Вся информация идет сплошным текстом: без заголовков, переносов, делений на абзацы и т. д. Чтобы сделать документ удобочитаемым и привести содержимое в порядок, следует прибегнуть к форматированию.</p> <p><b>Заголовки и подзаголовки. </b>Сначала необходимо определить заголовки. Язык HTML позволяет оперировать шестью разнообразными типами. Первый заголовок – самый главный, самый большой и жирный, а каждый последующий – поменьше и похилее.</p> <p>Первый заголовок обозначается тегом <Н1>, второй – <Н2> и т. д. Пример заголовка третьего уровня:</p> <div class='cite'><p><НЗ>Текст заголовка</НЗ></p> </div><p><b>Выравнивание абзацев</b>. Операции с отдельными абзацами текста производятся с помощью тега <Р>:</p> <div class='cite'><p><Р>текст абзаца</Р></p> </div><p>Абзацы можно выравнивать по центру страницы:</p> <div class='cite'><p><Р ALIGN="CENTER">TЕKCT абзаца</Р></p> </div><p>а также по левому:</p> <div class='cite'><p><Р ALIGN="LEFT">TЕKCT абзаца</Р></p> </div><p>по правому:</p> <div class='cite'><p><Р ALIGN="RIGHT">TЕKCT абзаца</Р></p> </div><p>или по обоим краям:</p> <div class='cite'><p><Р ALIGN="JUSTIFY">TЕKCT абзаца</Р></p> </div><p><b>Размер и стиль шрифта.</b> Размер шрифта можно задавать с помощью тега <FONT>, изменяя его параметр SIZE. Чем больше значение этого параметра, тем больше размер символов текста:</p> <div class='cite'><p><F0NT SIZE="+6">большой текст</FONT></p> <p><F0NT SIZE="-2">маленький текст</FONT></p> </div><p>Стиль шрифта устанавливается с помощью следующих тегов:</p> <div class='cite'><p><В>полужирный текст</В></p> <p><I>курсивный текст</I></p> <p><U>подчеркнутый текст</U></p> </div><p>Данные теги можно применять и в совокупности:</p> <div class='cite'><p><i><u>курсивный и подчеркнутый текст</u></i></p> </div><p><b>Списки.</b> Списки подразделяются на нумерованные и маркированные. Для создания нумерованного списка используются следующие теги:</p> <div class='cite'><p><0L></p> <p><LI>Первый элемент</p> <p><LI>Второй элемент</p> <p></0L></p> <p>Для организации маркированного списка применяется такая конструкция:</p> </div><div class='cite'><p><UL></p> <p><LI>Первый элемент</p> <p><LI>Второй элемент</p> <p></UL></p> </div><p>Списки можно вкладывать друг в друга для организации более сложных, вложенных списков:</p> <div class='cite'><p><0L></p> <p><LI>Первый элемент</p> <p><UL></p> <p><LI>Первый элемент второго уровня</p> <p><LI>Второй элемент второго уровня</p> <p></UL></p> <p><LI>Второй элемент</p> <p></0L></p> </div><p><b>Принудительный перенос.</b> Для продолжения текста с новой строки существует тег <BR>:</p> <div class='cite'><p>…какой-то текст. <ВР>Этот текст уже с новой строки…</p> </div><p>Теги <PRE></PRE> позволяют выводить предварительно отформатированный текст, с точностью до пробелов и переносов.</p> <p>Попробуем объединить все, что мы узнали о форматировании текста.</p> <div class='cite'><p><HTML></p> <p><TITLE></p> <p>Примеры форматирования текста</p> <p>

<Н1>Заголовок 1

<НЗ>Заголовок 3

<Н5>Заголовок 5

<Р ALIGN="CENTER>

Полужирный текст, выровненный по центру

<Р ALIGN="LEFT">

Курсивный текст, выровненный по левому краю

<Р ALIGN="RIGHT" XU>

Подчеркнутый текст, выровненный по правому краю

пример вложенного списка

<0L>

<И>Элемент списка первого уровня

  • второй элемент списка второго уровня.

  • Элемент списка первого уровня

  • Теперь посмотрим на результат в браузере (рис. 6.1).



    Рис. 6.1. Форматирование текста

    Цвета

    Помимо манипуляций с текстом, HTML позволяет изменять цвета элементов вебстраницы. Цвета в HTML обозначаются в шестнадцатеричном виде.

    Для справки: если в десятичной системе каждая цифра числа находится в пределах от 0 до 9, то в шестнадцатеричной – от 0 до F (после 9 идет А, затем В, С, D, Е и F), то есть числу 16 соответствует F, a 17—10.

    Так, белому цвету в HTML соответствует код FFFFFF, черному – 000000, а между ними находится более 16 млн других цветов.

    Цвет фона устанавливается с помощью параметра BGCOLOR в обязательном теге . По умолчанию фон белый.

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

    Для изменения цвета шрифта во всем документе существует параметр TEXT все в том же теге .

    Например, синий шрифт можно получить следующим образом:

    Можно применять и оба параметра одновременно:

    Если же цвет шрифта устанавливать во всем документе нет необходимости, а нужно, к примеру, выделить только несколько слов, то следует воспользоваться следующей конструкцией:

    Текст

    Ниже приведен список основных цветов. Более полный перечень можно найти в Интернете (или же получить нужный цвет «на ощупь").

    – Черный – 000000.

    – Белый – FFFFFF.

    – Синий – 0000FF.

    – Зеленый – 00FF00.

    – Желтый – FFFF00.

    – Красный – FF0000.

    – Оранжевый – FF9900 и FFA500.

    – Голубой – 00CCFF.

    – Серый – 999999.

    – Коричневый – 996633.

    Изображения

    Чтобы вставить в документ изображение, необходимо воспользоваться тегом . Данный тег имеет множество параметров, главным из которых является SRC, задающий имя файла с изображением. Если картинка находится в той же папке, что и HTML-файл, то достаточно просто указать ее название:

    Если изображение расположено во вложенной папке, то ссылка на него будет примерно такой:

    Аналогично можно указывать расположение изображения в Интернете:

    Немаловажными являются параметры WIDTH и HEIGHT – соответственно, ширина и высота изображения в пикселах. Если эти параметры не заданы, то будут использоваться реальные размеры изображения.

    Картинка, вставляемая в документ описанным выше способом, просто «встраивается» в текст, занимая одну из его строк наравне с остальными словами. Зачастую это выглядит довольно некрасиво. Ситуацию можно исправить, используя параметр ALIGN тега .

    – Обтекание текстом справа:

    – Обтекание текстом слева (рис. 6.2):



    Рис. 6.2. Размещение рисунков.


    Помимо всего прочего, картинку можно использовать для задания фонового изображения. Для этого существует параметр BACKGROUND тега :

    Выбранное изображение будет находиться на заднем плане, а все остальные элементы – располагаться поверх него.

    Если размеры картинки меньше размеров окна, то она будет размножена таким образом, чтобы занять все имеющееся пространство.

    Ссылки

    Ссылка является основным инструментом для перехода от одной веб-страницы к другой. Она задается тегом <А> с параметром HREF, указывающим на файл, который будет открыт при щелчке на данной ссылке.

    Типичными являются следующие конструкции:

    <А HREF="chap1.htm">Teкст ссылки

    <А HREF="content/chap1.htm">Teкст ссылки

    <А HREF="

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

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

    <А TARGET="_BLANK» HREF="chap1.htm">Tекст ссылки

    При работе с большими документами очень полезными бывают ссылки на другие места того же файла. Для этого, помимо самой ссылки, понадобится метка (якорь), указывающая место, в которое нужно перейти. Для создания якоря используется параметр NAME тега <А>. Значение параметра на экране не отображается и может быть любым:

    <А NAME="Iabel1">Текст

    Ссылка на данный якорь будет следующей:

    <А HREF="#Iabel1">Текст ссылки

    При щелчке на этой ссылке экран будет сфокусирован на тексте, заданном в якоре.

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

    <А HREF="chap1.htm">

    Таблицы

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

    Для организации таблицы существует тег . Кроме того, необходимы такие теги, как – строка таблицы и
    – столбец.

    Создадим таблицу 2x4. Для этого сначала необходимо организовать две строки:

    Затем нужно в каждой строке задать по четыре столбца:

    <Т0>Текст ячейки

    <ТО>Текст ячейки

    <ТО>Текст ячейки

    <ТО>Текст ячейки

    <ТО>Текст ячейки

    <ТО>Текст ячейки

    <ТО>Текст ячейки

    <ТО>Текст ячейки

    Создать рамку для таблицы можно с помощью параметра BORDER, значение которого соответствует ширине рамки. Параметр BORDERCOLOR определяет ее цвет:

    Чтобы изменить цвет фона во всей таблице или в отдельно взятой ячейке, можно использовать уже известный нам параметр BGCOLOR применительно, соответственно, к тегу

    или к тегу
    .

    Теперь поговорим о размерах. Размеры определяются с помощью параметров WIDTH и HEIGHT (ширина и высота) и могут задаваться как для всей таблицы, так и для каждой отдельной ячейки. Если, к примеру, используется конструкция:

    ,

    то это значит, что таблица имеет ширину 700 и высоту 400 пикселов. Все ячейки поделят выделенное пространство поровну. Можно задавать размеры каждой отдельной ячейки, используя все те же параметры. В этом случае ширина и высота могут задаваться не только в пикселах, но и в процентах от габаритов таблицы:

    Tекст ячейки

    Здесь указанный столбец будет занимать половину всей ширины таблицы.

    Теперь давайте разберемся с содержимым ячеек. При горизонтальном выравнивании текста в ячейках используются те же инструменты, что и при форматировании обычного текста. Кроме того, можно выравнивать содержимое по вертикали. Для этих целей применяется параметр VALIGN тега

    .

    – По центру:

    Текст ячейки

    – По верхнему краю:

    Текст ячейки

    – По нижнему краю:

    Текст ячейки

    Следует отметить, что содержимым ячеек может быть не только текст, но и изображения, и даже другие таблицы. Благодаря вложенным таблицам на веб-странице можно организовать сколь угодно сложную структуру данных (рис. 6.3).



    Рис. 6.3. Пример страницы, построенной с помощью таблиц

    Фреймы

    Фреймы позволяют разделить веб-страницу на несколько независимых окон и в каждом из них разместить отдельную веб-страницу. Спор о том, нужно это или нет, продолжается. Я скажу одно: при умелом использовании фреймов можно создать страницу-шедевр, а в противном случае – трудно усваиваемый документ-гибрид.

    Для создания фреймов необходим специальный HTML-документ с несколько необычной структурой:

    От обычного такой HTML-документ отличается тем, что вместо тега присутствует тег , имеющий два основных параметра: COLS (колонки) и ROWS (ряды).

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

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

    Если необходимо разбить страницу на два столбца, чтобы ширина первого составляла 15 % от всего доступного пространства, следует ввести:

    Но этого мало. Теперь нужно сообщить браузеру, какие документы будут открываться в каждой из полученных областей. Для этого существует тег и его параметр SRC:

    В левом фрейме будет открываться документ list. htm, a в правом – intro. htm.

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

    Однако здесь мы сразу же столкнемся с проблемой: если щелкать на ссылках одного из фреймов, то новые веб-страницы будут загружаться в нем же.

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

    Сначала следует задать имя правого фрейма с помощью параметра NAME тега :

    Теперь в каждой ссылке левого фрейма следует указать данное имя. Для этого служит параметр TARGET:

    <А HREF="item1.htm" TARGET="content">Текст ссылки

    Результат выполненных действий представлен на рис. 6.4.



    Рис. 6.4. Использование фреймов.


    Иногда необходимо, чтобы документ открылся на все окно. Осуществить это проще простого:

    <А HREF="item6.htm" TARGET="_top">Текст ссылки

    Кстати говоря, совершенно не обязательно делить страницу только на строки или столбцы. Можно превосходно сочетать оба эти способа. Давайте, например, разобьем страницу на два горизонтальных фрейма, а нижний, в свою очередь, – на два вертикальных:

    Действуя подобным образом, можно получать самые замысловатые конструкции (рис. 6.5).



    Рис. 6.5. Разбиение окна на фреймы

    Другие возможности

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

    Помимо HTML-кода существуют специальные скриптовые языки, встраиваемые в HTML-документ и придающие ему динамичность и интерактивность, то есть позволяющие управлять содержимым веб-страницы после ее загрузки. Наиболее популярными языками сценариев, обеспечивающими данные возможности, являются JavaScript и Visual Basic. С их помощью на веб-страницах можно воплотить свои самые смелые дизайнерские фантазии.

    Для более сложных интернет-проектов используется CGI (Common Gateway Interface) – общий шлюзовый интерфейс. Он позволяет в интерактивном режиме работать с данными веб-сервера. Допустим, на сервере находится какая-либо база данных. Очевидно, что обыкновенный HTML-документ не сможет справиться с такой задачей, как обращение к этой базе с определенным запросом. Решить же данную проблему можно с помощью CGI: запрос с веб-страницы передается специальной CGI-программе, которая обрабатывает его и возвращает полученную информацию. CGI-программы пишут на специальных языках программирования, самым популярным из которых является Perl.

    Еще одной технологией, существенно расширяющей возможности HTML, является ActiveX. Данная технология реализует тесную и максимально прозрачную для пользователя интеграцию веб-ресурсов в операционную систему Windows.

    Органы управления ActiveX – это небольшие программы, которые берут под свое управление часть пространства веб-страницы и в пределах своего участка могут делать все, что им заблагорассудится. Таким образом, обыкновенный HTML-документ может превратиться в настоящее мультимедийное приложение.

    Но и это далеко не все! И пока вы читаете эти строки, программисты наверняка придумывают и внедряют в жизнь что-то еще более новое и интересное.

    Оформление

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

    Структура

    Первое, с чего следует начинать планирование, – это структура сайта. Структура главным образом определяется содержимым сайта и должна обеспечивать удобство доступа к нужной информации. Если неправильно выбрать структуру, то пользователь может очень быстро запутаться, вследствие чего покинуть ваш сайт и отправиться к конкурентам. Этого нельзя допустить ни в коем случае.

    Наиболее распространены три структуры сайта: линейная, древовидная и смешанная. Рассмотрим подробнее каждую из них.

    – Линейная (рис. 6.6). Это самая простая для реализации структура. Она представляет собой совокупность равноправных страниц, идущих одна за другой.

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

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



    Рис. 6.6. Линейная структура сайта.


    – Древовидная (рис. 6.7). Универсальная структура, подходящая для создания практически любого сайта. Принцип работы прост. Главная страница имеет несколько разделов, предоставляющих пользователю выбор, куда идти дальше. Каждый раздел в свою очередь имеет несколько подразделов, подразделы – свои подразделы и т. д. Таким образом, путешествуя по ветвям дерева, посетитель очень быстро сможет найти нужную ему информацию.



    Рис. 6.7. Древовидная структура сайта.


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

    – Смешанная (рис. 6.8). Само название говорит о том, что данная структура сочетает в себе элементы линейного и древовидного построения сайтов: линейная последовательность страниц может иметь ответвления, разъясняющие тот или иной факт, а древовидная структура – линейные ветки документов. Это ни в коем случае не возбраняется, если обусловлено повышением эффективности доступа к информации. Но в подобной оптимизации тоже не стоит уходить слишком далеко, иначе вы рискуете превратить свой стройный сайт в совокупность беспорядочно ссылающихся друг на друга документов.



    Рис. 6.8. Смешанная структура сайта

    Внешний вид

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

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

    – Не стоит думать, что если ваш монитор поддерживает разрешение 1280x960, то и все остальные пользователи работают при таком же разрешении. Типичным посетителем вашего сайта будет обладатель монитора с разрешением 800x600, поэтому все содержимое должно укладываться в эти рамки.

    – При создании графики используйте для рисунков формат GIF, a для фотографий —JPEG. Для рисунков лучше применять формат GIF, так как он очень сильно сжимает изображение практически без потери качества, поэтому полученные файлы рисунков весьма компактные. Кроме того, GIF позволяет определять в картинке «прозрачные» цвета, которые становятся невидимыми при просмотре рисунка в браузере. Минусом GIF является ограничение в количестве цветов – всего 256, поэтому для фотографий лучше использовать формат JPEG.

    – Применяйте цвета из «безопасной» палитры. Дело в том, что разные браузеры по-разному воспринимают цвета, которые вы им задаете. Говорят же: «На вкус и цвет товарищей нет!» Как оказалось, эта пословица справедлива не только для людей. Поэтому пользователи, к примеру, Netscape Navigator и Internet Explorer при просмотре одной веб-страницы будут видеть разные цвета. Однако существует так называемая «безопасная» палитра, состоящая из 216 цветов, которые будут всегда и везде отображаться правильно и без искажений. Найти эту палитру можно, например, по адресу http://www.artlebedev.ru/tools/colors/.

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

    – Оставляйте в документе поля и свободные места. Сплошной текст очень трудно усваивать, а пробелы здорово облегчают восприятие и позволяют отдохнуть от обилия текста и графики.

    Навигация

    Чтобы посетители чувствовали себя на вашем сайте комфортно, красивого оформления и удачной структуры недостаточно. Ведь конечной целью визита к вам, вероятнее всего, является не эстетическое наслаждение вашим творением, а конкретная информация. И эта информация нужна посетителям как можно быстрее, поэтому вы должны дать им максимум возможностей для поиска необходимых данных. Как это сделать? Пожалуйста!

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

    – Еще одним средством поиска информации является карта сайта, содержащая ссылки на все страницы сайта. Эти ссылки оформлены в виде списка с иерархической структурой: основные разделы находятся на верхнем уровне, подразделы – на более низком и т. д. Карта сайта напоминает дерево каталогов на вашем компьютере, которое можно увидеть, открыв, к примеру, стандартный Проводник.

    – Достаточно объемные сайты могут содержать строку поиска. По введенным в нее ключевым словам поисковая система будет искать на вашем сайте запрашиваемую информацию и выдавать ее пользователю. Для организации подобного поиска требуется специальное программное обеспечение.

    Тестирование

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

    Основными ошибками при создании сайтов являются следующие.

    – Грамматические ошибки и опечатки. Очень важно, чтобы их не было вовсе. Даже небольшая ошибка, обнаруженная посетителем на вашем сайте, резко подорвет его доверие к содержимому ваших веб-страниц. Если вы сомневаетесь в своей грамотности, то обязательно обратитесь за помощью к тем, кто с русским языком на короткой ноге. На худой конец, воспользуйтесь функцией проверки орфографии в программе Word. Но все-таки компьютеру в этом деле на 100 % доверять ни в коем случае не стоит, хотя большинство ошибок он добросовестно найдет.

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

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

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

    – Ухудшение внешнего вида при использовании других браузеров. Каждый браузер расшифровывает HTML-теги по-своему. В этом вы можете убедиться, просматривая одни и те же веб-страницы с помощью различных браузеров. Разница не очень существенная, но она присутствует. Может случиться так, что ваш сайт, превосходно смотрящийся в Internet Explorer, будет довольно невзрачным при просмотре в браузере Netscape Navigator. По этой причине тестируйте свои веб-страницы в различных браузерах.

    – Отсутствие элементов веб-страницы. Подобные казусы – не редкость. Из-за опечатки при написании тегов могут кануть в небытие целые пласты полезной информации. Единственный способ борьбы с этим – внимательность.

    Полезные советы

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

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

    – На главной веб-странице четко и ясно напишите, о чем ваш сайт. Не заставляйте посетителя гадать о том, куда он попал. Он все равно не будет этим долго заниматься, а просто покинет вашу веб-страницу и уйдет к конкурентам.

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

    – Для больших фотографий и рисунков используйте эскизы. Большие изображения загружаются очень долго, поэтому лучше не испытывайте терпение посетителей, а поместите вместо рисунков их уменьшенные копии. При щелчке на таком эскизе должно открываться исходное изображение. Пусть пользователи сами выбирают, что они хотят смотреть в полноформатном виде.

    – Осторожно используйте ультрамодные теги языка HTML. Помните о тех пользователях, которые применяют старые версии браузеров – они этой роскоши не увидят.

    – Стиль сайта должен соответствовать его содержимому. Если вы планируете серьезный коммерческий проект, то не стоит оформлять его в мармеладно-ро-зовых тонах, снабжать необычными спецэффектами и прочими «прикольными фишками». Посетители этого просто не поймут.

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

    – Разделяйте большие документы на несколько частей. Веб-страница должна загружаться за считанные секунды, поэтому делайте из этого выводы. Подумайте о своих посетителях. Редкий пользователь захочет ждать загрузки вашего трактата размером около 1 Мбайт. Скорее, он пожалеет свои время и деньги, нажмет в браузере кнопку Остановить и отправится искать что-нибудь более быстрое.

    – Указывайте дату и время последнего изменения на сайте. Это покажет, что ваш проект актуален и работает, а расположенная на сайте информация не устарела. Но размещайте дату только тогда, когда это действительно уместно. Если ваша информация действительно не обновлялась уже пару лет, то об этом лучше тактично умолчать.

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

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

    – Регулярно обновляйте информацию на своем сайте. Посетителей в первую очередь интересуют самые новые данные.

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

    Размещение

    Закончив работу над сайтом, самое время подумать о том, где его разместить. Разумеется, можно сделать так, чтобы все желающие просматривали ваши вебстраницы на вашем же компьютере. Для этого необходимо всего-навсего обладать высокоскоростным каналом доступа в Интернет, а также круглосуточно подключенным к Сети компьютером с дорогостоящим программным обеспечением. Вас такой вариант устраивает? Повороты головы в горизонтальной плоскости свидетельствуют о том, что вы относитесь к подавляющему большинству простых пользователей, оптимальным выбором для которых является размещение своего сайта на виртуальном сервере. Вам нужно просто взять в аренду часть дискового пространства компьютера, круглосуточно подключенного к Интернету и доступного из любой точки земного шара, и разместить на нем свои файлы. Такая аренда места для сайта называется хостингом. Различают бесплатный и платный хостинг.

    Бесплатный хостинг

    На первых порах это наилучший вариант. Вы бесплатно получаете полноценное место для своего представительства в Интернете, и ваш сайт действительно будет доступен посетителям со всего мира круглосуточно. «А в чем загвоздка?» – спросите вы. Ведь бесплатный сыр бывает только в мышеловке…

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

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

    Список сайтов

    Наиболее популярными российскими серверами, предоставляющими услуги бесплатного хостинга, являются следующие:

    – narod.ru;

    – boom.ru;

    – chat.ru;

    – by.ru;

    – holm.ru;

    – da.ru;

    – newmail.ru.

    Этот список далеко не полный, и его можно продолжать. Но нужно ли? Места обитания сайтов часто не меняют, поэтому вряд ли вы перепробуете и эти.

    Все представленные серверы предоставляют домены третьего уровня. Зарегистрировавшись, к примеру, на boom.ru, вы получите для своего сайта адрес вида pupkin.boom.ru, на da.ru – pupkin.da.ru и т. д.

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

    Пример размещения сайта

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

    Давайте разместим свою страницу на сервере narod.ru. В принципе можно это сделать и на любом другом, однако для первого знакомства с бесплатным хостингом порекомендую именно этот сервер. Вводим в адресной строке браузера http:// narod.yandex.ru (рис. 6.9).

    В открывшемся окне предлагается выбрать название своего будущего сайта. Сразу хочу предупредить, что все самые красивые и сочные имена доменов уже разобраны тысячами ваших предшественников, поэтому не стоит питать слишком больших надежд. Выберем название по случаю: first-web-site. Нажав кнопку Занять, попадаем в окно с регистрационной формой.

    Регистрация стандартная и не должна вызвать затруднений. Необходимо ввести следующие данные: имя, фамилию, пароль, контрольный вопрос (на случай, если вы забудете этот пароль), а также число, изображенное на картинке (это защитная мера от автоматических регистрации). Нажатие кнопки О К свидетельствует о зарождении в Сети новой жизни, имя которой http://www.first-web-site.narod.ru!

    Далее вам будет предложено ввести дополнительную информацию о себе. Это делать не обязательно. Можно просто переместиться вниз страницы и нажать кнопку Сохранить.



    Рис. 6.9. Главная страница сайта narod.ru


    Следующим открывшимся окном будет Мастерская (рис. 6.10). Эта веб-страница служит для управления содержимым вашего сайта.

    В данном случае Мастерская понадобится для создания главной страницы, которая будет открываться в окне браузера при вводе в его адресной строке http://first-web-site.narod.ru. Здесь можно пойти двумя путями:

    – создать страницу непосредственно в Мастерской, используя многочисленные шаблоны и прочие встроенные инструменты;

    – загрузить на сервер уже готовую веб-страницу со своего жесткого диска.

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

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

    Давайте создадим несложную веб-страницу и назовем ее index. html. Это название свидетельствует о том, что данная страница объявляется главной, и она будет открываться браузером первой. Теперь следует нажать кнопку Обзор, выбрать на диске этот файл и щелкнуть на кнопке Загрузить файлы. Все, сайт готов!



    Рис. 6.10. Мастерская.


    С этого момента, набрав в браузере адрес http://www.first-web-site.narod.ru, вы увидите получившуюся веб-страницу (рис. 6.11).

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

    Кстати говоря, для загрузки файлов на сервер совсем не обязательно заходить в Мастерскую. Сервер narod.ru позволяет работать с файлами, используя FTP.

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

    Единственное, что для этого нужно, – специальная программа (FTP-клиент). Таких программ существует великое множество.

    Возьмем, к примеру, всем известный файловый менеджер Far. Для доступа к своему сайту в его командной строке следует ввести ftp: / /login: pas sword@ftp.na-rod. ru, где login – название вашего сайта, a password – пароль.

    После нажатия клавиши Enter в одной из панелей Far откроется содержимое вашего сайта. Теперь с ним можно работать так же, как с содержимым жесткого диска.



    Рис. 6.11. Размещенная в Интернете страница

    Платный хостинг

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

    Для более серьезных проектов наилучшим выбором будут услуги платного хостинга. В данном случае вы сможете быть уверены, что то, за что вы заплатили, принадлежит действительно вам. Никто не сможет просто так лишить вас вашего домена, диктовать свои условия, размещать на ваших страницах баннеры и в чем-то вас ограничивать. Кроме того, платные серверы гораздо быстрее и надежнее бесплатных, не говоря уже о большей функциональности и поддержке разнообразных протоколов и интерфейсов. Наконец, у вас будет собственный домен второго уровня, например www.pupkin.com. Ну разве не красота? А адрес электронной почты vasiliy@pupkin.ru? Попробуйте-ка зарегистрировать ящик с именем vasiliy на бесплатном почтовом сервере. Все Васи, Феди и Сережи были заняты еще на заре компьютерного века! В лучшем случае вам удастся урвать что-нибудь вроде vasiliy_pupkin24@mail.ru. При использовании же платного хостинга вам будут доступны абсолютно любые имена!

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

    Регистрация домена

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

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

    Политику регистрации доменных имен в национальном домене определяет Координационный центр национального домена сети Интернет, располагающийся по адресу www.cctld.ru. Прежде чем предпринимать какие-либо действия, обязательно следует посетить этот сайт, содержащий много полезной информации по данному вопросу: общие сведения, правила регистрации, разнообразные документы и т. д. Однако здесь получить домен вы не сможете. Регистрация доменов второго уровня в зоне ш осуществляется только у следующих аккредитованных регистраторов.

    – АНО «Региональный сетевой информационный центр» – http://www.nic.ru.

    – ООО «Гарант-Парк-Телеком» – http://www.r01.ru.

    – ООО «РегТайм» – http://www.regtime.net.

    – ЗАО «Демос-Интернет» – http://www.demos-internet.ru.

    – ООО «Объединение сетей Фринет» – http://www.f-group.ru.

    Этот список составлен в конце 2004 года. В будущем он вполне может измениться.

    Цены у всех регистраторов на конец 2004 – начало 2005 года примерно одинаковые: регистрация домена второго уровня в зоне. ru на один год стоит $ 20, последующее продление регистрации – $ 15 ежегодно. Здесь же можно зарегистрироваться и в других зонах:.com, net, org, info, su, biz и т. д. Цены разные – от $5 до$ 100.

    Кстати говоря, вы знаете, что домен. su принадлежит стране, которой сейчас уже не существует?! Зона. su была инициирована Советским Союзом за год до его распада. После известных событий 1991 года домен был заморожен, однако поток пользователей, желающих заиметь кусочек виртуального Советского Союза, не прекращался и позволил зоне. su выжить. Сейчас и вы можете стать жителем виртуального СССР, правда, выложить за это придется ни много ни мало – $ 100.

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

    Но есть и другой выход. Существуют специальные аукционы, на которых торгуют доменными именами. Правда, цены на некоторые названия доходят до сотен тысяч или даже миллионов долларов. Согласитесь, довольно неплохо приобрести домен за $ 20, а продать в тысячу раз дороже. Люди, профессионально занимающиеся спекуляцией доменных имен, называются киберсквоттерами. Кибер-сквоттеры скупают красивые доменные имена, а также имена, схожие с названиями различных известных торговых марок и фамилий знаменитых людей, а затем предлагают их потенциальным покупателям на несколько порядков дороже номинальной стоимости. Этот бизнес процветает, и с ним пока ничего не могут поделать.

    Но мы немного отвлеклись. Итак, вам все-таки удалось найти и приобрести домен с подходящим именем. Полдела уже сделано! Осталось выбрать качественный и недорогой хостинг.

    Поиск хостера

    Стоимость хостинга у различных организаций сильно различается: пристанище для своего сайта можно найти за $ 1 в месяц, а можно и за $ 100. На стоимость сильно влияет пакет предоставляемых услуг конкретной организации, скорость доступа, надежность и солидность хостера, качество работы службы технической поддержки, а также множество других факторов. Поэтому сказать однозначно, какой хостинг лучше, а какой хуже, нельзя. Это как с тарифными планами сотовых операторов: кому-то больше нравится дорогая и качественная связь, а кому-то – плохая, но дешевая. Одни абоненты любят говорить много, другие же используют мобильный телефон только в крайних случаях. В соответствии со своими запросами абоненты выбирают тот или иной тарифный план определенного сотового оператора. В ситуации с хостингом все то же самое, за исключением того, что хостеров, по сравнению с операторами мобильной связи, на порядок больше, а информации о них гораздо меньше.

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

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

    – Обратите внимание на то, сколько лет организация занимается хостингом. Если компания имеет многолетний стаж, то это может свидетельствовать о том, что она обладает достаточным опытом для предоставления качественных услуг. Информация об истории и заслугах организации, как правило, располагается на ее сайте в разделе 0 компании.

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

    – Настороженно относитесь к словам «неограниченный», «безлимитный» и т. п. Существует такое понятие, как исходящий трафик, означающее количество информации, передаваемое с сервера пользователям. Хостинг-провайдеры используют высокоскоростные соединения с Интернетом, за которые они платят в соответствии с исходящим трафиком. Отсюда можно сделать вывод, что хо-стерам было бы просто экономически невыгодно предоставлять вам безлимитный тариф. Поэтому относитесь к подобным заявлениям критически – скорее всего, кто-то просто заманивает к себе незадачливых клиентов.

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

    – Протестируйте сайты, пользующиеся услугами различных хостеров, на предмет доступности. Сделать это можно с помощью службы InternetSeer, находящейся по адресу http://www.internetseer.com. Эта служба профессионально занимается мониторингом сайтов, и услуги ее платные, однако предоставляется возможность бесплатной ознакомительной регистрации на ограниченное время. Времени этого вполне хватит для того, чтобы протестировать сайты выбранных хостеров. InternetSeer будет периодически посылать на ваш адрес электронной почты отчеты о состоянии сайта: сколько раз сайт был недоступен, время недоступности сайта, а также среднее время, затрачиваемое на подключение к сайту. Последний параметр, кстати, очень важен. Он свидетельствует о скорости доступа к тому или иному сайту.

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

    – Протестируйте быстродействие сайтов различных хостеров. Скорость доступа к сайтам можно узнать и самостоятельно, не пользуясь услугами InternetSeer. Определить время ответа на отправленный сайту сигнал позволяет так называемый пинг, измеряемый в миллисекундах. Для осуществления пингования необходимо ввести в командной строке (Пуск / Программы / Стандартные / Командная строка), например, ping www. rambler. ru.

    Через несколько секунд на экране появится необходимая информация. Данный тест следует проводить с различными сайтами в разное время: в начале рабочего дня, в часы пик, ночью. Полученная информация позволит вам довольно объективно судить о возможностях того или иного хостера.

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

    Например, вы ожидаете 100 посетителей в день, каждый из которых в среднем просмотрит три страницы объемом по 50 Кбайт. Как правило, считается ежемесячный трафик, поэтому результат необходимо будет умножить на 30. В итоге получим: 100x3x0,05x30 = 450 Мбайт. Вот от этой цифры вам и стоит плясать.

    – Решите, что вам на самом деле нужно. Приблизительно прикиньте, сколько места будет занимать ваш сайт. Если вы намереваетесь создать сайт-визитку, состоящий из нескольких страничек, то не стоит переплачивать и покупать 500 Мбайт дискового пространства. Подумайте, понадобятся ли вам 10 доменов второго уровня и безграничное количество электронных адресов? Если нет, то не стоит тратить на них деньги. Не думайте, что самый дорогой в тарифной сетке вариант сделает ваш сайт лучше.

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

    Раскрутка

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

    Поисковые системы

    Регистрация в поисковых системах – это важнейший шаг при раскрутке своего сайта, так как подавляющее большинство пользователей Интернета ищут инфор —

    мацию именно с помощью поисковых сайтов. Однако бездумная регистрация не сильно повысит посещаемость вашего ресурса: если поисковая машина будет ставить ссылку на ваше творение где-нибудь в конце списка найденных сайтов, то редкий пользователь щелкнет на этой ссылке. Основное внимание чаще всего уделяется 10—20 ресурсам, которые поисковая система предлагает на первых страницах результата поиска. Ваша задача – попасть в эту лидирующую группу.

    Выбор ключевых слов

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

    Чтобы попасть в данный список, необходимо обязательное присутствие этих слов в вашем документе. Самые ходовые из них должны быть в заголовке.

    Определить наиболее распространенные запросы пользователей, обращенные к теме вашего сайта, несложно. Популярные поисковые машины предоставляют такую услугу. Например, статистику поисковых запросов Рамблера можно узнать на странице http://adstat.rambler.ru/wrds/, а предпочтения пользователей Яндекса – по адресу http://advertising.yandex.ru/kupislova.xml (на этой странице нужно щелкнуть слева на ссылке Статистика запросов).

    Допустим, ваш сайт посвящен физкультуре. Смотрим, что ищут с помощью Яндекса пользователи, в запросах которых фигурирует слово «физкультура». Вот самые популярные запросы: рефераты по физкультуре, физкультура, лечебная физкультура, лечебная физкультура при беременности, физкультура и спорт, институт физкультуры, физкультура в школе, уроки физкультуры, адаптивная физкультура… Здорово, правда? Разве можно было бы самим догадаться, что «освобождение от физкультуры» интересует пользователей в два раза больше, чем «упражнения лечебной физкультуры»?!

    Но это еще не все! Помимо «ходовых» вариантов, Яндекс показывает также, с какими еще запросами обращались к поисковой системе пользователи, искавшие слово «физкультура». Оказывается, данных пользователей также очень интересовали следующие темы: спорт, экология, здоровый образ жизни, упражнения, легкая атлетика, плавание, гимнастика, биология, аэробика, шейпинг, волейбол и т. д. Теперь, обладая информацией о пристрастиях целевой аудитории, следует подкорректировать содержимое сайта.

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

    Особенности регистрации

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

    При регистрации поисковые системы запрашивают только одну страницу вашего сайта – главную. Далее поисковый робот будет продвигаться по указанным на ней ссылкам и таким образом обойдет весь сайт.

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

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

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

    Индекс цитирования

    Индекс цитирования – это количество ссылок на ваш ресурс, расположенных на других сайтах. Очень часто индекс цитирования применяется поисковыми системами при ранжировании ресурсов и является в этом случае, как правило, одним из приоритетных параметров. Логика следующая: если на сайт ведет множество ссылок, значит его содержимое представляет большую ценность, следовательно, в списке найденных ресурсов сайт должен находиться как можно выше.

    Однако количество ссылок – это еще не все. Важно еще и их качество, то есть значимость того сайта, на котором расположена ссылка. На качество ссылок влияет несколько факторов. Одним из них является тематическая схожесть ссылающегося сайта с вашим. Если ваш сайт посвящен игре на гитаре, то ссылка с какого-либо музыкального ресурса будет гораздо ценнее, чем со страницы, посвященной, к примеру, свиноводству. Другим важным фактором является авторитетность сайта, на котором находится ссылка: качество ссылок, расположенных в каталоге Yahoo! и на какой-либо общедоступной доске объявлений, несопоставимо.

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

    Для искусственного увеличения индекса цитирования можно обмениваться ссылками с другими сайтами, регистрироваться в различных каталогах и досках объявлений, оставлять вместе с контактными данными адрес своего сайта во всевозможных форумах и т. д.

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

    Другие способы раскрутки

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

    Каталоги

    Каталог – это структурированная коллекция ссылок, разбитая на разделы и подразделы. Чтобы в одном из этих подразделов находилась ссылка и на ваш сайт, последний следует зарегистрировать в данном каталоге. Регистрация, как правило, бесплатная. От регистрации в поисковых системах она отличается тем, что перед включением вашего ресурса в один из разделов его обязательно проверят владельцы каталога на предмет сходства с указанной тематикой и заявленным описанием.

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

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

    Доски объявлений

    Доска объявлений – это раздел сайта (а иногда и целый сайт), посвященный объявлениям посетителей и позволяющий как читать, так и размещать сообщения. Как правило, доски объявлений структурированы на разделы и подразделы. Их использование в подавляющем большинстве случаев является бесплатным.

    Существуют специальные программы, позволяющие автоматически размещать созданное однажды объявление на сотнях разнообразных досок. Если объявление, рекламирующее ваш сайт, действительно стоящее и уместное, то количество ваших посетителей резко возрастет. Кроме того, пропорционально количеству объявлений возрастет и индекс цитирования, что также немаловажно. Однако волна увеличения индекса цитирования и прироста посетителей скоро спадет, так как объявления быстро устаревают. Чтобы закрепить успех, их необходимо периодически обновлять.

    Рекламирование сайта с помощью досок объявлений уместно только в самом начале его жизни, с целью набора «крейсерской скорости». Для более или менее популярного ресурса такой способ раскрутки не солиден.

    Обмен ссылками

    Здесь логика чрезвычайно простая: чем больше ссылок ведет на ваш сайт, тем больше вероятность того, что какой-нибудь пользователь щелкнет на одной из них и попадет к вам в гости. Самый простой способ размещения ссылок на других сайтах – обмен. Для этого достаточно найти интернет-ресурс родственной тематики, связаться с его автором и предложить обменяться ссылками. Как правило, владелец ресурса с радостью соглашается, так как обмен в данном случае взаимовыгоден. В свою очередь, вам придется размещать на своих страницах соответствующие ссылки, но этого бояться не стоит. Можно завести специальный раздел Друзья или Ссылки, в котором и будет располагаться информация о других сайтах.

    Обмениваясь ссылками, вы также повышаете свой индекс цитирования, так как количество ссылающихся на ваш ресурс сайтов увеличивается. Но здесь есть небольшая хитрость: некоторые поисковые системы предусмотрели подобные манипуляции и не учитывают взаимные ссылки при расчете индекса цитирования. Обойти этот запрет можно в том случае, если в обмене участвует не два, а, например, три сайта (А, В, С) и он происходит следующим образом: А —> В —> С —> А. В этой структуре взаимных ссылок нет, и каждый из участвующих ресурсов получает на себя по одной ссылке.

    Статьи

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

    Однако встречаются и непорядочные пользователи, пренебрегающие авторскими правами и размещающие у себя чужой материал без всяких ссылок. Им вполне можно предъявить претензии, ссылаясь на закон «Об авторском праве и смежных правах». Чтобы подобных недоразумений возникало как можно меньше, внизу каждой своей веб-страницы напишите что-нибудь вроде этого: «Все права защищены. При цитировании материалов данного сайта гиперссылка на источник обязательна».

    Обмен баннерами

    Баннер – это рекламный графический блок, размещающийся на веб-странице и содержащий ссылку на другой сайт. Баннеры бывают различных габаритов, но почти все их размеры стандартные. В русскоязычной части Интернета наиболее популярными размерами баннеров являются 468x60 и 100x100 пикселов. Банне-ры бывают статическими (обыкновенный рисунок) и анимированными (движущаяся картинка).

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

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

    Таким образом происходит обмен показами. Каждый показ учитывается системой, и общее их количество (за вычетом небольшой комиссии) равно количеству показов вашего баннера на других сайтах. Если комиссия составляет 10 %, то показав 1000 чужих баннеров, вы можете быть уверенными, что ваш баннер покажут 900 раз.

    Но общее количество показов – это еще не все. Важным параметром является также эффективность баннера – отношение количества щелчков на баннере к количеству его показов (Click-Trough-Ratio, CTR). Показов может быть и много, но если ваш баннер никого не заинтересует, то никто на нем не щелкнет, следовательно, никакой пользы от всего этого не будет. Поэтому отнеситесь к созданию своего баннера как можно серьезнее и сделайте его таким, чтобы не щелкнуть на нем было просто невозможно.

    Платные услуги

    Описанные выше способы раскрутки бесплатные. Косвенные затраты, конечно, есть: оплата времени работы в Интернете, потраченного на раскрутку сайта, а также расход личного времени, которое, зачастую, тоже стоит недешево… Но все-таки напрямую за услуги раскрутки вы никому не платите. Однако, как всегда, есть альтернативный вариант.

    Раскрутка за деньги

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

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

    Платную раскрутку можно сравнить с платным стоматологическим кабинетом: в принципе делается все то же, что и в бесплатном, но не нужно суетиться и стоять в очередях, и пломбы вроде как фирменные, и процедуры разнообразные, и сервис лучше… Но когда вам дают счет, оказывается, что все, даже слова доктора: «Чисти зубы два раза в день», – стоит денег, порой очень немалых.

    Баннерная реклама

    Показами баннеров можно не только меняться, их также можно покупать. Стоимость показов различная и зависит от того, на каких сайтах будет демонстрироваться ваш баннер, какого он будет размера и т. д. В общем случае, приблизительная стоимость 1000 показов равна $0,5-5. При CTR = 1 % за эти деньги вы получите 10 посетителей.

    Существует также контекстная реклама – размещение баннеров на страницах сайтов соответствующей тематики. Подобные услуги часто предоставляют каталоги и поисковые системы. В данном случае CTR резко увеличивается, однако пропорционально возрастает и стоимость: размещение баннера в определенном разделе каталога будет стоить порядка $ 5-20, а в результатах поиска – $ 10-100 за 1000 показов.

    Загрузка...