Давайте попробуем простым языком разобраться из чего конкретно состоит сайт. Постараемся использовать как можно меньше технических терминов и заумных фраз. А там, где их использовать придется – будем сразу пояснять. Итак:

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

HTML – это специальный язык разметки интернет-страниц. По сути своей – HTML-документ – это обычный текстовый файл, внутри которого помимо самой информации, которую нужно показать посетителю, есть также теги (служебная информация), благодаря которым Ваш браузер при открытии страницы “понимает", в каком виде стоит показывать тот или иной элемент. Например нужно ли показать человеку картинку. А если нужно, то какого размера. Растянутую на весь экран или нет. И многое другое. Что бы было понятней, Вы можете взять любой HTML файл и открыть его в любом текстовом редакторе. Да хоть в обычном “Блокноте".  Вот как-то так выглядит главная страница сайта “Кинопоиск":

Что-то как-то не очень понятно, не так ли? Верно. Потому что обычный “Блокнот" попросту “не понимает" разметку HTML и превращает все содержимое файла в неперевариваемую “кашу". Поэтому, чаще всего, разработчики сайтов пользуются специальными редакторами. Не из-за того, что HTML-файл это что-то особенное, а для удобства чтения его содержимого. Вот так, например, будет выглядеть тот же самый файл, открытый в программе Notepad++ :

 

Думаю, по большому счету, все до сих пор также не понятно, что там написано, о чем там написано и как это работает.  Но это и не важно 🙂 Главное, что уже видно, что  это не просто бессмысленная “каша", а вполне структурированное содержимое. Расцветка и разметка помогают воспринимать содержимое более адекватно. Вот и получается, что HTML-страница – это оформленный по специальным правилам текстовый документ. Правила позволяют браузеру посетителя правильно “понять" то, что содержится на странице. Все расположить правильно и правильно с этим содержимым взаимодействовать (например объяснить, какое слово является ссылкой и куда эта ссылка ведет после нажатия). 

