курсоваяГаджимурадов. Проектирование современного сайта для туристической компании
 Скачать 1.02 Mb.
|
1.4. Основные этапы создания и проектирования сайтаВ самую первую очередь, перед разработкой сайта, следует четко знать для чего будет предназначен этот сайт, его цели и задачи, какую информацию будет нести этот сайт.Техническое задание (ТЗ) идет следующим этапом. В техническом задании исходя из названия, содержится более подробная информация о будущем сайте, чем подробнее и грамотнее будет прописано техническое задание, тем выше вероятность в удовлетворительном конечном результате и довольном заказчиком.Польза от технического задания для заказчика: – Понимает, за что он будет платить деньги и какой ему сделают веб-сайт. Структура сайта видна сразу, и, если что-то не устраивает, изменения можно внести еще до начала разработки. – Оценивает компетентность исполнителя. Грамотно составленное и понятное техническое задание повышает доверие к разработчику. – Защищает себя от недобросовестности исполнителя. Готовый сайт можно проверить на соответствие техническому заданию. Разработчик исправит неточности. При наличии официального договора его можно принудить сделать это через суд. – Упрощает замену исполнителей при необходимости. Бывает, что заказчик и исполнитель ссорятся и не могут продолжать совместную работу. В такой ситуации с созданием сайта возникают проблемы. Однако при наличии подробного технического задания их можно легко решить: заказчик просто передает техническое задание новой команде, и она сразу же включается в работу. – Узнает стоимость разработки продукта. Понять, когда будет готов сложный сайт и узнать окончательную стоимость разработки сразу нельзя. Сначала нужно разобраться с функционалом веб-ресурса. Именно для этого нужно составить техническое задание. Польза от технического задания для исполнителя: – Понимает желания заказчика. Для этого ему придется задать клиенту десятки вопросов, показать примеры, предложить решения. Потом записать все в соответствующий документ и согласовать с заказчиком. – Застраховывается от внезапных изменений от заказчика. Случается, что в ходе создания сайта заказчик вдруг решает поменять задачу. Если разработчик согласовал и подписал ТЗ, он может быть спокоен: даже суд встанет на его сторону. – Показывает свою компетентность. Четко и понятно подготовленное ТЗ говорит о профессионализме разработчика. – Зарабатывает деньги. Иногда составление технического задания оценивается как отдельная услуга. – Облегчает и ускоряет работу. Благодаря качественному техническому заданию становится понятна структура сайта и функционал каждой страницы: можно переходить к написанию кода и разработке дизайна. Создание дизайн-макета будущего сайта. При имеющемся дизайн-макете и заказчик, и исполнитель будут одинаково представлять будущий сайт, а значит риск в отличающемся конечном итоге будет минимален. Уже заранее можно увидеть каким будет сайт, но только визуально конечно же, ведь это пока что макет. В нем отображены: цветовая гамма, шрифты, кнопки, порядок элементов и прочее. От того, насколько качественно выполнено графическое оформление страниц, зависит понимание контента и общее восприятие сайта. Преимущества использования макета– Определение визуальных недостатков на первых стадиях работы над проектом. – Возможность наглядно показать клиенту дизайнерские идеи. – Упрощение работы верстальщика и программиста. – Понимание того, как будет выглядеть готовый сайт. – Сведение к минимуму недопонимания между дизайнером и заказчиком. Когда все работы завершены, дизайнер отправляет макет заказчику. После этого начинается этап верстки. В разработке сайтов вёрсткой называется перевод дизайн-макетов в интерактивный, читаемый браузерами вид. То есть, верстальщик пишет код, который формирует из предоставленного графического шаблона «живую» веб-страницу, с элементами которой может работать пользователь. Верстка относиться к внешнему отображению элементов сайта (Front-end). Она не отвечает за базовые возможности сайта, например, за регистрацию пользователей, товарную корзину или прочие операции, связанные с вычислениями, внешними и внутренними запросами, хранением и загрузкой данных. Выделяют три вида вёрстки:– Табличная.– Блочная.– Семантическая.При табличной вёрстке страница поделена на соседствующие друг с другом ячейки. Напоминает стандартную работу с таблицами в Excel.В блочной верстке нет необходимости создавать лишние поддерживающие строки или столбцы. Контейнеры с содержимым задаются единственным тегом, точные параметры размеров и расположения которых определяются сразу. Ещё более современный тип вёрстки – семантический. Семантическая верстка помогает поднять ваш сайт выше в поисковике. По сути семантические теги те же «дивы», только с другими названиями и каждый отвечает за свою роль. Верстка должна состоять из HTML, CSS и желательно JavaScript, чтобы сделать сайт более функциональным. HTML (HyperText Markup Language) – язык разметки гипертекста, структура нашего сайта состоит из этого языка, мы строим из имеющихся тегов и их атрибутов со свойствами будущий веб-сайт. CSS (Cascading Style Sheets) – каскадные таблицы стилей, необходимый инструмент для усовершенствования визуальной, и не только, составляющей веб-сайта. Мы можем задать любые стили нашим html-тегам по нашему желанию, таким образом предать страницам современный, красивый дизайн. Далее проводится работа над валидностью верстки и возможностью ее дальнейшей доработки при расширении проекта. Исходный код проверяется на наличие ошибок, подстраивается под современные стандарты качества и интегрируется в выбранную систему управления сайтом (CMS). CMS (Content management system) – система управления содержимым, в нашем случае содержимое это веб-сайт. Такие системы позволяют даже неопытным пользователям, без навыков программирования, управлять содержимыми, менять шаблоны, редактировать любые разделы. C CMS большинство рутинных задач выполняется автоматически. Главная функция CMS — помощь владельцам или администраторам сайта в управлении контентом и формирование страниц для посетителей сайта. Структура сайта — разделы, категории меняются редко, в то время как контент может меняться очень часто. Особенно если речь идет об интернет-магазинах — информация о товарах корректируется постоянно. CMS для интернет-магазинов выполняет колоссальный объем работы автоматически, что очень удобно для администратора. Такая платформа должна быть рассчитана на большое количество посещений, на работу с сотнями и тысячами наименований товаров. Настройка модулей. Одним из основных этапов создания сайта считается программирование — добавление в проект всех заложенных опций и функций. Задача программистов: разработать и внедрить заложенную в ТЗ функциональность, настроить основные модули, обеспечить корректную работу ресурса. На данном этапе также проводится техническая оптимизация, ускорение загрузки, выявление и устранение всех ошибок в коде. Если требуется, отдельно проводится внедрение сторонних IT-продуктов для расширения функциональности сайта. Разработчики настраивают синхронизацию веб-сайта с CRM, подключают программу складского учета и бухгалтерию. Дополнительно проводится интеграция мессенджеров, подключаются онлайн-консультанты, настраиваются модули почтовой рассылки. При необходимости интегрируются калькуляторы стоимости заказа или расчета стоимости доставки, т. д. Следующие этапы разработки сайта — базовая оптимизация и работа с контентом. Согласно рекомендациям SEO-специалиста, разрабатывается структура и посадочные страницы сайта, внедряются коммерческие факторы и т.д. Также на данным этапе возможно проведение базовой SEO-оптимизации: распределение веса страниц сайта, добавление и оптимизация изображений, заполнение meta-данных. После завершения всех работ с кодом проводится наполнение страниц контентом. Сначала разрабатывается контент-план, затем загружаются уникальные тексты и авторский контент. В зависимости от специфики сайта, повышенное внимание уделяется медиа-контенту: графикам и таблицам, видеоматериалам и т. д. И в конце, когда все работы выполнены, остается эту выполненную работу протестировать. На локальной копии проекта или тестовом сервере оценивается работа основных функций, скорость загрузки страниц, удобство серфинга. Любые ошибки устраняются, код и структура при необходимости редактируются. При успешном прохождении тестов ресурс устанавливается на хостинг компании и привязывается к домену. По завершении пусконаладочных работ заказчику передаются все права на управление ресурсом, а также необходимая документация при наличии. |