Саргассово море

Есть большие острова и есть маленькие. Есть большие корабли и есть маленькие. Есть большие сайты и есть маленькие.

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

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

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

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

Как же не попасть в Саргассово море? Как избежать "штиля" посещений? Как сделать хорошую страничку, которая внесет что-то новое в русский Интернет?

Как это делается сейчас

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

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

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

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

Мысль, воплощенная в гипертексте

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

Данную иллюстрацию я привел не с целью унизить кого-либо (необходимо признать, что я долго бродил по WWW в поисках чего-нибудь подобного), а пытаясь показать, как важна идея при создании странички. Не следует создавать page только ради того, чтобы его создать. HTML-документ, как и любой другой, и, пожалуй, даже более, чем какой-либо другой, должен выражать идею. Именно идея должна стоять за каждой фотографией, за каждым рисунком, за каждым элементом оформления, каждой строчкой, каждой ссылкой. Только тогда, когда будет достигнуто необходимое единство формы и содержания, сайт будет "смотреться" и выделится среди сотен других.

Что же делать, как же быть?

На сегодняшний день очень многие серверы предлагают бесплатную (или за не очень большую плату) услугу - размещение WWW-страничек. Многие провайдеры сейчас также предоставляют возможность размещения домашних страничек своим пользователям. Иногда эта услуга является платной. При выборе сервера стоит учитывать несколько факторов: сколько места могут вам выделить на сервере (обычно - до 1-2 мегабайт), насколько быстро с него грузятся странички, сколько будет стоить поддержание вашей странички (и будет ли вообще), и какой будет у вашей странички адрес - www.yourname.com; www.servername.com/yourname или что-нибудь, вроде www.servername.com/xxx/index.html.

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

Вот небольшой список серверов, на которых можно получить бесплатную страницу:

• GeoCities - http://www.geocities.com
• Tripod - http://www.tripod.com
• Angelfire - http://www.angelfire.com/freepages/index.html
• Websight - http://free.websight.com/free/
• Tool-Box - http://www.tool-box.com
• Town Square 2000 - http://townsquare.usr.com
• MarketNet - http://mkn.co.uk/freepages
• Phrantic Public Housing Project - http://www.trailerpark.com
• Classroom Connect - http://www.classroom.net/classweb/info.htm
• MousHous: Business - http://moushous.com/services/buspage.html
• EZ-PAGE (Детский университет) - http://ccweb.com/ezpage/middle.html
• Critters Choice - http://www.critterschoice.com/pages/cagree.htm
• All Faiths Press - http://www.interinc.com/Allfaiths/free.html

Основные шаги при создании странички

HTML - язык, на котором создаются странички, - достаточно прост. Русскоязычные описания HTML можно найти в нескольких десятках мест в Сети. Помимо этого сейчас вышло достаточно много книг на эти темы. Правда, как правило, при создании домашних страничек сейчас пользуются HTML-редакторами: Microsoft Front Page, Netscape Navigator Gold Editor, Corel Web Designer, Hot Dog Web Editor и т. д. Написание страничек при помощи подобных редакторов имеет как свои преимущества (например, страничку можно создать по шаблону, вообще не имея представления об HTML), так и недостатки (например, подобные редакторы добавляют в текст документа много "шума" - ненужных тэгов, которые только увеличивают размер файла). Предпочтительнее все же знать основы HTML - тогда те вещи, которые сложно сделать в редакторе (такое бывает), вы легко сможете довести вручную. Как показывает практика, чем сложнее и оригинальнее страничка, чем опытней пользователь - тем большее количество текста HTML-документа он пишет сам.

Сразу нужно заметить, что браузер "читает" документ HTML в той последовательности, в которой он написан, - та команда, которая стоит первой строчкой, будет выполнена первой, вторая - второй, и т. д. Операторы языка HTML называются тэгами (tag) и заключаются в значки <> (например: <BR>). Иногда достаточно одного тэга, (например, тот же <BR>, который осуществляет "перевод каретки"), но, как правило, тэгов бывает два - открывающий (тот, который начинает какую-либо команду или действие с текстом, например, <H1>) и закрывающий, который начинается с косой черты (он сообщает браузеру о завершении данного действия, например, </H1>).

Вот два примера:

Сейчас текст перейдет на строку<BR>
вниз...

Так действует одинарный тэг <BR>

<I> Тэг наклонного текста </I>.

Данный тэг <I> говорит браузеру, что текст, помещенный после него вплоть до закрывающего тэга </I>, необходимо отображать в браузере с наклоном.

А вот как выглядит самый примитивный документ HTML:

<HTML>

<HEAD>

<TITLE> Название странички </TITLE>

</HEAD>

<BODY>

<H1>

Сейчас весь текст печатается крупным шрифтом

<B>А сейчас текст стал полужирным<BR>

<I>А сейчас - еще и наклонным</B></I></BODY>

</HTML>

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