В принципе, всё. Нам уже достаточно информации для того, что бы начать делать сайт. Ведь сайт (как мы уже знаем)- это набор HTML-страниц (Слово “набор" тут достаточно растяжимо. Страничка может быть и одна. А может их быть и 20 000 и 100 000 и еще больше). Давайте представим, что мы умеем делать HTML-странички. И мы их сделали.  Но что делать теперь-то? Куда теперь деть эти страницы? Сделать так, что бы они стали доступны в Интернете.  И тут нам на помощь приходит….

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

в самих серверных поддерживается определенная температура и влажность с помощью промышленных систем кондиционирования. Сделано это для того, что бы серверы, при их режиме работы 24/7, работали идеально как можно дольше. Все ЦОДы (Центры Обработки Данных) имеют резервные каналы связи и электроэнергии. А на экстренные случаи (например стихийные бедствия) снабжены системами автономного питания серверов на определенный срок.  Для этого используют дизельные генераторы. 

Вот в одно из подобных мест нам и надо “поселить" свой сайт. Что бы он был общедоступен всегда и отовсюду. Компании, которые занимаются размещением сайтов в ЦОДах называются “Хостингами" (Хостерами). Хостинги отличаются по огромному числу параметров. От самых простых типа географического расположения и приема только определенных способов оплаты и заканчивая сложными техническими параметрами, такими как поддержка тех или иных технологий на своих серверах. На самом деле, в наше время, потеряться в море различных хостингов очень просто. Счет их идет на тысячи. В том числе и поэтому мы предлагаем своим клиентов услуги по дальнейшему размещению сайта на наших технических площадках. Либо можем помочь с подбором хостинга в случае, если не можем удовлетворить потребности клиента самостоятельно. Кстати хостинг – это одна из услуг, оплата которой является периодической. В отличие от стоимости разработки сайта или веб-дизайна (о нем позже), где оплата является разовой – хостинг подразумевает ежемесячную оплату услуги. С нашими предложениями Вы можете ознакомиться на этой странице

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

Итак, его величество “Домен". Что же это такое? Домен – это буквенное обозначение адреса ресурса в сети Интернет. Что я имею ввиду под этой фразой? Давайте разбираться. 

Каждый компьютер в сети Интернет имеет свой адрес. Этим адресом выступает “IP-адрес" от английского IP – Internet Protocol. Протокола существует несколько версий, но самая распространенная версия на текущий момент: IPv4, в которой адреса выглядят, например, вот так: 8.8.8.8 . Кстати адрес 8.8.8.8 принадлежит компании Google и используется как публичный DNS-сервер. Но про DNS немного позже. Так вот… у каждого устройства в Сети есть свой IP. И серверы, естественно, не исключение. Таким образом, что бы попасть на сайт на сервере, можно набрать его (сервера) IP. Этот прием может не сработать в случае, если программное обеспечение на сервере настроено не отвечать на прямые запросы по IP. Или, например, если на одном сервере много сайтов. Как бывает в случае, если Вы пользуетесь услугами виртуального хостинга, а не берете в аренду выделенный сервер. И вот представьте, что что бы идентифицировать сайт на сервере, нужно помимо IP указать еще и имя пользователя, которому принадлежит сайт и еще и путь до самого сайта. Таким образом в конце концов пользователю пришлось бы набирать в браузере что-то типа:

http://256.256.256.256/~user/www/data/domain/public_html/ 

Вы представляете, каково это всё запомнить? Вот вот. Именно поэтому была придумана система, получившая, в последствие, название “DNS", что значит “Domain Name System“, которая стала одной из важнейших систем в развитии Интернета. Ведь запомнить nytva.site намного проще, чем запоминать ту белеберду, что я указал чуть выше в примере.

Как это работает? 

Есть такая огромная корпорация, которая называется ICAANInternet Corporation for Assigned Names and Numbers ) ,  которая занимается регулированием вопросов, связанных с IP-адресами и доменными именами. У этой корпорации есть специальные серверы, на которых хранятся записи о соответствии доменов и IP адресов. Эти серверы называются “Корневыми серверами DNS". И там написано, например, что домен NYTVA.SITE соответствует IP: 91.224.141.220 . И что в случае, если пользователь введет в своем браузере этот домен, то направить его запрос именно на 91.224.141.220 и дальше пусть сервер сам разбирается с пользователем. 

Помимо “Корневых серверов DNS" , на каждом сервере, на котором располагаются сайты, есть специальное Программное Обеспечение (которое тоже называется “DNS сервер" из-за чего иногда происходит путаница у новичков между ПО и физическими серверами). Которое указывает пользователю, с какой же папкой на сервере связан тот или иной домен. И каждое действие в Интернет начинается с DNS запроса.

В конечном итоге работает все примерно как в случае с туристом, не знающим ничего о стране своего пребывания. Давайте представим, что во Францию прилетел турист, который не знает абсолютно ничего про эту страну, но слышал от кого-то, что есть какая-то “Эйфелева башня". В нашем примере “Эйфелева башня" будет выступать в роли искомого сайта, а турист – в роли запроса, который послал пользователь. Итак, самолет нашего туриста приземлился и он вышел на Французскую землю. Оглянувшись, он увидел жандарма (полицейского) и решил спросить, как ему попасть к своей цели. Жандарм в данном случае, выступает в роли “Корневого сервера DNS" и подсказывает нашему герою, что ему следует отправиться в город Париж (сервер) и задать свой вопрос там, если он хочет получить больше информации или добраться до достопримечательности. Наш путешественник отправляется в Париж. Выходит на его улочки…. и куда дальше? Тогда он находит другого жандарма и задает свой вопрос снова (этот жандарм уже выступает в роли DNS-сервера на сервере с сайтами). И получает ответ, что “Эйфелева башня" стоит по адресу: Champ de Mars, 5 Avenue Anatole France . Тогда наш путешественник, преисполненный сил и воодушевленный тем, что все прошло гладко, отправляется по указанному адресу и находит то, что искал.

