Раздел 4 ЭТАПЫ РАЗРАБОТКИ САЙТА. ТЗ НА РАЗРАБОТКУ

Этапы разработки сайта: подготовительный; разработка макета; верстка; программирование; наполнение контентом; раскрутка сайта; администрирование (поддержка) сайта.

Содержание технического задания на разработку сайта. Использование специального программного обеспечения для разработки структуры сайта. Тестирование сайта.

Понятие хостинга. Виды хостинга. Выбор оптимального решения. Обзор инструментальных средств для размещения веб-сайта в сети. Использование FTP-сервиса для размещения веб-сайта. Регистрация веб-сайта в поисковых системах сети интернет. Периодическое обновление и дополнение информации, проверка работы ссылок.

Этапы разработки web-сайта

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

Работу по созданию можно разделить на такие этапы:

— Подготовительный;

— Разработка макета;

— Верстка;

— Программирование;

— Наполнение контентом;

— Раскрутка сайта;

— Администрирование (поддержка) сайта.

К каждому пункту надо подходить со всей ответственностью, ведь от этого будет зависеть качество и посещаемость сайта. Остановимся на этих этапах подробнее:

Подготовительный этап

На этом этапе необходимо сформировать основную идею будущего сайта.

· Нужно определить какая цель будет у сайта, например, цель может быть такая: обучение, развлечение, интернет-магазин, продажа каких либо услуг, бизнес сайт, или просто заработок на сайте.

· Затем определяем целевую аудиторию (пол, возраст, образование), то есть для кого будет этот сайт.

· Так же необходимо выяснить какую информацию ожидают посетители, это поможет с определением контента (текстовой информацией) на сайте.

· Затем нужно определиться с технической стороной . Важно учитывать среднее подключение к сети, а так же программным обеспечением.

· Навигация — важный пункт. Все должно быть интуитивно понятно, где и что находится, чтобы пользователь не бродил в поисках нужной информации, а сразу ориентировался на сайте.

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

На этом же этапе составляется ТЗ (Техническое задание).

Разработка макета

После постановки задач будущего сайта, наступает следующий этап — разработка макета. Ориентируясь по пунктам ТЗ разрабатывается будущий шаблон, или шаблоны, из которых можно выбрать нужный вариант. На данном этапе определяется как будет выглядеть дизайн в целом, какие графические элементы будут использованы, а так же какая структура будет у страниц и какие цветовые решения будут на нем присутствовать.

После чего предоставляется в формате PSD (со всеми слоями) и в виде картинке, тут можно использовать любой формат ( JPEG, PNG ), чтобы в дальнейшем передать работу в руки верстальщика. Разработка дизайна сайта обычно занимает от нескольких дней, до нескольких недель, очень сложные работы могут проводиться даже месяц.

Верстка

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

Виды верстки при создании сайта:

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

· Табличная. В табличной верстке можно создавать колонки, таблицы в браузерах выглядят почти одинаково. Недостатки: индексация такого сайта очень медленная, долго загружаются страницы и код такой верстки слишком большой.

Программирование

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

Язык программирования представляет собой знаковую систему,которая предназначена для описания алгоритмов. Самые популярные языки программирования: Java, C, C++, Delphi, Basic, PHP, Perl, Ruby и др.

После всех этих действий сайт публикуется в сети.