29.09.2015 Все статьи Студия Prom.Center

§ 3. Процесс разработки сайта

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

Давайте рассмотрим более подробно этапы создания сайта. В зависимости от текущей задачи, какие-то из них могут отсутствовать, либо быть тесно связаны один с другим. Мне часто задают вопрос: «А что именно Вы делаете при создании сайтов, какие конкретно задачи решаете?» Чтобы ответить на этот вопрос я и решила написать эту статью. Хочу заметить, что не существует специальных технологий по созданию веб-ресурсов, каждый веб-мастер подходит к этому вопросу по-своему. Однако, существуют этапы разработки, соблюдение которых необходимо и достаточно для того, чтобы веб-сайт мог выполнять свои функции. Рассмотрим минимальный джентельменский набор.

ОСНОВНЫЕ ЭТАПЫ РАЗРАБОТКИ САЙТА

1. Разработка технического задания

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

Здесь же определяются поставленные перед сайтом задачи (часто заказчик сам не знает, зачем ему сайт). Разработка структуры (и логики) сайта, направляющей посетителя к поставленной заказчиком цели.

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

2. Дизайн страниц сайта

Начинается работа с создания дизайна, обычно в графическом редакторе. Мы подбираем несколько вариантов дизайна, в соответствии с техническим заданием. При этом отдельно создаётся дизайн главной страницы, и дизайны типовых страниц (например: статьи, новости, каталог продукции). Собственно «дизайн страницы» представляет собой графический файл, слоёный рисунок, состоящий из наиболее мелких картинок-слоёв элементов общего рисунка.

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

3. HTML-вёрстка

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

4. Программирование

Далее готовые HTML-файлы попадают в руки специалиста по CMS. Программирование сайта мы осуществляем на основе CMS — системы управления сайтом. Веб-разработчики часто называют CMS «движком».

5. Тестирование

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

6. Размещение сайта в сети

Файлы сайта размещают на сервере провайдера и производят нужные настройки. На этом этапе сайт пока закрыт для посетителей.

7. Наполнение контентом и публикация

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

8. Внутренняя SEO-оптимизация

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

9. Внешняя SEO-оптимизация

Сводится, как правило, к построению структуры входящих ссылок. Это собственно есть элемент раскрутки. К разработке сайта внешняя SEO-оптимизация не имеет отношения. SEO-оптимизация классифицируется на «белую» и «черную» (такую, после которой сайт за две недели попадает в топ, а потом в бан поисковиков). Настоящая, «белая» SEO-оптимизация, это трудоёмкий и долгий процесс, стоимость которого может в несколько раз превышать расходы на создание сайта.

10. Сдача проекта и сопровождение

Заказчик или его доверенное лицо просматривают готовый проект и в случае, если всё устраивает, то подписывают документы о сдаче проекта. Также, на этом этапе производится обучение представителя заказчика навыкам работы в администраторской зоне сайта. Дальнейшее сопровождение ресурса возможно с нашей стороны за помесячную абонентскую плату. Ознакомьтесь, пожалуйста, с нашими расценками. Стоимость создания нестандартных проектов обсуждается с администрацией дополнительно.
Ещё статьи по теме:
§ 4. Продающая страница — Landing Page.
§ 5. Зачем создавать сайт для бизнеса?
ТЕГИ: создание сайта, как создать веб сайт, оптимизация сайта, сайт, изготовление сайтов москва, разработка портала, сайт визитка, вёрстка сайта, раскрутка сайта, продвижение сайта в интернете, заказать техническое задание, заказать интернет магазин, создание сайтов, веб студия, создание интернет магазина, создание веб сайтов, создание и продвижение, создание сайтов в москве, как создать свой сайт.