Допустить к защите Заведующий кафедрой д-р физ мат наук, доцент В. А. Исаев 2018 г. Выпускная квалификационная работа (бакалаврская работа) проектирование и создание web-сайта для бюро активного маркетинга

2.2.3 Этап 3 – верстка

Верстка страниц сайта состоит из следующих этапов:

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

Этап верстки состоит из создания шаблона на тестовой площадке, верстки главной и внутренних страниц. Иногда на этапе верстки обнаруживается, что некоторые элементы дизайна сайта невозможно реализовать в соответствии с макетом. После чего данная проблема сообщается заказчику и предлагаются возможные пути решения проблемы. После чего проблемные элементы внешнего вида сайта перерисовываются дизайнером и утверждаются у заказчика.
После завершения верстки проводится тестирование на совместимость, отладка и исправление ошибок верстки в соответствии с разными актуальными версиями и видами браузеров. После успешного выполнения заключительной части этапа верстки страниц сайта можно переходить к следующему этапу.
Основное требование к верстке сайта заключается в том, что она должна позволять отображать страницы сайта во всех наиболее популярных браузерах без каких-либо существенных отклонений от первоначального макета. Также верстка должна практически не мешать скорости загрузки сайта, чему способствует правильное сжатие изображений без видимой потери информации, правильный, не перегруженный код. Также важную роль в скорости загрузки сайта играет использование передовых веб-технологий при верстке сайта, таких как CSS3, HTML 5, а также, например, использование векторных изображений в формате SVG, что не только уменьшает скорость загрузки сайта, но и увеличивает его привлекательность за счет высокого качества картинки на экранах с высоким разрешением. В конечном счете, шаблон сайта демонстрируется заказчику для утверждения.

2.2.4 Этап 4 – программирование

Следующий этап создания сайта – программирование. Данный этап состоит из следующих пунктов:

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

На этапе программирования осуществляется создание модулей (в случае, если стандартных недостаточно), которые были описаны ранее в брифе, договоре и техническом задании и предварительно обговорены с заказчиком. По аналогии с этапом верстки, если обнаруживается, что некоторые элементы невозможно реализовать – об этом сообщается заказчику, с предоставлением возможных путей решения. После выбора решения проблемного элемента происходит утверждение изменений заказчиком. После написания всей программной части готовый сайт, находящийся на тестовой площадке демонстрируется заказчику.
Программирование производится при помощи языков PHP, JavaScript и MYSQL.
В рамках данного проекта был спрограммирован модуль обратной связи.