Мало написать сам HTML-документ. Необходимо еще создать изображения, которые будут находиться на вашей страничке. Конечно, можно обойтись и без них, но тогда WWW-page будет серой и неинтересной. При иллюстрировании странички используются изображения в двух форматах - JPEG и GIF. Предпочтительнее использовать JPEG-файлы, так как они занимают мало места на диске и, соответственно, загружаются быстрее. GIF имеет смысл использовать только тогда, когда вы хотите сделать часть изображения прозрачным, или на страничке задумана анимация (с помощью специальных редакторов в этом формате можно создавать анимированные картинки). Где и как создавать изображения - думаю, вы знаете и без меня. Замечу лишь, что наиболее интересные вещи можно сделать с помощью программы Adobe PhotoShop, но, в принципе, подойдет любой графический редактор. Идеальный размер графического файла - до 15-20 килобайт. Тогда он будет грузиться быстро. Формат JPEG хорош еще и тем, что предоставляет возможность уменьшения размера файла (правда, путем некоторой потери качества изображения). Кстати, лучше использовать на страничке много маленьких (и по размеру, и по занимаемому месту на диске) графических элементов, чем мало - больших.

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

Для помещения изображения на страничку используsrc="/printimagessrc="/printimages/201/тэг <img src="/printimages/201/filename.jpg"> (просто имя файла дается при условии, что файл находится в той же директории, что и HTML-документ). Причем, если картинка, которую вы хотите поместить на своей страничке, лежит в Сети, но не на вашем сайте, то, прописав к ней путь, вы можете сэкономить место на своем сервере - <img src="/printimages/201/http://www.sitename.com/filename.jpg">

Большую роль в виде странички играет фон (background). Именно на нем будет выдаваться вся ваша информация. Как правило, он представляет из себя графический файл, хотя можно и просто задать цвет для фона. Фон определяется тэгом <body background="filename.jpg">.

Фон, состоящий из графического файла, автоматически раскладывается (tile) на все пространство вашей странички. То есть само изображение размером, например, 100 на 100 точек, просто повторится на всей страничке. Основная проблема здесь заключается в том, что если вы хотите получить равномерный фон, стоит избегать рисунков на фоновом изображении и сделать его однородным: тогда вы не увидите "плиток", получающихся из-за плохой стыковки краев фонового изображения (на рисунке).

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

Говоря о фоне, расскажу и о фоновой музыке. Выражаясь плагиатично, "что за жизнь без пианины?" И действительно, что за жизнь, если на всех сайтах играет музыка, а у тебя - ни "бе", ни "ме"? Но с этим сложнее. Большинство HTML-редакторов не позволяет вставлять в страничку ссылку на midi-файлы, и это нужно делать вручную. Именно поэтому большинство страничек так и остается "безголосым". Для озвучания странички включите в нее следующий текст: <bgsound src="/printimages/201/filename.mid" loop="TRUE">

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

Тэги <CENTER>, <LEFT, <RIGHT>, позволяют выравнивать текст или изображения на страничке. Например, такая команда: <CENTER><IMG src="/printimages/201/filename.jpg"> поместит изображение по горизонтали в центре страницы.

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

<TABLE> - открывает таблицу;

<TR> - начинает строку в таблице;

<TD> - обозначает ячейку в столбце;

</TD> - обозначает конец ячейки в столбце;

</TR> - закрывает строку;

</TABLE> - закрывает таблицу.

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

<TABLE border=0>

<TR><TD>Текст</TD><TD><img src="/printimages/201/filename.jpg"></TD><TD>Текст</TD></TR>

</TABLE>

Таблицу можно сделать с рамками, указав в параметре тэга <TABLE> border=1.

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

Полужирным текст можно сделать с помощью тэгов <B></B>, наклонным - <I></I>, подчеркнутым - <U></U> (необходимо отметить, что браузеры Netscape не поддерживают данный тэг).

Для задания размера шрифта используются тэги <Hx> </Hx>, где x является цифрой от 1 до 6, обозначающей размер следующего за тэгом текста.

Цвет текста задается тэгом <FONT COLOR=X>, где X - цвет. Цвет можно указать очень просто - написав его название. Например, тэг <FONT COLOR=RED> покрасит идущий за ним текст в красный цвет.

Теперь о ссылках - важнейшем атрибуте HTML-странички. Интересные ссылки украшают страницу, повышают ее ценность и тесно интегрируют с Интернет-сообществом. Ссылкой можно сделать все, что угодно - изображение, текст, текст и изображение, несколько изображений, и т. д. Для этого необходимо лишь воспользоваться тэгом <a href="http:// www.sitename.com">. Этот тэг открывает ссылку. Все, что находится между ним и тэгом </a>, будет чувствительно к кликанью мыши. Например:

<a href="http://www.sitename.com">

<img src="/printimages/201/filename.jpg"><br>

Посетите этот сайт!

</a>

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

