Web-дизайн / Блог / Общие понятия о сайте. Виды сайтов. Домен и хостинг. Этапы разработки сайта. Последующее обслуживание

Общие понятие о сайте

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

Виды сайтов

В теории сайты можно разделить на следующие виды:

Сайт-визитка

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

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

Пример использования сайта-визитки:

Создание уникального дизайна, публикация краткой информации + ссылки на социальные сети.

Одним из вариантов сайта-визитки является Лэндинг пейдж (От английского landing page). Такая разновидность сайта используется в электронной коммерции для рекламы и продвижения определенного продукта. Лэндинг пейдж, как правило, представлен единственной страницей, где информация о товаре или услуге является ключевой и подана наиболее наглядным образом. Разработка Лэндинг пейдж ведется с участием маркетолога.

Сайт представительство

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

Корпоративный сайт

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

Каталог продукции

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

Интернет-магазин

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

Информационный портал

Информационный портал — сайт, содержащий большой объем информации в виде текстовых статей, аудио- и видеоматериалов. Такие сайты, как правило, содержат умные фильтры для поиска содержимого, метки для записей, большое количество тематических разделов. Для обсуждения статей добавляются возможность комментирования. Регистрация и авторизация посетителей возможно с помощью аккаунта в социальных сетях.

Понятие о домене и хостинге для сайта

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

У каждого государства существует свой домен первого уровня, но есть и международные домены, как правило, связанные с деятельностью компании — это домены .com (коммерческие организации), .org (некоммерческие организации), .biz (бизнес проекты), .net (сетевые проекты), .info (информационные) и другие.

Как правило, доменное имя регистрируется с помощью специальных компаний-регистраторов сроком на один год и, по окончании этого срока, владелец может его продлить на следующий год. Стоимость регистрации домена в среднем составляет 500—600 рублей, а стоимость продления чуть ниже: 400—500 руб.

Но для размещения сайта в сети Интернет не достаточно обладать только доменным именем. Необходимо купить место на сервере (так называемый хостинг), где будет находиться ваш сайт. Другими словами, домен — это адрес вашего дома, а хостинг — это сам дом, где живет хозяин (ваш сайт). Стоимость аренды хостинга определяется разными параметрами, такими как объем выделяемого дискового пространства, производительность процессора, услуги резервного копирования, и колеблется от 1000  до 10000 руб. (и более) за год. Для крупных сайтов с большим количеством заходов необходим более мощный хостинг, для небольших проектов можно обойтись и базовым.

Как создается сайт?

Допустим, вы купил домен и хостинг и набираете в адресной строке браузера адрес вашего сайта http://vashsait-33.ru и что вы там видите? Ровным счетом не то, что хотите.

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

Бесплатное решение:

Плюсы

  1. Бесплатность программного обеспечения
  2. Простота установки и настройки базовых функций

Минусы

  1. Не уникальный внешний вид (такой сайт может быть еще у 20-30 компаний)
  2. Работа с ограниченным количеством функций

Платное решение:

Минусы

  1. Дополнительные расходы

Плюсы

  1. Уникальный дизайн
  2. Сайт настраивается под ваши нужды

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

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

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

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

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

Вся работа по сайту делится на 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 этап. Запуск сайта

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

Барабанная дробь, заказчик идет по адресу http://vashsait-33.ru и, о чудо, все работает!

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

Для добавления информации на сайт также требуется определенный навык и время. Сайт-визитка не требует особого обслуживания и может существовать в неизменном виде долгие месяцы. Сайт представительство требует обновления новостей, как минимум раз в две недели. Корпоративный сайт и того чаще. Наиболее трудоемкие в обслуживании — это интернет магазины, где информация может изменяться в большом объеме за короткий промежуток времени. Информационные порталы требуют  ежедневного обновления информации, а новостные ежечасного.

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