Глава 3. Основные этапы разработки сайтов

Этап 1. Определение целей создания сайта.

От целей будет зависеть весь дальнейший процесс создания сайта. Правильно поставленная цель — это половина успеха.

Этап 2. Создание технического задания. Разработка веб-сайта начинается с составления технического задания. Работа начинается с заполнения брифа, в котором заказчик излагает свои пожелания относительно визуального представления и структуры сайта, приводит примеры сайтов конкурентов. Исходя из брифа, составляется техническое задание, которое должно включать следующие пункты:

• Тип сайта (портал, промо, визитка, корпоративный, магазин и т.д.)

• Функционал сайта (поиск, каталог, лента новостей и т.д.)

• Стиль дизайна (строгий, веселый, мрачный и т.д.)

• Структура сайта (какие страницы должны быть на сайте)

• Структура страниц (какие блоки должны быть на страницах и в каком виде)

Этап заканчивается после утверждения технического задания заказчиком.

Этап 3. Разработка дизайн – проекта

Этот этап делится на несколько подэтапов:

1. Генерация идей дизайна. Набор идей предоставляется заказчику в виде эскизов с текстовыми пояснениями.

2. Разработка предварительного макета дизайна главной страницы.

3. Исправление замечаний заказчика (если есть), доработка макета до завершенного вида.

4. Разработка внутренних страниц по аналогичному алгоритму.

В макете должны быть прорисованы все блоки, которые будут на сайте. Успешная разработка веб-сайта во многом зависит от уровня разработки дизайн-проекта. Высокопрофессиональный дизайн-проект, разработанный с учетом особенностей целевой аудитории, на которую рассчитано создание веб-сайта, может превратить сайт в эффективный бизнес-инструмент. Этапы проектирования веб-сайтов зависят от многих факторов, таких как объём сайта, функциональность, выполняемые задачи и многое другое. Однако, есть несколько этапов, которые в обязательном порядке присутствуют в планировании любого проекта.

Дизайн основной и типовых страниц сайта

Дизайнер в графическом редакторе создает один или несколько вариантов дизайна, в соответствии с техническим заданием. При этом отдельно создаётся дизайн главной страницы, и дизайны типовых страниц (новости, каталог продукции). Собственно «дизайн страницы» представляет собой графический файл, слоеный рисунок, состоящий из мелких картинок-слоев элементов общего рисунка. При этом дизайнер должен учитывать ограничения стандартов html. Исключение составляет Flash-дизайн. Этап также заканчивается утверждением эскиза заказчиком.

Этап 4. HTML-верстка. Утверждённый дизайн передаётся html-верстальщику, который «нарезает» графическую картинку на отдельные рисунки, из которых впоследствии складывает html-страницу. В результате создаётся код, который можно просматривать с помощью браузера. А типовые страницы впоследствии будут использоваться как шаблоны. В зависимости от целей и задач сайта, верстка должна удовлетворять некоторым требованиям, например:

• Кроссбраузерность — страницы должны одинаково отображаться разных браузерах (Mozilla Firefox, Google Chrome, Opera, Internet Explorer, Safari и т.д.).

• Гибкость вёрстки — возможность легко добавлять/удалять информацию на страницы.

• Быстрота обработки кода браузером

• Валидность — соответствие стандартам

• Семантическая корректность — логичное и правильное использование элементов HTML

Этап 5 – разработка программной части

Разработка веб-сайта невозможна без создания программной части, на которой впоследствии будет реализован уже созданный дизайн-проект. Для начала нужно определиться с системой управления контентом (CMS), которая пригодится, когда разработка веб-сайта будет закончена и нужно обслуживать его и актуализировать информацию. Можно использовать как свободно распространяемые бесплатные CMS, так и программные разработки компаний-разработчиков. Разработка веб-сайта, в котором задействована CMS предоставит в дальнейшем легкий и простой способ добавления или редактирования информации на сайте. Затем разработка веб-сайта переходит к разработке собственно программной части. Для опытных компаний-разработчиков создание веб-сайта обязательно основано на комплексном подходе, который позволяет изменять и корректировать программное обеспечение на любой стадии проекта. Разработка веб-сайта с использованием современных методов программирования позволяет разбить весь проект на серию коротких циклов. Далее готовые HTML-файлы передают программисту для создания системы управления сайтом. Как минимум создаются две части сайта – клиентская и серверная.

Этап 6 – тестирование сайта

Тестирование направлено не только на исправление ошибок и неточностей, но и повышение удобства использования сайта. Веб-дизайн сайта должен адекватно выглядеть в различных браузерах, особенно в браузерах Internet Explorer, Firefox, Safari, Chrome и Opera.

7-й этап: Публикация сайта в Интернет

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

2-я задача - это выбор физического размещения вашего сайта. Эта услуга называется "хостингом". Файлы сайта размещают на сервере провайдера и производят нужные настройки.

8-й этап: Заполнение сайта материалами

Сайт наполняют контентом — текстами, изображениями, файлами для скачивания и т. д. Иногда тексты составляются специалистом студии, иногда контентом занимается сторона заказчика.

9-й этап — продвижение сайта и реклама в интернете

Когда сайт полностью готов к работе — нужно привлекать на него посетителей. Для «раскрутки» сайта можно воспользоваться контекстной или баннерной рекламой, SEO, SMO и другими методами.

Внутренняя SEO-оптимизация. Связана с некоторыми изменениями самого сайта. Начинается она с определения семантического ядра. Здесь определяются такие ключевые слова, которые привлекут наиболее заинтересованных посетителей, по которым выиграть конкуренцию проще. Затем эти слова вносятся на сайт. Тексты, ссылки, другие теги адаптируются так, чтобы поисковые системы могли их успешно находить по ключевым словам.

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

Этап 10. Сдача проекта. Заказчик рассматривает готовый проект и в случае, если все устраивает, то подписывают документы о сдаче проекта.

На этом этапе производится так же обучение представителя заказчика навыкам работы в администраторской зоне сайта.

Модели проектирования

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