Решение о создании собственного сайта обычно приходит внезапно. Как правило, это случается на том этапе знакомства с возможностями Интернета, когда пользователь начинает считать, что секретов в Сети для него больше не осталось и решает сам привнести в нее немного нового (по его собственному разумению).
Создание первой собственной страницы чаще всего преследует несколько целей:
1) изучение HTML и основ web-дизайна;
2) самовыражение;
3) развитие творческих способностей и расширение круга общения за счет поиска единомышленников;
4) попытки заработка в сети.
При этом можно отметить, что пункты 1) и 3) лишними, конечно же, не будут, из пункта 2) редко получается что-либо стоящее, а пункт 4) просто обречен на провал, исключая случаи, когда вы просто хотите разместить в Сети свое резюме и тем самым увеличить свои шансы на нахождение работы.
Если вы решили, несмотря ни на что, уделить немного времени созданию собственного сайта, то можно сделать вывод, что доступ к Интернету у вас уже имеется. Следовательно, набрав в любом поисковике фразу "создание и раскрутка сайта", вы тотчас получите несколько сотен ссылок, на которых простым и понятным языком будет расписано: что, как, где и зачем. Так что повторять все эти прописные истины вроде "имя сайта должно быть простым и запоминающимся" и "глубина ссылок вряд ли должна превышать три страницы" я не стану. Лучше просто расскажу о своем опыте создания веб-ресурсов. Параллельно с этим я сам буду строить свой очередной сайт, а также приводить примеры из своего, пусть и небогатого, но типичного опыта средней руки вебостроителя. Начнем по порядку.
Требования
Так сказать, системные... Надеюсь, вы видели в Сети достаточно много "отстойных" сайтов, которые существуют, по моему собственному разумению, исключительно для того, чтобы наставлять начинающих веб-мастеров на путь истинный. Не нужно бросаться в крайности и сразу пытаться объять необъятное: начинать изучать скриптовые языки, не зная HTML, учить Flash, не имея представления о простейших приемах рисования, и так далее… Необходимый минимум для вас - это HTML и Photoshop. Если вы не владеете этими инструментами, ничего хорошего у вас не получится. Доверять свои задумки Word и Paint не рекомендую.
Для изучения вышеперечисленного рекомендуется найти пару хороших самоучителей и некоторое время просто попрактиковаться в рисовании и создании простеньких веб-страниц. Я начинал с того, что просто просматривал HTML-код некоторых сайтов и со справочником в руках пытался разобраться, как работает та или иная строчка.
Рисовать учился, пытаясь копировать дизайн с понравившихся сайтов и вникая в описание технологий создания графического оформления, описанных в книгах, посвященных веб-дизайну.
Верстать HTML-код предпочитаю в HomeSite, что и другим рекомендую. Конечно же, стандартный Блокнот считается более продвинутым инструментом вебостроителя любого уровня, но HomeSite, на мой взгляд, обладает одной удобной вещью - возможностью мгновенного просмотра результата работы.
Касательно железа вас уже просветил Д.Никольский, так что дополнительно на этом вопросе я останавливаться не буду.
Дизайн
Должен быть простым (кроме случаев, когда необходимо показать именно возможности создававшего его человека): несколько цветов (нормально сочетающихся между собой), простой фон (лучше однотонный), умеренное использование либо отсутствие анимации. Я стараюсь придерживаться правила - чем проще, тем лучше. Но проще - не значит скучнее…
Еще одно правило - дизайн страницы не создается с нуля в Фотошопе. Предварительно необходимо набросать (схематично) основное расположение всех элементов страницы на банальном листе бумаги, прикинуть примерные размеры и соотношения.
Первой моей страницей, как и у большинства начинающих вебостроителей, была homepage в стиле "я и мой хомяк". Там было несколько фотографий, куча ссылок и огромные кнопки меню ярко-красного цвета. В общем, и вспоминать не хочется...
Второй по счету страницей был так называемый веблог - обновляемая с завидной нерегулярностью страница, на которой время от времени появлялись обзоры различных сайтов с краткими комментариями, обзоры просмотренных видеофильмов и прочая "ересь". Дизайн у этой страницы был очень прост, поскольку основным в ней являлся контент.
Контент
Дизайн может быть отличным, но если на странице, кроме красивых кнопочек и анимированных фич, нет интересного наполнения - будьте уверены, восторгаться ею посетители будут лишь один раз - во время первого посещения. Для того, чтобы посетитель вернулся на вашу страницу ни раз, и ни два, необходимо, чтобы контент постоянно обновлялся. Желательно регулярно. В этом случае постоянный приток посетителей будет вам обеспечен.
Тема или, можно сказать, идея, это едва ли не самое главное в сайте. Никто не посетит ресурс с гордым именем "Моя домашняя страничка", разве что только друзья и знакомые. Нужна идея, но сейчас с этим в Сети туговато. Какая бы интересная мысль не пришла бы вам в голову, знайте - об этом в Сети уже писано-переписано.
Так что остается рассчитывать лишь на то, что ваш сайт окажется лучше, нежели похожие по содержанию ресурсы и серферы будут выбирать именно ваш ресурс.
Темой своего следующего ресурса я выбрал карманные компьютеры. Сделал я это исходя из следующих пунктов:
1) ресурсов на эту тему в Рунете не так много;
2) тема интересна мне самому;
3) похожих ресурсов в Томске нет (tomsk.palmclub.ru во внимание не принимается, ибо заброшен уже давно).
Структура
Структурированная информация легче воспринимается, так что весь контент, хотите вы того или нет, крайне желательно грамотно упорядочить по разделам.
Я решил, что на моем сайте будет шесть разделов. Главная страница, она же "новости", будет информировать посетителя обо всех обновлениях, происходящих на странице. В разделе "Palm" будут находиться статьи по общей тематике сайта - обзоры различных моделей, сравнительные тесты, рекомендательные и аналитические статьи.
Разделы "Hard" и "Soft" будут содержать материалы по "жесткой" и "мягкой" частям Пальма соответственно. В "Дневнике" планируется размещать различные истории, касающиеся тематики сайта. Раздел "Ссылки" - возможно, и не является обязательным, но крайне полезен для раскрутки - в будущем можно будет размещать у себя ссылки на похожие ресурсы в обмен на размещение ссылок на свой сайт на них.
Важно (по крайней мере я так считаю), что контент, то бишь материалы, расположенные на сайте, должны быть своими либо публиковаться с разрешения сторонних авторов. Сами понимаете, информации в Сети много и соблазн просто передрать ее и разместить у себя велик, но чести он вам не сделает.
Оформление
Постарался сделать предельно простым и понятным. Любой раздел представляет из себя страницу, разбитую на две колонки разной ширины. Правая колонка содержит список материалов данного раздела с краткими аннотациями. В левой, более широкой, расположена последняя (по умолчанию), либо текущая выбранная статья. Ширина колонки - около 400 пикселей. Вполне читабельно, хотя некоторым может и не понравиться, что слишком много внимания придется уделять скроллингу.
Фон страницы оставил белым. Из графики - только шапка (правда, разная для каждого раздела) и пиктограммки, с которых начинается каждая статья. Все линии реализованы стандартными средствами HTML. Каждый третий, "заценивший дизайн", отметил, что "уж больно похоже на газету". Видимо, специфика работы накладывает свой отпечаток и на онлайн-творчество…
Размещение
Фактически, сайт уже готов, настало время представить его широкой публике. Необходимо место, где его можно разместить. Желательно бесплатное, так как пока еще немногие готовы платить пусть и небольшую, но ежемесячную сумму за хостинг-услуги. Естественно, бесплатность здесь - понятие относительное. Все это делается из соображений рекламы. И поэтому при выборе сервера стоит обращать внимание на то, какую рекламу от вас потребуют за бесплатный хостинг. Лучше, конечно, вообще никакой или маленький логотип где-нибудь в уголочке. Но чаще всего на вашей странице размещается баннер, причем на самом видном месте в верхней части вашей страницы. И ничего тут не поделаешь…
Выбор у начинающего вебостроителя большой: narod.ru, hut.ru, by.ru, newmail.ru - еще куча бесплатных хостеров (достаточно пять минут поколдовать с поисковиком и выбрать наиболее подходящий вариант). Для истинных патриотов родного города - city.tomsk.net и meridian. tomsk.ru.
Вот краткие характеристики некоторых ресурсов, предоставляющих услуги "бесплатного" хостинга.
Narod.ru. Дают 20 МБ, сервер работает быстро и достаточно устойчиво. Адрес вида http://name.narod.ru. Можно делать сайты при помощи готовых шаблонов, гостевые книги, чаты. Закачка файлов по FTP или при помощи браузера. Реклама - небольшое всплывающее окошко. Очень надоедливое, кстати.
Hut.Ru. Неограниченный объем сайта, CGI, MySQL, PHP, SSI. Загрузка по FTP. Реклама - просят разместить кнопочку на первой странице. Адрес вида http://name.hut.ru. Сервер не всегда доступен, что является большим минусом.
Newmail.ru. 16 МБ, плюс столько же для трех почтовых ящиков. Адрес http://name.newmail.ru, http://name.nm.ru, http://name.hotmail.ru или все сразу. Закачка файлов по FTP. Рекламы нет.
By.ru. Неограниченный объем сайта, загрузка по FTP или WWW. Реклама - просят разместить кнопочку на первой странице. Адрес вида http://name.by.ru.
Chat.ru. 10 МБ, загрузка по FTP или WWW. Предлагают готовую гостевую книгу. Адрес вида http://name.chat.ru. Рекламы нет.
Boom.ru. 50 МБ, загрузка по FTP или WWW. Предлагаются шаблоны для быстрого создания сайта. Адрес вида http://name.boom.ru.
FortuneCity. 100 МБ. Возможность использования CGI. Допустимый размер файлов - 3 МБ. Сервер быстрый. Закачка по FTP и WWW. Адрес вида http://members.fortunecity.com/login_name либо длинный http://www.fortunecity.com/слово1/слово2/число. На каждой странице вверху вставляется баннер.
Я пошел по другому пути. Попросил место под сайт у админов весьма известного в Томске ресурса mozg.tomsk.ru. Поскольку не без основания считал свой ресурс перспективным, достаточно оригинальным. Админы пошли мне навстречу и место под сайт выделили (за что им большой респект). Вместе с free-хостингом получил также возможность завести отдельный раздел на форуме mozg.tomsk.ru.
Конечно же, можно было сделать и свой форум (вернее, взять где-либо готовый), но в этом случае форум получился бы закрытым. В моем же варианте форум выступает еще и в качестве источника новых посетителей.
Обратная связь
С посетителями, конечно же. Для этого вам потребуется форум, гостевая книга и почтовый ящик. Обязателен только последний. Я ограничился форумом и почтовым ящиком.
Раскрутка
Вещь архиважная и архинужная. Первое, что следует сделать - зарегистрировать свой ресурс в каталогах и поисковых машинах, а также установить пару-тройку счетчиков (хотя достаточно будет и одного). Начать следует с Томских каталогов (если ресурс хотя бы частью ориентирован на Томск). Это следующие ресурсы - stars.tomsk.ru, metka.ru, catalog.tomsk.ru. После этого можно переходить к общероссийским ресурсам - Pambler, Yandex, List.ru, Stars.ru
Совет: при регистрации сайта в различных каталогах и поисковиках вам неоднократно придется набирать полный URL сайта, ключевые слова, краткое описание сайта. Чтобы не тратить напрасно время и силы, подготовьте текстовый файл, содержащий следующее:
- полный адрес вашего сайта, начинающийся с http://;
- название сайта на русском языке;
- название сайта на английском;
- ключевые слова, разделенные запятой (не более 1000 символов);
- те же ключевые слова, но разделенные пробелом (кое-где такие требования);
- краткое описание сайта на русском (не более 255 символов);
- краткое описание на английском (тоже не более 255 символов).
При регистрации вы можете переносить необходимое через Clipboard из этого файла в заполняемые формы.
С баннерами я предпочитаю не связываться - уж больно малоэффективное это средство, а страницу перегружают. Хотя полностью отказываться от них не стоит, важно лишь грамотно выбрать баннерообменную сеть.
Дополнительную информацию о раскрутке сайта вы можете найти на сайте Raskrutka.Net, который полностью посвящен именно этой теме.
И еще один совет - не начинайте раскручивать сайт, пока он полностью не закончен. Поверьте, даже одна надпись under construction или неработающая ссылка может напрочь отбить охоту возвращаться на этот сайт когда-либо.
А пока - добро пожаловать на http://palm.tomsk.ru! Считайте эту фразу началом раскрутки...