С чего начинается сайт?

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

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

Что такое сайт?

Где хранится информация и данные?

Каковы технические аспекты?

Сколько же все это стоит?


Что такое сайт?

Сайт, или веб-сайт (читается [вэбсайт], от англ. website: web — «паутина, сеть» и site — «место», буквально «место, сегмент, часть в сети»), — совокупность логически связанных между собой веб-страниц; также место расположения контента сервера. Обычно сайт в Интернете представляет собой массив связанных данных, имеющий уникальный адрес и воспринимаемый пользователем как единое целое. Веб-сайты называются так, потому что доступ к ним происходит по протоколу HTTP. (Источник: Wikipedia)

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

Сайты (интернет страницы) бывают разные. По классификации они делятся на несколько групп:

По типу - сайт-визитка, лендинг-педж, блог, форум, персональная страница, информационный, корпоративный, магазин, каталог, портал;

По формированию информации - статичный, динамический, флеш-сайт.

 

Где хранится информация и данные?

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

Если говорить о методе хранения информации, то она может храниться в файлах или же в базе данных.

При вводе адреса сайта в браузер, например www.MoiSait.ru, браузер передает запрос на веб-сервер, а веб-сервер, в свою очередь формирует страницу и передает ее обратно браузеру, и т.о. страница выводится пользователю на экран. Говоря языком техническим, браузер и веб-сервер взаимодействуют по технологии клиент-сервер.

Архитектура клиент-сервер

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

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

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

 

Каковы технические аспекты?

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

На сегодняшний день существует три основных способа создания сайта:

1. Заказать разработку сайта и его запуск специализированным компаниям - веб-студиям.

2. Заказать разработку сайта у вольного специалиста - фрилансера.

3. Сделать сайт самому.

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

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

Если вы просто захотите проверить у себя дома, как это работает, вам достаточно пользуясь любым текстовым редактором (блокнот, notepad) создать текстовый файл с расширением html - file.html, и написать в него что-нибудь. Затем сохранить этот файл и открыть его простым кликом мыши. Данный файл автоматически откроется в вашем интернет-браузере и на экране будет то, что вы записали в этом файле. Это всего лишь очень упрощенный пример того, как вывести что-то на экран интернет-браузера.

Согласно синтаксическим правилам оформления интернет страниц html файл должен иметь определенную структуру, содержать соответствующую разметку и использовать теги, соответствующие стандарту языка HTML. Пример такой страницы см.ниже:

<!DOCTYPE html>
<html>
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <title>HTML Document</title>
   </head>
   <body>
      <p>
         <b>
            Этот текст будет полужирным, 
            <i>а этот — ещё и курсивным</i>
         </b>
      </p>
   </body>
</html>

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

Говоря проще, для запуска вашего сайта вам нужен хостинг, домен, готовый сайт и выход в интернет.

Способов и методов создания сайта существует множество. Какой путь выбрать - зависит от вашего предпочтения.

Сайт может быть самописным, т.е. при разработке сайта формируется структура и пишется код с нуля, под конкретное техническое задание клиента, а может быть разработан с использованием уже существующей системы управления содержимым (CMS - content management system), в простонародье - движком.

Языков программирования, которые применяются для разработки сайта, также несколько. Самые популярные из них это HTML, Java Script, PHP, Perl, Ruby.

 

Сколько же все это стоит?

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

В среднем, цены на основные типы сайтов могут выглядеть таким образом:

Сайт-визитка - 15-100$;
Корпоративный сайт - 150-450$;
Интернет-магазин - 200-350$;
Интернет-портал - 500-2500$.

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

 

В качестве заключения.

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