Этапы разработки в наших сайтах достаточно стандартны:
Проектирование сайта
На данном этапе происходит общение руководителя проекта с клиентов в ходе которого решаются все основные вопросы связанные с тем что где и как должно быть реализовано.
Минимально составлются:
- структура страниц сайта в виде дерева,
- совместно с клиентом рисуются прототипы дизайна (схематичное отображение того, что именно должно быть отражено в дизайне)
Разработка индивидуального дизайна
На данном этапе дизайнер визуализирует имеющуюся информацию по проекту. В ходе работы над макетом при этом концепция по расположению элементов на странице может быть изменена. Помимо задачи визуализировать сайт дизайнер также совместно с клиентом решает и задачу сделать его максимально конкретным и близким к реальному сайту, который будет запущен в работу. Нужно обязательно помнить, что наличие любого элемента в дизайне должно быть реализовано, так же как и удаление любого элемента – может породить пустые места и необходимость доработок дизайна.
Контент сайта достаточно часто диктует свои условия и в зависимости от объема информации сайт может меняться. Так, например сайт имеющий 1 товар будет иметь достаточно подробные страницы о товаре, сайт имеющий 100 товаров будет иметь страницу со списком товаров, а сайт имеющий 1000 товаров просто не сможет обойтись без поиска. Кроме этого дизайн сайта достаточно часто связан с реализацией идеи использования некого единого фирменного стиля. Это необходимо, чтобы при необходимости реализации новых страниц сайта не было необходимости постоянно обращаться к дизайнеру, намного проще попросить отрисовать типовые элементы на одной странице (заголовки, кнопки, таблицы, варианты представления списком, плиткой) и т.п.
После того как все имеющиеся макеты сайта согласованы клиентом они проходят небольшую проверку у менеджера проекта, отвечающего за проект в целом - дабы сразу исключить возможные сложности или не до конца проработанные моменты.
Верстка имеющегося дизайна
На этапе верстки сайт становится уже доступным для просмотра в браузере. Но в отличие от реального сайта – это всего лишь статика, т.е. информация не взята с базы данных, а вбита верстальщиком для примера, также не работают ссылки и т.п.
В ходе верстки дизайн-макет разлагается на составляющие, из которых и формируются веб-страницы в формате html. Современный верстальщик должен не только хорошо знать и уметь пользоваться такими технологиями как HTML, CSS, Javascript, но и частично программировать дизайн-макеты, а именно все что касается динамики страницы без ее перезагрузки (см. Javascript в разделе программирование) и естественно уметь пользоваться программами типа Adobe Photoshop, Illustrator, Corel Draw и другие в которых дизайнеры рисуют макеты.
Объем верстки, как правило, зависит от количества отрисованых в ходе дизайна макетов. Однако большую часть времени занимает не статичная верстка, а написание скриптов создающих динамику страницы без перехода на следующую страницу (например, проверки форм, всплывающие блоки, модальные окна, калькуляторы и т.п.).
Программирование функционала сайта
Программирование – самый трудоемкий этап создания сайта. Он состоит как из формирования системы управления и всех необходимых к ней модулей, так и из формирования модулей непосредственно визуальной части сайта. Программист также обладает и навыками верстальщика и дизайнера, так как часто приходится на этапе сборки сайта продумывать многие моменты связанные с реальной работой сайта.
При этом при создании определенных условий этап может быть начат непосредственно после опеределения технических задач сайта. Программист также проектирует базу данных проекта, что во многом определяет дальнейшие возможности ее расширения.
Наполнение сайта
После того как программная часть сайта готова - необходимо решить вопрос его наполнения. Не секрет, что без контента сайт не будет смотреться полноценным и законченным. В некоторых случаях контент предоставляет заказчик, в других разрабатывается нашими специалистами (копирайтерами и контент-менеджерами), в третьих просто импортируется с существующего сайта или с других источников информации.
Тестирование сайта
Как правило после наполнения сайта и перед его запуском в публичную работу необходимо убедиться во-первых в работе всех сценариев определенных на этапе проектирования, а во-вторых отсутствия проблем с версткой из-за, например, другой длинны некоторых текстовых элементов и прочего.
Запуск сайта
Как только заказчик готов принять сайт и запустить в работу необходимо получение доступа к хостингу где будет размещаться сайт, после чего на хостинг переписываются все файлы и база данных и проводится тестирование сайта на предмет правильной настройки хостинга. В некоторых случаях требуется настройка хостинга или даже его смена.