ЭТАПЫ САМОСТОЯТЕЛЬНОГО СОЗДАНИЯ САЙТА

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

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

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

ГЛАВНЫЕ ЭТАПЫ

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

Работу по самостоятельному созданию сайта условно можно разбить на несколько этапов:
1. Проектирование сайта.
2. Создание структуры.
3. Разработка дизайна.
4. HTML – CSS верстка.
5. Программирование.
6. Наполнение контентом.
7. Тестирование.
8. Публикация в сети Интернет.

ЭТАП № 1 - ПРОЕКТИРОВАНИЕ

На первом этапе необходимо определить цель будущего сайта. Как правило, целью создания сайта являются:
- получение стабильного дохода, заработка (более 95% всех существующих Web-проектов),
- размещение целенаправленной информации.

Если Ваша цель получение дохода, то любая тематика будет прибыльной, если будет качественный материал и его постоянное обновление. Тем не менее существуют определенные рекомендации по выбору темы.
1. Выбирайте тему сайта в зависимости от ваших знаний в какой-то области, вашего хобби или увлечений.
2. Сайты с четко выраженной одной тематикой и хорошим дизайном, всегда будут иметь большое количество посетителей и, соответственно, высокий рейтинг.
3. Самыми дорогими тематиками являются:
а) финансы - банки, кредиты, акции, биржи;
б) бизнес - строительство, транспорт, недвижимость, торговля;
в) мода - одежда, украшения, косметика и парфюмерия.
4. Не создавайте сайт на темы нарушающие закон.
5. Не создавайте сайт на тему только для взрослых.
6. Не создавайте сайт на тему заработка в Интернете, так как в виду большой конкуренции, денег в раскрутку вложите много, а результат не известен.

Обзор тематик

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

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

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

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

Игровые тематики имеют высокую посещаемость, поэтому к ним обычно предъявляют более высокие требования по дизайну, стилю и привлекательности. Аудитория на 80% школьники и студенты.

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

После выбора тематики необходимо решить какой Вам нужен сайт: статический или динамический:
1. Статический сайт представляет собой одну или несколько страниц, содержимое которых не меняется. Статическую интернет страницу можно создать на компьютере и тут же посмотреть, как она выглядит в сети. Статические сайты быстро загружаются, потому что не требуют дополнительного времени для выполнения кода. Они идеально подходят для создания маленьких сайтов (до 20 страничек). Их можно создавать, если информация обновляется очень редко.
2. Страница динамического сайта не существуют в том виде, которое отображается в сети. Каждую страницу программа собирает из кусков: html-страница, элементы оформления из css-файла, разные скрипты, информация из баз на сервере и так далее. Динамический сайт более гибок и маневренный, он может реагировать на различные интерактивные действия пользователей и подходит для создания среднего (от 20 страниц) и крупного по величине сайта (от 100 страниц). Вся информация, как правило, хранится в базах данных и при формировании страницы вытягивается. Достаточно внести изменения в базу данных и сайт обновлен.

ЭТАП САМОСТОЯТЕЛЬНОГО СОЗДАНИЯ САЙТА № 2 - СОЗДАНИЕ СТРУКТУРЫ

На данном этапе проводятся работы по разработке структуры всего сайта. Тщательно продумывается возможный путь посетителей по его страницам. Постарайтесь представить, а потом и описать возможные пути перемещения по сайту. Вертикальные (внутри раздела) и горизонтальные (между разделами) переходы не должны приводить к потере "ориентации".

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

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

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

Интуитивно понятная структура сайта залог его успешной работы.

ЭТАП № 3 - РАЗРАБОТКА ДИЗАЙНА

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

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

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

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

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

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

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

ЭТАП № 4 - HTML – CSS ВЕРСТКА

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

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

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

Оригинал-макеты для сайта имеют свои базовые размеры: если Вы хотите, чтобы при верстке Ваш сайт помещался в разрешение экрана 1024 на 768 px, то размер макета будет 980 на 600 px.

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

В зависимости от целей и задач сайта, верстка должна удовлетворять следующим требованиям:
1. Семантическая корректность — логичное и правильное использование элементов HTML и CSS.
2. Кроссбраузерность — страницы должны одинаково отображаться в разных браузерах (Google Chrome, Internet Explorer, Mozilla Firefox, Opera,Safari и т.д.).
3. Быстрота обработки кода браузером.
4. Валидность — соответствие стандартам.
5. Гибкость вёрстки — возможность легко добавлять/удалять информацию на/со страницы.

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

ЭТАП САМОСТОЯТЕЛЬНОГО СОЗДАНИЯ САЙТА № 5 - WEB – ПРОГРАМИРОВАНИЕ

Данный этап очень тесно связан с предыдущим, HTML и CSS версткой, и выделяется он достаточно условно.

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

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

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

MySQL — одна из самых популярных и самых распространенных СУБД (система управления базами данных). Используется при работе сайтов для управления базами данных и информацией, которая в них хранится.

ЭТАП № 6 - НАПОЛНЕНИЕ КОНТЕНТОМ

Под контентом понимается информационное наполнение сайта. Термин уже устоялся и применяется для обозначения содержимого сайта. Качественный, уникальный контент – это основа успешного сайта. Основные источники контента для сайта: написать статью самостоятельно, купить готовую статью на бирже копирайта, заказать копирайт или рерайт на той же бирже, отсканировать книгу. Качественная статья должна обладать следующими свойствами:
1. Текст должен быть уникальным. Уникальность текста – это первое на что обращают внимание поисковые системы.
2. Качественная статья должна соответствовать заголовку той страницы, на которой она расположена.
3. В тексте должны отсутствовать ошибки. Большое количество ошибок навредит вашему сайту не меньше, чем неуникальный контент.
4. Текст должен быть наполнен ключевыми словами, отражающими суть статьи.
5. Текст должен быть отформатирован. Нельзя размещать статью одним сплошным блоком, его будет сложно читать.
6. Качественная статья должна быть подкреплена конкретными примерами, различными иллюстрациями и другими вспомогательными материалами, что делает процесс ее чтения более интересным и увлекательным.

Постоянное обновление (добавление) контента способствует быстрому продвижению сайта, росту показателей Вашей страницы PageRank и сайта ТИЦ.

ЭТАП № 7 - ТЕСТИРОВАНИЕ

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

ЭТАП САМОСТОЯТЕЛЬНОГО СОЗДАНИЯ САЙТА № 8 - ПУБЛИКАЦИЯ В ИНТЕРНЕТЕ

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

Домены бывают разного уровня, например:
а) домен второго уровня состоит и доменного имени и принадлежности к доменной зоне (например, mir-fin.ru);
б) домен третьего уровня состоит и доменного имени и принадлежности к двум доменным зонам (например. mir-fin.com.ru) и т.д.
Доменные зоны делятся в зависимости от вида сайта: .com,.org,.net или по национальному признаку .ru, .ua, .by, .kz, .us.

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

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

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

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

ОШИБКИ ПРИ САМОСТОЯТЕЛЬНОМ СОЗДАНИИ САЙТА

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

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

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

Часто новички делают ошибки при выборе хостинга. Хостинг — это фундамент сайта. Он должен быть надежным, качественным и платным.

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