Этапы создания сайта

С чего нужно начинать разработку сайта?

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

Основные этапы разработки веб-сайта:

1. Встреча с потенциальным Заказчиком. Заполнение “Опросного листа клиента”, обсуждение проекта, консультирование.
2. Подготовка проектной документации (Технического Задания), согласование Технического Задания с Заказчиком.
3. Заключение договора (Техническое Задание является приложением к договору).
4. Дизайн, разработка оригинал-макетов сайта.
5. Согласование и утверждение дизайна макетов.
6. Верстка статического прототипа (html) сайта (кроме Главной страницы сайта, обычно верстаются еще несколько наиболее типовых страниц, например: простая контентная страница, страница каталога, страница списка товаров, описание товара и т.п., как правило, перечень страниц зависит от вида сайта).
7. Согласование внешнего вида статического прототипа.
8. Программирование, подключение системы управления контентом.
9. Наполнение сайта информацией (тексты, фотографии и т.п.).
10. Публикация сайта на хостинг Заказчика.
11. Сдача проекта. Обучение сотрудника компании Заказчика управлению сайтом с помощью системы управления контентом.
12. Первичное продвижение проекта – оптимизация контента под поисковые системы, регистрация сайта в поисковых системах и каталогах ссылок.

ОПИСАНИЕ ЭТАПОВ СОЗДАНИЯ САЙТА

1. ИНФОРМАЦИОННОЕ ПРОЕКТИРОВАНИЕ, ПОДГОТОВКА ПРОЕКТНОЙ ДОКУМЕНТАЦИИ – ТЕХНИЧЕСКОГО ЗАДАНИЯ

Техническое задание – это не только руководство к действию, это документ, на основе которого Заказчик оценивает качество готового продукта. ТЗ является неотъемлемой частью Договора на разработку сайта.

На его основе оформляется Акт сдачи-приемки принимаются или отклоняются претензии Заказчика к качеству работы Исполнителя, оплачивается готовая работа.

Но прежде всего ТЗ требуется самому заказчику. Работа над ним позволяет лучше понять собственные потребности, обнаружить “белые пятна” проекта. Одно дело интуитивно понимать, как все должно работать на сервере, и совсем другое – описать это словами понятными другому человеку.

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

Основные вопросы, на которые необходимо ответить при подготовке Технического Задания:

1. 1. Назначение интернет-проекта
      Постарайтесь сформулировать задачи, которые Вы ставите перед будущим сервером, как бы тривиально они не звучали. Это сориентирует Вас и будущих разработчиков в нужном направлении.
   2. Пожелания к дизайну сайта
      Цветовая гамма, общая стилистика, наличие флэш и т.п.
   3. Структура сервера (оглавление)
      Представьте свой сервер в виде брошюры или книги и постарайтесь структурировать информацию по главам, разделам и подразделам. Если у Вас магазин или каталог, то все равно напишите оглавление. Глубина вложения разделовне не ограничивается, но на практике 2-3 уровня оказывается вполне достаточно.
   4. Навигация
      Навигационное меню обычно состоит из главного и подменю внутренних страниц. На этом этапе постарайтесь представить, а потом и описать возможные пути перемещения по серверу. Вертикальные (внутри раздела) и горизонтальные (между разделами) переходы не должны приводить к потере “ориентации”. На внутренних страницах полезно иметь кнопки “возврата” к предыдущим страницам. Интуитивно понятная навигация – залог успешной работы сервера.
   5. Структура и содержание страниц
      На этом этапе Вы должны описать все страницы сайта, включая название страницы, текстовую и графическую информацию, ссылки на другие страницы и сайты.
   6. Администрирование
      Если Вам предстоит самостоятельно обслуживать сайт и изменять информацию на нем, то необходимо описать, как бы Вы хотели это делать.
   7. Общие замечания
      Если Вы понимаете, как должен функционировать сайт, то постарайтесь написать сценарий его работы. Представьте себя посетителем сайта и подумайте, легко ли будет найти, прочитать и понять размещенную на сайте информацию. Из сценария легче понять, как должна выглядеть структура сайта (карта сервера), а сценарий и карта – это уже половина дела по написанию ТЗ. Структуры сайта (карты) и описания страниц вполне достаточно для предварительного обсуждения сроков и стоимости работ по созданию веб-сервера.

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