Кстати, если вы создаете не одну страничку, а несколько - то есть у вас есть несколько HTML-файлов, вы можете организовать переход от одного документа к другому таким же тэгом - <a href="filename.htm">Текст</a>. Помимо этого, тэг <a href="mailto:user@provider.com"> позволяет послать вам письмо.

Зачастую пользователю бывает необходимо поместить на свою страничку счетчик посещений. Многие провайдеры при создании домашних страничек предлагают пользователям автоматически включить счетчик в текст документа. Что же делать тем, кто лишен такой возможности? Поставить счетчик на страничку существует множество способов. Например, есть Rambler Top100 (http://www.rambler.ru/top100). Эта служба позволяет любому, у кого есть своя страничка, завести счетчик. Причем, кроме этого Rambler Top100 предоставляет пользователю статистику посещаемости странички. Для получения счетчика необходимо лишь посетить страничку по вышеуказанному адресу и подписаться на этот сервис. Помимо Рамблера, по адресам http://nuweb.jinr.dubna.su/other/counter, www2.pagecount.com также можно получить бесплатный счетчик. В Web существует множество подобных служб - нужно только поискать. Кстати, при размещении счетчика стоит указать, с какого дня ведется отсчет.

Каждый, кто создает страничку, хочет знать, что думают о ней посетители. Узнать это быстрее всего можно, организовав у себя на страничке "книгу отзывов и предложений" - guestbook. Принцип "добычи" этой книги такой же, как и "добычи" счетчика - множество серверов в Интернете предоставляют эту услугу, например: www.lpage.com.

Многих беспокоит проблема кодировок - какую выбрать, как поддерживать несколько? На мой взгляд, для домашней странички вполне достаточно стандартной кодировки Windows 1251 (тексты в ней у вас и получатся, если вы будете делать свою страницу в Windows). Большинствопосетителей Сети используют браузеры Netscape и Microsoft, которые поддерживают эту кодировку, так что, зайдя на страничку, человек тут же сможет настроить браузер на работу с этой кодировкой.

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

Как отправить свою страничку на сервер?

После создания и отладки работы странички, когда все фоны, картинки, тексты, ссылки и прочее выглядят и работают так, как надо, ее необходимо отправить на сервер. Для этого необходимо воспользоваться любой ftp-программой, например, CuteFTP. В настройке необходимо указать адрес сайта - ftp.sitename.com, имя и пароль пользователя (его вы должны получить от администратора сервера). При входе в сеть ftp-программа соединится с указанным сервером, и если с паролем и именем пользователя все в порядке, вы получите доступ к каталогу на сервере, в который и сможете переписать все ваши файлы.

Продвижение HTML-странички

Фразы типа "А зачем мне нужно рекламировать страницу? Web на то и существует, чтобы через некоторое время обо мне знали все!!!" иллюстрируют абсолютно неверный подход к продвижению WWW-страницы. Изначально стоит исходить из того, что ваша страничка никому не нужна. Абсолютно никому. Такого в Web - пруд пруди. Да, в Web можно достигнуть известности, но, как показывает практика, известность сама по себе начинает расти только при уже устоявшемся росте популярности HTML-страницы.

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

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

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

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

Хочется добавить: продвижение (promoting) странички - вещь ужасно захватывающая! Ни с чем нельзя сравнить восторга, который получаешь, увидев, что на твою страничку за день пришло более 300 человек! Особенный азарт "раскрутка" страницы приобретает при соревновании. Если у вас есть конкурент, то, пытаясь его "сделать" по хитам (hit - посещение странички), вы можете не спать ночами и придумывать все новые и новые способы "раскрутки".

Рекламные извертки (tips&trics)

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

Первый, самый простой способ дать о себе знать Интернет-сообществу - внести адрес своей странички во все возможные списки. Это и Рамблер (www.rambler.ru/top100), и "Созвездие Интернет" (www.stars.ru) и "Карта Web-серверов России" (http://weblist.ru), НЖМД Артемия Лебедева (http://www.tema.ru:8080/rrr/award.html) и любые другие, какие вы только найдете.

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

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

Вот только небольшой список этих личностей (и не личностей), которые вносят существенный вклад в увеличение трафика российского Интернета:

• Антон Носик, "Вечерний Интернет" - http://www.cityline.ru/vi/current.htm
• Паравозов - http://www.cityline.ru/paravozov-news
• Май Иваныч Мухин - http://www-koi.zhurnal.ru/muxi/
• Сетевой Странник - http://www.zhurnal.ru/s_stranger/index.html
• "Нетскейт Интернет новости" - http://www.expert.ru/koi/Add/NetNews
• Информационное агентство "Гонец" - http://www.cityline.ru:8080/gonets
• Сергей Барбараш, "Интернет без сопливых" - http://www.israel.ru/sgt/current.html

Отдельный разговор - это всевозможные обмены баннерами, которые организуют многие сайты. Ярким примером подобных обменов могут служить "фантики" Мая Иваныча Мухина (http://www-koi.zhurnal.ru/staff/muxin/fantik/index.html), сайт ad.linkexchange.com, и т. д.

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

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