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

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

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

Этап 2. Создание технического задания.

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

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

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

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

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

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

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

Этап 3. Разработка дизайн – проекта

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

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

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

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

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

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

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

Этап 5. – разработка программной части

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

Этап 6. – тестирование сайта

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

Эта 7.: Публикация сайта в Интернет

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

Этап 8.: Заполнение сайта материалами

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

Этап 9.— продвижение сайта и реклама в интернете

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

Этап 10. Сдача проекта.

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