Вот примерно также работает и служба DNS. И мы плавно приходим к тому, что если мы хотим получить полноценно функционирующий сайт – то ему нужен домен. Регистраторов доменов достаточно много. Хотя официальных в разы меньше, чем хостингов. Одно из главных правил при регистрации домена – регистрировать его на себя (если Вы, конечно, не планируете заниматься на сайте чем-то незаконным). Для регистрации доменов в большинстве зон необходимы паспортные данные, если Вы регистрируете его на частное лицо, или данные компании, если регистрируете его на фирму. Помимо самих доменов, есть еще и такое понятие, как “доменная зона" – это то, что идет после точки в адресе. Например доменная зона .RU . Или доменные зоны  .NET .ORG .INFO и другие. Стоимость домена зависит от выбранной доменной зоны и может разительно отличаться. Есть, конечно, доменные зоны с упрощенной (а иногда и бесплатной) регистрацией, такие как, например .TK , но они, как правило, не пользуются особой популярностью (в первую очередь с точки зрения SEO) и вообще “не солидны". Кстати! Домен – это вторая статья расходов на сайт, которую Вы будете платить постоянно. Как правило регистрация домена происходит на 1 год и потом ежегодно продляется. Некоторые домены у некоторых регистраторов можно оплатить сразу на срок до 10 лет. Если Вы вовремя не продлите свой домен, то после истечения срока регистрации – он перестанет Вам принадлежать, а потом и вовсе перейдет к другому владельцу. Примерно как в случае с номерами сотовых телефонов.  Кстати, мы предлагаем своим клиентам услуги помощи при регистрации доменов в случае, если они не могут (или не хотят) заниматься этим самостоятельно. 

  • Содержимое сайта – Есть
  • Хостинг – Есть
  • Домен – Есть

Заходим на сайт, а там…. Господи ты Боже мой… Все криво – косо и вообще не красиво. Ё-мое, мы же забыли про:

Дизайн…. Дизайн – это то, что самым первым видит посетитель, заходя на Ваш сайт. Он еще не успел прочитать и двух предложений, но уже примерно ощущает – приятно ему находиться на сайте или нет. Нравится ли ему цветовая гамма. Удобно ли для него расположены элементы на сайте. В том числе всякие картинки. Если дизайн сайта будет посетителю неприятен, то он, вероятнее всего, на сайте не задержится. HTML страница без дизайна будет выглядеть примерно следующим образом:

Не очень симпатично, не так ли? Вы бы долго задержались на этом сайте? Не думаю. Ведь хочется видеть красивую картинку, приятную глазу, которая помогает воспринимать информации. Именно поэтому сейчас при создании дизайна используют связку различных технологий… верстку самого HTML, CSS (каскадные таблицы стилей), различные скрипты (сценарии), заставляющие, например, какие-то элементы на сайте двигаться или менять цвет в зависимости от действий пользователя (например использование JavaScript). В конечном итоге дизайн превращается в огромную творчески-техническую работу. Почему именно “творчески-техническую"? Потому что создание дизайна сайта состоит из нескольких этапов: сначала клиент рассказывает дизайнеру, что он хочет видеть на сайте, как примерно (или точно) это должно выглядеть, в какой цветовой гамме и прочее. Потом дизайнер рисует дизайн в графическом редакторе. Чаще всего для этого используется Adobe Photoshop. Получается массивный .PSD-макет страницы будущего сайта. Или нескольких страниц, если сайт многостраничный. После того, как клиент утвердил, что ему нравится полученный результат, то этот макет уходит дальше – к верстальщику. Верстальщик “нарезает" получившуюся картинку на элементы, пригодные для использования в оформлении HTML-страниц. И создает, по сути, уже готовую HTML-страницу, которую можно показывать посетителю. Но информация на ней до сих пор или отсутствует или вписана “нейтральная", с которой верстальщику было удобно верстать эту самую страницу. Поэтому следующим шагом программист сайта уже соединяет готовый HTML шаблон с тем “телом" сайта, которое было запрограммировано ранее. Настраивает вывод определенной информации в нужные части сайта. При необходимости подключает все интерактивные технологии и скрипты, превращая безжизненную “болванку" в уже завершенный сайт. После проверки всего и вся, страница выгружается на сервер хостера и размещается в Интернете. 

