2.2. Этапы проектирования и разработки сайта

Этап 1. Определение основных целей создания сайта. От правильно поставленных целей зависит успех сайта.

Этап 2. Создание технического задания. Разработка веб-сайта начинается с составления технического задания. Сначала может быть заполнен бриф, в котором заказчик излагает свои пожелания относительно визуального представления и структуры сайта. Затем составляется техническое задание, в котором должны быть оговорены следующие вопросы:

• тип сайта (портал, визитка, корпоративный, магазин и т.д.);

• функционал сайта (поиск, каталог, лента новостей и т.д.);

• стиль дизайна (строгий, веселый, мрачный и т.д.);

• структура сайта (какие страницы должны быть на сайте);

• структура страниц (какие блоки должны быть на страницах).

Этап заканчивается после утверждения технического задания заказчиком.

Этап 3. Разработка дизайн-проекта. На этом этапе рассматриваются вопросы проектирования интерфейсов, юзабилити и многое другое. Этап делится на несколько подэтапов:

1) набор идей дизайна предоставляется в виде эскизов с текстовыми пояснениями;

2) разработка макета дизайна главной страницы;

3) исправление замечаний заказчика, доработка макета;

4) разработка внутренних страниц по аналогичному стилю.

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

Этап 4. HTML-верстка. Утвержденный дизайн передается html-верстальщику, который «нарезает» графическую картинку на отдельные рисунки, из которых впоследствии складывает html-страницу. В результате создается код, который можно просматривать с помощью браузера. А типовые страницы впоследствии будут использоваться как шаблоны.

Этап 5. Разработка программной части. Для начала нужно определиться с системой управления контентом (CMS), которая используется, когда разработка веб-сайта закончена и нужно его обслуживать. Разработка веб-сайта, в котором задействована CMS, предоставит в дальнейшем простой способ добавления или редактирования информации на сайте. Можно использовать бесплатные CMS, платные программные разработки сторонних организаций или собственные разработки. Как минимум создаются две части сайта – клиентская и серверная.

Этап 6. Тестирование сайта. Тестирование направлено на исправление ошибок и неточностей, а также на повышение безопасности и удобства использования сайта. Веб-дизайн сайта должен адекватно выглядеть в различных браузерах, Internet Explorer, Firefox, Safari, Chrome и Opera.

Этап 7. Публикация сайта в сети Интернет. Сначала выбирают и регистрируют доменное именя. Затем осуществляется физическое размещение сайта на сервере провайдера – хостинг. После размещения производят нужные настройки сайта.

Этап 8. Заполнение сайта материалами. Сайт наполняют контентом – текстами, изображениями, файлами для скачивания и т. д. Тексты составляются либо специалистом студии, либо стороной заказчика.

Этап 9. Продвижение сайта и реклама в интернете. Продвижение сайта это отдельный процесс, стоимость которого может превышать расходы на создание сайта. Для «раскрутки» сайта можно воспользоваться контекстной или баннерной рекламой, SEO-оптимизацией. Внутренняя SEO-оптимизация связана с изменениями самого сайта. Начинается она с создания семантического ядра. Здесь определяются такие ключевые слова, которые привлекут посетителей (например “поиск кладов”). Тексты, ссылки, другие теги адаптируются так, чтобы поисковые системы могли их успешно находить по ключевым словам. Внешняя SEO-оптимизация сводится, как правило, к построению структуры входящих ссылок.

Этап 10. Сдача проекта. Заказчик рассматривает готовый проект и в случае, если все его устраивает, подписывает документы о сдаче проекта. На этом этапе представители заказчика обучаются работе в администраторской зоне сайта.