Наши специалисты бесплатно выезжают на консультации и пишут Технические Задания для наших Заказчиков.

И так, Техническое Задание составлено, утверждено, подписан договор. Дальше начинается непосредственно создание сайта.

2. ДИЗАЙН, РАЗРАБОТКА ОРИГИНАЛ-МАКЕТОВ САЙТА

Исходя из пожеланий Заказчика к дизайну сайта (которые были прописаны в ТЗ), мы начинаем разработку оригинал-макетов сайта. Разные дизайн-студии работают по-разному – кто-то разрабатывает сразу по 3 – 5 макетов, кто-то – нет. Мы в своем стандартном предложении учитываем разработку 2-х оригинал-макетов. Если Вы хотите сэкономить и доверяете специалистам студии, то можете заказать разработку только одного макета. Мы гарантируем, что все силы и идеи будут вложены в дизайн и он Вам обязательно понравится! Все дополнительные макеты (сверх 2-х) оформляются отдельным договором и оплачиваются отдельно.

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

3. РАЗРАБОТКА СТАТИЧЕСКОГО ПРОТОТИПА

Для того, чтобы понять как будут выглядеть страницы сайта в Интернет, необходимо его сверстать. Т.е. создать статический прототип сайта в HTML. Как правило, статический прототип сайта (рассмотрим интернет-магазин) будет включать в себя нижеследующий перечень страниц:

1. Главная страница сайта (при наличии флэш-ролика делается флэш, если необходима озвучка, то озвучивается)
2. Внутренняя страница сайта, простая страница с текстом, например, раздел “О компании”
3. Страница “Каталог продукции”
4. Страница “Список продукции”
5. Страница “Описание продукта”
6. Страница “Регистрация пользователя”
7. Страница “Корзина”
8. и т.п.

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

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

4. ПРОГРАММИРОВАНИЕ, ПОДКЛЮЧЕНИЕ СИСТЕМЫ УПРАВЛЕНИЯ КОНТЕНТОМ САЙТА

Практически все сайты, которые разрабатывает наша компания в данный момент, разрабатываются на языке программирования PHP и подключаются к системе управления контентом сайта.  Основная задача – максимально автоматизировать и облегчить поддержку сайта нашим Заказчикам. Это значит, что готовый сайт сможет поддерживать человек, не владеющий навыками веб-дизайнера или программиста.

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

5. НАПОЛНЕНИЕ САЙТА ИНФОРМАЦИЕЙ (РАБОТА С КОНТЕНТОМ САЙТА)

Информацией, которой необходимо наполнить сайт, могут быть:

• Тексты
• Таблицы и графики
• Фотографии
• Аудио-файлы
• Видеоролики

Используя систему управления контентом, наши сотрудники заполняют сайт: обрабатывают и публикуют фотографии, редактируют и размещают тексты и т.д. В стандартное предложение в зависимости от бюджета проекта включается бесплатно около 100-200 страниц контента.

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

6. ПУБЛИКАЦИЯ САЙТА НА ХОСТИНГ ЗАКАЗЧИКА

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

Конечно же, наши приоритеты могут не совпадать с желанием Заказчика. Поэтому основным требованием для выбора хостинга является соответствие технической базы, необходимой для подключения системы управления: Unix, Apache, PHP4. Естественно, о бесплатном хостинге не может быть никакой речи.

7. ОБУЧЕНИЕ СПЕЦИАЛИСТА СО СТОРОНЫ ЗАКАЗЧИКА ПОДДЕРЖКЕ И УПРАВЛЕНИЮ САЙТОМ

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

Система управления контентом содержит также полное иллюстрированное руководство пользователя.

8. ПЕРВИЧНОЕ ПРОДВИЖЕНИЕ ПРОЕКТА

Первичное продвижение проекта (услуга, предоставляемая бесплатно в рамках работы над проектом) включает в себя:

• Оптимизацию контента сайта для обеспечения высокого рейтинга в поисковых системах.
• Регистрацию сайта в ведущих поисковых системах и каталогах ссылок.
• Мониторинг позиций сайта в течение оговоренного времени с момента публикации сайта.