Так как вся эта работа достаточно тяжела и трудозатратна, а также требует не только технических знаний, но и творческих – создать эксклюзивный дизайн “для себя" – услуга не из дешевых. Действительно качественные дизайны стоят дорого. Поэтому очень многие прибегают к использованию уже готовых шаблонов. Готовые шаблоны бывают платные и бесплатные. Платные шаблоны, чаще всего, дизайнеры создают в свободное от заказов время и выставляют на продажу в специальных площадках. Стоимость такого шаблона обычно на несколько порядков ниже, чем создание такого дизайна для клиента “с нуля". Разница лишь в том, что тут автор выставляет количество продаваемых копий. И их может быть и 100 и 1000 и 2000 и даже больше. Таким образом Ваш сайт уже не будет эксклюзивным. Где-то в Сети у него будут братья близнецы 🙂 И иногда в больших количествах. Бесплатные же шаблоны создаются дизайнерами, зачастую, в самом начале своего пути, что бы “набить руку" или для своего портфолио. Такие шаблоны лежат в Сети в свободном доступе и их может скачать любой. То есть даже про мало-мальскую индивидуальность можно забыть. Сколько раз был скачан и установлен такой шаблон Вы не узнаете никогда, пока не наткнетесь на подобный Вашему сайт 🙂 

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

Всё. Сайт готов и доступен.

Веб-сайт – это механизм, созданный из нескольких составляющих. А именно:

  • Сам контент сайта – сама информация, которую вы хотите донести до посетителя. Он может быть как статичным, так и динамическим и даже интерактивным. Причем интерактив может доходить до онлайн общения с посетителем. Эта услуга оплачивается разово при создании сайта. Если только Вы не захотите в будущем что-то переделать.
  • Домен сайта – адрес, по которому посетители будут находить Вас в Интернет. Домены оплачиваются ежегодно, чаще всего, и стоимость зависит от выбранной Вами доменной зоны (.RU / .ORG / .NET и др.)
  • Хостинг – площадка, на которой будет располагаться Ваш сайт. Чаще всего сопровождается специальной панелью управления, которую предоставляет хостер. Там Вы сможете настроить некоторые параметры работы сайта. Оплачивается, чаще всего, ежемесячно, а за годичную оплату, зачастую, полагаются скидки. Стоимость хостинга очень сильно “гуляет", так как зависит и от самой ценовой политики хостера и от тех ресурсов, что будет потреблять Ваш сайт

Вот три основных момента, из которых будет складываться стоимость создания сайта. Отдельным и обособленным пунктом стоят траты на “SEO  и рекламу“. Услуги SEO направлены на оптимизацию выдачи Вашего сайта в поисковиках, а реклама…. а что реклама.. этот пункт говорит сам за себя. Реклама – двигатель торговли. По сути оба этих пункта являются разовыми. Но так как механизмы выдачи поисковых результатов постоянно дорабатываются и в итоге меняются, то оба пункта, по сути, превращаются в подписку. Больше тратите – больше получаете отдачу. Всё просто на самом деле. 

Вот это всё, что я хотел бы Вам рассказать в общих чертах о том, как создаются сайты. Естественно, что очень многое индивидуально. И каждый проект требует отдельного подхода по разным пунктам, но если Вы вообще не знали с чего подступиться к вопросу создания собственного сайта – то теперь имеете хотя бы общее представление. 

Если Вы все еще твердо хотите получить собственный сайт, то пожалуйста – ознакомьтесь с нашими услугами в соответствующих разделах сайта

Автор: OPTIC