ЭТАПЫ РАЗРАБОТКИ САЙТОВ
1
этап
проектирование
Начало разработки строится на анализе имеющегося контента для возможности размещения его в том или месте страницы сайта в соответствии с его целями и задачами. В результате такого анализа рисуется проект-чертеж называемый wireframe. По сути он определяет где и какой контент будет распологаться на сайте заголовки, основной тект, картинки и интерактивные элементы. Далее этот проект-чертеж ложится в основу технического задания на разрботку сайта и становится скелетом его макета.
2
этап
дизайн
После отрисовки и согласования скилета макета рисуется сам дизайн-макет страницы сайта. Для адаптивных сайтов рисовать приходится два макета страницы: ее десктопной и мобильной версий. На этом этапе редактируются и отображаются на странице макета нужные рисунки. Подбирается цветовая гамма и шрифты. Окончательно определяются размеры и расположение всех блоков и элементов на странице. После отрисовки страницы сайта согласоваются и если требуется редактируются.
3
этап
Верстка
Следующим этапом является верстка, т.е. преобразование дизайн-макета веб-страниц в код, который может интерпретировать и отобразить браузер. Структурируется контент с помощью HTML, выделяются заголовки, параграфы, списки, таблицы, иллюстрации. Окончательный вид оформляется с помощью CSS — устанавливаются шрифты, цвета, отступы и размеры и конечно обеспеченивается корректное отображение страниц и контента сайта на различных устройствах и экранах разных размеров.
4
этап
сборка
На этом заключительном этапе сверстанным веб-страницам сайта добавляется интеактивность при помощи скриптов Javascript. Осуществляется сборка всего проекта в готовое приложение, которое затем заливается на веб-сервер. Далее проводится тестирование веб-страницы во всех популярных браузерах и на разных устройствах. Проверяется корректность работы вёрстки, функциональности и адаптивности, и наконец привязывается доменное имя.
