2. Общие понятия сайта. Этапы создания сайта

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

Для того, чтобы на ваш сайт можно было попасть посредством сети Интернет, в первую очередь, нужно выбрать доменное имя. Например, доменное имя vashsait-33.ru, где префикс .ru домен первого уровня означает, что домен территориально привязан к Российской Федерации, vashsait-33 — имя, которое может быть абсолютно произвольным. Предварительно нужно убедиться, что домен с таким именем уже не зарегистрирован кем-либо. Для проверки занят домен или нет, можно воспользоваться сервисом http://www.whois-service.ru/.

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

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

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

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

Вся работа по сайту делится на 6 основных этапов.

1 этап. Проработка структуры сайта и компоновка страниц.

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

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

2 этап. Дизайн шаблонов сайта.

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

3 этап. HTML верстка шаблонов сайта.

Для того чтобы перевести нарисованный шаблон в форму, воспринимаемую интернет обозревателем (браузером), верстальщик использует специальный язык HTML (от англ. HyperText Markup Language — «язык гипертекстовой разметки»;) — стандартный язык разметки документов во Всемирной паутине. А также создает специальные каскадные таблицы стилей CSS. Параллельно с версткой программируются клиентские скрипты на языке Javascript. C помощью этих скриптов на веб странице можно воспроизводить определенные функции и графические эффекты. После того, как шаблон сайта сверстан он проверяется на наличие ошибок специальным валидатором и тестируется в различных интернет обозревателях (Internet Explorer, Opera, Chrome, Mozilla).

4 этап. Программирование сайта.

Программирование сайта ведется в соответствии с техническим заданием. Самыми популярными средами программирования являются PHP и ASP программирование. В этих средах работает большинство существующих в сети сайтов. В помощь программистов существуют специальные фреймворки, облегчающие создание необходимых функций. За базис в программировании часто выбирают специализированную систему управления сайтом CMS, что значительно упрощает процесс создания, так как часть функций, применяемых в системе уже существует и не требует дополнительного программирования. CMS бывают как платными, так и свободно распространяемыми. В любом случае, настройка как платных, так и бесплатных систем требует определенного навыка и времени.

После того, как программная часть сайта написана и проверена, сайт подвергается тестированию. Ошибки, найденные в ходе тестирования, устраняются.

5 этап. Наполнение сайта информацией

Все разделы сайта наполняются необходимой информацией. Параллельно с этим наполнением происходит обучение персонала. Пишется инструкция по работе с сайтом.

6 этап. Запуск сайта

Сайт с локального сервера разработчиков переносится на хостинг заказчика. Настраивается подключение к базе данных. Создаются почтовые ящики.