Этапы создания сайта

Начиная знакомство с разработкой страниц и впервые услышав о языке разметки, некоторые начинающие разработчики кидаются верстать фрагменты страницы и заправлять их CSS-классами. Но в тот же момент появляются вопросы о том, что еще понадобиться для создания сайта, какой язык поможет реализовать конкретную функцию сайта, проще нанять разработчика или изучить технологию самостоятельно (в прочем на последний вопрос в заметке отвечать не будем). И так, основные этапы создания сайта:

Этапы создания сайта

• Выявление требований к сайту и их оценка
• Разработка концепции сайта
• Создание дизайна сайта
• Создание макетов страниц и мультимедиа к ним
• Вёрстка HTML-страниц и шаблонов
• Программирование сайта или внедрение в систему управления содержимым (CMS)
• Оптимизация и размещение материалов сайта
• Тестирование и внесение корректировок
• Запуск проекта
• Поддержка и обслуживание работающего сайта

Этапы создания сайта могут дополняться отдельными действиями, но обычно их набор совпадает. Для построения сайта нужно пройти все шаги в независимости от того работает команда разработчиков или отдельный человек. Во втором случае работа усложняется из-за большого количества разноплановых задач, потому разработчики специализируются на каком-то одном этапе создания сайта, а с остальными частично знаком или вообще в них не ориентируется. Как я в дизайне:)

Выявление требований к сайту и их оценка

Определением требования и составлением ТЗ занимается менеджер. Он встречается с заказчиком, вникает в требования, описывает и формализует их. В ТЗ дается прогноз по объему работ, указывается на специфические требования заказчика. В книге Йенса Петера Якобсена «Концепция разработки Web-сайтов. Как успешно разработать Web-сайт с применением мультимедиа-технологий» рекомендуется озадачиться вопросами целей проекта, определении лиц принимающих решения, уточнение целевой аудитории и информации для нее. Наличие корпоративного дизайна, прототипов, планов рекламной компании — желательно охватить как можно больше вопросов.

Разработка концепции сайта

На этом этапе разрабатывается документ, описывающий общую концепцию сайта (важно для больших проектов). Результатов работы становится описание информации и компании, информация об сфере работы и конкурентах, описание целевой аудитории (даются ли ответы на вопросы, подходит ли дизайн и цветовая схема, ясно ли изложен материал). Важно указание целей проекта и описания функций сайта. В сложных проектах описаются варианты/сценари использования веб-приложения — это помогает понять, что делать на следующих этапах разработки.

Создание макетов страниц

Проектировщик сайта, разработчик сайта, специалист по юзабилити, веб-дизайнер создают макеты страниц сайта. Макеты оформляются в программе или сервисе для создания прототипов. Тут же происходит первичное тестирование на удобство работы со страницами.

Создание дизайна сайта

Далее в работу вступает веб-дизайнер. Создаются дизайны главной и остальных страниц сайта. При создании учитываются требования ТЗ и возможности HTML, подбор фонов, расположение элементов на страницах и гармоничность, позиционирование и работу с цветом и т.д. При этом дизайны страниц создаются в графическом пакете (Adobe Photoshop и/или Illustrator, Gimp и/или Inscape)

Вёрстка HTML-страниц и шаблонов

Верстальщик воплощает в HTML, макеты и дизайн страниц (которые разработали на предыдущих этапах). Верстка выполняется делается с учетом требований ТЗ. Используются дополнительные библиотеки и фреймворки для быстрой реализации шаблонов. В случае, если HTML-страницы будут использоваться как шаблоны системы управления содержимым (CMS) сайта, то понадобиться знание азов языка серверного программирования.

Программирование сайта или внедрение в систему управления содержимым (CMS)

Если планируется не просто создание сайта-визитки, то в дело вступает программист. Он реализует логику на серверных (PHP, JavaScript или др.) и клиентском языке (JavaScript); иногда используется «полуфабрикаты» сайтов в виде CMS, когда большая часть кода написана и свободно распространяется, достаточно настроить систему для использования. Иногда требуется реализовать отдельные части сайта, в этом случае PHP-программист должен быть знаком в внутренним устройством CMS.

Оптимизация и размещение материалов сайта

Размещением материалов занимается контент-менеджер (знает HTML, умеет подправить вносимый контент необходимой разметкой). Оптимизацией загрузки сайта занимаются разработчики. Но есть еще понятие поисковой оптимизации сайта — комплекса работ, которые выполняют SEO-оптимизаторы (SEO — англ. search engine optimization).

Тестирование и внесение корректировок

Тестированием сайта может заниматься тестировщик программного обеспечения или разработчики сайта.

Запуск проекта

Запуск выполняется менеджером проекта, разработчиками

Поддержка и обслуживание работающего сайта

Ответственные лица:)