Этапы разработки сайта
Стас Мельников
Наставник по HTML-верстке
Этапы
- Составление брифа;
- Разработка технического задания;
- Разработка дизайна;
- HTML-верстка;
- Программирование;
- Тестирование;
- Сдача проекта;
- Развитие проекта.
Составление брифа
Разработка проекта начинается со встречи заказчика и исполнителя, в процессе которой заполняется бриф.
Бриф помогает исполнителю:
- Узнать о компании и о ее преимуществах перед конкурентами;
- Понять пожелания заказчика;
- Определить объем работы.
Разработка технического задания
После заполнения брифа, исполнитель составляет техническое задание (ТЗ), которое содержит следующие пункты:
- Структура;
- Дизайн;
- Функциональность системы;
- Технические требования;
- Используемые технологии;
- Правила и график сдачи работы;
- И т.д.
Чем подробнее ТЗ, тем лучше!
Разработка дизайна
Опираясь на ТЗ и бриф, дизайнер:
- Создает прототипы страниц;
- Отрисовывает макеты и графические элементы;
- Взаимодействует с верстальщиком и разработчиками.
Разработка дизайна
HTML-верстка – это кроссбраузерное представление дизайна с помощью HTML и CSS.
Верстка должна корректно отображаться:
- В Internet Explorer;
- В Google Chrome;
- В Firefox;
- В Safari;
- В Opera;
- И на 100500 мобильных устройствах :)
Front-end и
Back-end
Front-end разработчики:
- Разрабатывают логику взаимодействия пользователя с интерфейсом;
- Интегрируют верстку с Back-end'ом.
Back-end разработчики:
- Проектируют базу данных;
- Разрабатывают серверную логику системы;
- Разрабатывают систему управления контентом или интегрируют готовые решения. Например, Bitrix;
- Настройку сервера.
Тестирование проводят для выявления ситуаций, в которых поведение системы является неправильным.
Виды тестирования:
- Функциональное тестирование;
- Тестирование производительности;
- Юзабилити тестирование;
- И др.
Сдача проекта
Развитие проекта
- Продвижение в поисковых системах Яндекс и Google;
- Рекламная кампания;
- Администрирование сайта;
- Разработка новой функциональности.
Стас Мельников
Этапы разработки web-сайта
By Stas Melnikov
