Как работает сайт


Что такое сайт простыми словами и как он работает?

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

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

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

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

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

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

1. Файлы

Все картинки и многочисленные тексты, которые мы видим в Интернете – это дизайн, система управления сайтом (wordpress, joomla или что-то еще) и сама полезная информация (контент). Каждый из этих элементов представляет собой специальные файлы, точно также как любые другие файлы у вас дома на компьютере. Создаются они на специальных языках web программирования, таких как HTML, PHP и т.д. Когда мы видим текст, картинки и видео в нашем браузере, мы видим работу именно этих файлов.

2. Место для хранения файлов

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

Какой хостинг лучше выбрать для своего сайта я рассказываю тут.

3. Адрес сайта или доменное имя

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

Например, BiznesSystem.ru – это адрес моего сайта. Занимаются назначением адресов для всех сайтов в сети специальные компании – регистраторы. А сами адреса называются доменами или доменными именами. Мы можем купить себе любое, свободное на данный момент, доменное имя.

Тут можно проверить домен на занятость. А как правильно выбирать доменное имя для сайта я писал в этом посте.

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

Коротко ответ на вопрос “Что такое сайт?” будет звучать так – это комплекс файлов, размещенных на сервере (хостинге), к которому ведет специальный адрес (домен).

Как работает сайт?

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

Эта программа передает на компьютер пользователя данные сайта – текст, картинки, видео или что-то еще (зависит от конкретного случая).

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

Виды сайтов

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

  • Принадлежность – сайты бывают персональные, принадлежащие обычным людям, корпоративные – принадлежат фирмам, государственные – принадлежат органам власти или муниципальным образованиям.
  • Тематика – самая подробная классификаций по этому направлению описана в Яндекс Каталоге. Там перечислены все тематики в иерархическом формате (от общих к более конкретным). Эта классификация бывает полезна при выборе площадок для рекламы.
  • CMS – сайты могут создаваться как с чистого листа (html, css, php), так и с использованием уже готовых систем управления контентом. Движок сайта играет огромную роль при подборе плагинов или скриптов, так как то что подходит для одной CMS не подойдет для другой. Наиболее популярны WordPress, Joomla, Drupal, PHPbb.
  • Назначение – каждый сайт создается для определенных целей – блоги, форумы, социальные сети, городские порталы, каталоги и т.д.

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

Как работает Интернет - Изучите веб-разработку

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

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

Клиенты и серверы

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

  • Клиенты - это типичные подключенные к Интернету устройства веб-пользователя (например, ваш компьютер, подключенный к вашему Wi-Fi, или ваш телефон, подключенный к вашей мобильной сети) и программное обеспечение для доступа в Интернет, доступное на этих устройствах (обычно это веб-браузер, такой как Firefox или Chrome).
  • Серверы - это компьютеры, на которых хранятся веб-страницы, сайты или приложения. Когда клиентское устройство хочет получить доступ к веб-странице, копия веб-страницы загружается с сервера на клиентский компьютер для отображения в веб-браузере пользователя.

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

А пока представим, что Интернет - это дорога. На одном конце дороги клиент, который похож на ваш дом. На другом конце дороги находится сервер, в котором вы хотите что-то купить.

В дополнение к клиенту и серверу нам также нужно передать привет:

  • Ваше подключение к Интернету : Позволяет отправлять и получать данные в Интернете.По сути, это как улица между вашим домом и магазином.
  • TCP / IP : Протокол управления передачей и Интернет-протокол - это протоколы связи, которые определяют, как данные должны передаваться через Интернет. Это как транспортные механизмы, позволяющие оформить заказ, зайти в магазин и купить товар. В нашем примере это похоже на машину или байк (или что-то еще, что вы можете обойти).
  • DNS : Серверы доменных имен похожи на адресную книгу для веб-сайтов.Когда вы вводите веб-адрес в своем браузере, браузер просматривает DNS, чтобы найти реальный адрес веб-сайта, прежде чем он сможет найти веб-сайт. Браузеру необходимо выяснить, на каком сервере находится веб-сайт, чтобы он мог отправлять HTTP-сообщения в нужное место (см. Ниже). Это похоже на поиск адреса магазина, чтобы получить к нему доступ.
  • HTTP : протокол передачи гипертекста - это протокол приложения, который определяет язык, на котором клиенты и серверы могут общаться друг с другом.Это похоже на язык, на котором вы заказываете товары.
  • Файлы компонентов : Веб-сайт состоит из множества разных файлов, которые подобны различным частям товаров, которые вы покупаете в магазине. Эти файлы бывают двух основных типов:
    • Файлы кода : веб-сайты в основном создаются на основе HTML, CSS и JavaScript, хотя вы познакомитесь с другими технологиями чуть позже.
    • Активы : это собирательное название для всего остального, что составляет веб-сайт, например изображений, музыки, видео, документов Word и PDF-файлов.

Так что же именно происходит?

Когда вы вводите веб-адрес в свой браузер (для нашей аналогии это похоже на прогулку в магазин):

  1. Браузер переходит к DNS-серверу и находит реальный адрес сервера, на котором находится веб-сайт (вы найдете адрес магазина).
  2. Браузер отправляет на сервер сообщение HTTP-запроса с просьбой отправить копию веб-сайта клиенту (вы идете в магазин и заказываете товар).Это сообщение и все другие данные, передаваемые между клиентом и сервером, передаются через ваше интернет-соединение с использованием TCP / IP.
  3. Если сервер одобряет запрос клиента, сервер отправляет клиенту сообщение «200 OK», что означает «Конечно, вы можете посмотреть этот веб-сайт! Вот он», а затем начинает отправлять файлы веб-сайта в браузер в качестве серия небольших фрагментов, называемых пакетами данных (магазин дает вам товары, а вы приносите их домой).
  4. Браузер собирает небольшие фрагменты в целую веб-страницу и отображает ее вам (товары прибывают к вам - новые блестящие штуки, круто!).

Объяснение DNS

Настоящие веб-адреса - это не красивые запоминающиеся строки, которые вы вводите в адресную строку, чтобы найти свои любимые веб-сайты. Это специальные числа, которые выглядят так: 63.245.215.20 .

Это называется IP-адресом, и он представляет собой уникальное место в сети. Однако запомнить это непросто, не так ли? Вот почему были изобретены серверы доменных имен. Это специальные серверы, которые соответствуют веб-адресу, который вы вводите в браузере (например, «mozilla.org ") на настоящий (IP) адрес сайта.

На сайты

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

Объяснение пакетов

Ранее мы использовали термин «пакеты» для описания формата, в котором данные отправляются от сервера к клиенту. Что мы здесь имеем в виду? В основном, когда данные отправляются через Интернет, они отправляются в виде тысяч небольших фрагментов, так что множество разных веб-пользователей могут загружать один и тот же веб-сайт одновременно.Если бы веб-сайты отправлялись как отдельные большие куски, только один пользователь мог бы загружать их по одному, что, очевидно, сделало бы Интернет очень неэффективным и не очень интересным в использовании.

См. Также

Кредит

Уличное фото: Уличная композиция, Кевин Д.

В этом модуле

.

Как работает всемирная паутина

Реклама

Криса Вудфорда. Последнее обновление: 19 апреля 2020 г.

Двадцать или тридцать лет назад что-то, что вы могли бы принять за предоставлено: вы можете зайти в публичную библиотеку, открыть ссылку Книга и найти информацию практически по любому предмету, который вы хотели. Что мы в настоящее время считается само собой разумеющимся, что мы можем сесть практически в любом компьютер, почти в любой точке планеты, и доступ к онлайн- информационная библиотека намного мощнее любой публичной библиотеки на Земле: Всемирная паутина.Двадцать первый век жизнь так зависима в Интернете, что кажется замечательным, что мы когда-либо жили без него. Тем не менее Сеть была изобретена менее 30 лет назад и пользовалась огромной популярностью. успех только около 20 из них. Одно из величайших изобретений всех времен ... также является одним из новейших!

Художественные работы: Наши ворота в мир: Всемирная паутина (WWW) состоит из информации, которая распространяется через Интернет. Когда вы просматриваете веб-сайт, программа, работающая на вашем компьютере (веб-браузер, такой как Google Chrome или Mozilla Firefox), извлекает необходимую информацию с мощного централизованного компьютера (веб-сервера).Каждый сервер может отправлять страницы сотням, тысячам или миллионам браузеров более или менее в одно и то же время. Одна веб-страница может быть загружена только с одного сервера или может быть построена из отдельных частей, загруженных с десятков разных серверов по всему миру.

В чем разница между Интернетом и Интернетом?

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

Давайте уточним одну вещь, прежде чем идти дальше: Интернет и Интернет - это два совершенно разных вещей:

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

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

Как компьютеры могут говорить на одном языке

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

Фотографии: Микрокомпьютеры, подобные этому Apple] [продавались сотнями тысяч в конце 1970-х и в начале 1980-х годов, но машины, сделанные одной компанией, не могли делиться информацией с машинами других производителей.

Все это начало меняться в 1980-х годах. Первое что случилось это была IBM - крупнейшая компьютерная компания в мире, известная своим "большим синие мэйнфреймы - представили персональный компьютер для малого бизнеса. Другие люди начали "клонировать" (копировать) его, и довольно скоро все личные компьютеры стали выглядеть и работать одинаково. Microsoft придумала часть программного обеспечения под названием Windows, которая позволяет все эти "IBM-совместимые" компьютеры для запуска тех же программ. Но был все еще проблема с подключением машин, таких как домашние компьютеры, к гигантским машины в научных лабораториях или большие мэйнфреймы в крупных компаниях.Как можно заставить компьютеры говорить на одном языке?

Эту проблему решил английский ученый-компьютерщик. Тим Бернерс-Ли (1955–). В 1980-х годах он работал в ЦЕРН, Европейская лаборатория физики элементарных частиц, в которой в основном работают люди из университетов мир, который все время приходит и уходит, и где люди использовали все виды разные, несовместимые компьютеры. Бернерс-Ли понял, что у ЦЕРН нет «памяти»: каждый раз люди уехали, взяли с собой полезную информацию.Связанная проблема было то, что у людей, которые использовали разные компьютеры, не было простого способа обмениваются своими исследованиями. Бернерс-Ли начал задаваться вопросом, как он мог получить все ЦЕРН компьютеры - и люди - разговаривают вместе.

В чем разница между HTTP и HTML?

Хотя ранние компьютеры были несовместимы, почти все их может хранить или обрабатывать информацию с использованием ASCII (Американский стандартный код обмена информацией), иногда известный как «обычный текст». В ASCII числа 0–255 используются для обозначения буквы, цифры и символы клавиатуры, такие как A, B, C, 1, 2, 3, %, &, и @.Бернерс-Ли использовал ASCII для создания двух основных системы правил (известные в компьютерной терминологии как протоколы). Если все компьютеры в ЦЕРНе следовали этим двум правилам, он понял, что они мог обмениваться любой информацией очень просто.

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

Работа: пример HTML-кода. Это HTML-код, который создает эту веб-страницу. Небольшие коды, вставленные между угловыми скобками (<и>), представляют собой фрагменты HTML, которые идентифицируют части текста как заголовки, абзацы, графику и так далее. Например, новые абзацы отмечаются

, а заголовки среднего размера -

(уровень заголовка 2).

Компьютер также должен понимать любые файлы, которые он получает. которые были отправлены по HTTP.Так Бернерс-Ли представил еще один гениальный ход. Его вторым правилом было заставить все компьютеры ЦЕРН обмениваться файлами. написано на общем языке под названием HTML (Разметка гипертекста Язык). Он был основан на ASCII, поэтому любой компьютер мог его понять. В отличие от ASCII, HTML имеет специальные коды, называемые тегами. к структурировать текст. Веб-браузер может читать эти теги и использовать их для отображать такие вещи, как полужирный шрифт, курсив, заголовки, таблицы или изображения. Кстати, для любопытных из вас: вы можете увидеть, в чем «секрет» HTML-код любой веб-страницы выглядит так, если щелкнуть правой кнопкой мыши на веб-страницу, а затем выберите Просмотр источника или Просмотр исходного кода страницы.Попробуй это сейчас!

HTTP и HTML - это то, "как работает Интернет": HTTP - это простой способ какой компьютер запрашивает у другого веб-страницы; HTML - это путь эти страницы написаны так, что любой компьютер может их понять и отобразить их правильно. Если вас это сбивает с толку, попробуйте подумать о библиотеки. HTTP похож на способ упорядочивания книг и доступа к ним в библиотеки по более или менее тот же набор правил: тот факт, что у них есть книги, расположенные на полки, библиотекари вы можете попросить о помощи, каталогах, где вы можете найти названия книг, и скоро.Поскольку все библиотеки работают примерно одинаково, если вы были в одна библиотека, ты знать примерно, каковы все остальные и как ими пользоваться. HTML похож на способ создания книги: с содержанием впереди, указатель сзади, текст на страницы идут слева направо и т. д. HTML - это то, как мы структурируем информацию, чтобы каждый мог ее прочитать. Как только вы посмотрите одну книгу, вы узнаете как они все работают.

Что такое JavaScript?

Веб-страницы, построенные на HTML, по сути, «статические» (неизменные) вещи.Когда вы загружаете их в веб-браузер, они выглядят точно так же, как когда веб-дизайнер загрузил их в своем браузере. Однако часто мы хотим, чтобы веб-страницы были более динамичными и отзывчивыми, чем это; мы хотим, чтобы они отвечали на то, что пользователи делать и изменять, перестраивать или обновлять себя соответственно. Один из способов, которым веб-дизайнеры делают это, - это вставлять небольшие фрагменты компьютерного кода в веб-страницы. так называемые сценарии, обычно написанные на довольно простом языке программирования JavaScript.Это выполняется внутри веб-браузера после полной загрузки веб-страницы (и содержащегося на ней кода JavaScript), поэтому этот метод называется программированием на стороне клиента (потому что браузер также известен как клиент).

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

Когда браузер встретился с сервером

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

Что запрашивает браузер

GET /azindex.html HTTP / 1.1
Host: www.explainthatstuff.com,
User-Agent: Mozilla / 5.0 (X11; Ubuntu; Linux i686; rv: 44.0) Gecko / 20100101 Firefox / 44.0
Accept: text / html, приложение / xhtml + xml, приложение / xml; q = 0.9, * / *; q = 0.8,
Accept-Language: en-gb, en; q = 0.5,
Accept-Encoding: gzip, deflate,
Accept-Charset: ISO-8859-1, utf-8 ; q = 0,7, *; q = 0,7,
Keep-Alive: 300,
Соединение: keep-alive,

На что отвечает сервер

HTTP / 1.1200 OK
Дата: Вс, 20 апреля 2020 г. 09:03:23 GMT
Сервер: Apache
Срок действия: Вт, 19 мая 2020 г. 09:03:23 GMT
Кодирование содержимого: gzip
Длина содержимого: 19702
Содержимое- Тип: текст / html; charset = UTF-8

Что все это значит? Вкратце, браузер объясняет, что это за программное обеспечение (Firefox), какая у меня операционная система. (Linux Ubuntu), какие наборы символов (иностранные шрифты и т. Д.) Он может принимать, какие формы сжатых файлов он может понимать (gzip, deflate) и какой файл он хочет (azindex.html). Сервер (под управлением программного обеспечения под названием Apache) отправляет сжатый файл (gzip) вместе с данными о его длине (19702 байта) и его формате (текст / html, используя набор символов UTF-8).

Коды статуса HTTP

В самом начале ответа сервера вы можете увидеть, что он говорит HTTP / 1.1 200 OK: «код состояния» 200 (иногда называемый кодом ответа) означает, что сервер правильно определил страницу и отправляет ее в браузер. Сервер также может отправлять множество других числовых кодов: если он не может найти страницу, он отправляет код 404 «Not Found»; если страница переместилась в другое место, сервер отправляет код 301 «Постоянно перемещен» и адрес нового местоположения страницы; и если сервер недоступен для обслуживания, он может отправить код 503 «Служба недоступна», который сообщает браузерам, что они должны повторить попытку позже.

Что такое URL?

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

Адрес или URL этой страницы: https: // www.explainthatstuff.com/ howthewebworks.html

Что значит вся эта чепуха? Давайте возьмем его по частям:

  • Бит http: // означает, что ваш компьютер может удалить эту страницу с моего компьютера, используя стандартный процесс, называемый HTTP. Если URL-адрес начинается с https, как для этой страницы, обмен данными между вашим браузером и веб-сервером шифруется (поэтому такие вещи, как номера кредитных карт, имена пользователей, пароли и т. Д. защищены от помех при транспортировке). https-страницы по своей сути более безопасны, чем http-страницы, но сам по себе https не делает сайт полностью безопасным: он просто защищает соединение между вашим компьютером и сервером (или серверами), с которым вы разговариваете.
  • www.explainthatstuff.com - это адрес или доменное имя моего компьютера. Некоторые веб-сайты используют доменные имена, которые начинаются не с www (например, maps.google.com и mail.yahoo.com), которые называются поддоменами. maps.google.com, drive.google.com, и действительно, www.google.com являются субдоменами основного домена google.com.
  • howthewebworks.html - это имя файла, который вы сейчас читаете с моего компьютера.
  • Часть имени файла .html сообщает вашему компьютеру, что это HTML-файл.Другие имена файлов, которые вы можете увидеть, включают .php и .asp, что означает, что просматриваемые вами страницы «динамический»; В отличие от «статических» HTML-страниц, динамические страницы создаются веб-сервером специально для вас в момент их запроса. (В отличие от JavaScript, который является клиентской технологией, PHP и ASP являются серверными технологиями: они выполняются на сервере, а не в браузере.)

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

И вот как работает Интернет!

Как создать свой сайт

Знаменитый американский изобретатель и издатель Бенджамин Франклин когда-то сказал, что две вещи в жизни несомненны: смерть и налоги. Эти дни, он мог бы добавить к этому списку что-нибудь еще: веб-сайты, потому что кажется, он есть у всех! Компании продвигают себя с помощью веб-сайты, телесериалы имеют дополнительные сайты, посвященные их персонажи, молодожены создают сайты для своих свадебных фотографий, а у большинства детей есть профили (заявления о себе и о том, что они например) на "сайтах социальных сетей", таких как Facebook.если ты чувствуете, что отстаете, может, пора создать сайт сами? Как вы это делаете?

Что такое веб-сайт?

Основная идея Интернета заключается в том, что вы можете читать информация, которую кто-либо другой сохранил в общедоступном месте позвонил на их сайт. Если вы знакомы с использованием компьютеров для обработки текстов, вы знайте, что когда вы создаете документ (например, письмо или CV / resumé), он существует на вашем компьютере в виде файла, который вы храните в месте, которое называется папкой (или каталогом).Веб-сайт - это просто собрание взаимосвязанных документов, обычно хранящихся в одном каталог на общедоступном компьютере, известном как сервер. Помимо основных документов (текстовых страниц), веб-сайт обычно также содержит изображения или графические файлы (фотографии, обычно хранящиеся в формате JPG файлы и иллюстрации, обычно хранящиеся в файлах GIF или PNG). Итак, основные идея создания веб-сайта предполагает написание всех этих текстовых страниц и сборка различных необходимых вам графических файлов, а затем их размещение вместе в папке, где к ним могут получить доступ другие люди.

Что нужно для размещения веб-сайта?

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

Итак, на практике люди арендуют веб-пространство на большом компьютере, управляемом поставщиком услуг Интернета (ISP).Это известно как получение кого-то разместить ваш сайт для вас. Как правило, если вы хотите настроить веб-сайта вам понадобится хостинг-пакет (базовый договор с провайдером, который предоставит вам столько дискового пространства и пропускной способности ( максимальный объем информации, которую ваш сайт может передавать другие люди каждый месяц). Веб-пространство, которое вы получаете, представляет собой просто папку (каталог) на сервере интернет-провайдеров, и он будет иметь довольно неясный и незабываемое имя, например: www.example.com/ABC54321/ Это не совсем то, что вы хотите рисовать на стороне ваш грузовик, если вы занимаетесь бизнесом.Значит, тебе понадобится более запоминающееся имя для вашего веб-сайта - также называется доменным именем. Доменное имя просто удобный адрес, который вы даете своему сайту, чтобы другие людям будет легче найти это. Адрес домена настроен на точку на реальный адрес вашего сайта на сервере вашего интернет-провайдера (www.example.com/ ABC54321 /), поэтому, когда люди вводят ваш доменное имя в свой веб-браузер, они автоматически перенаправляются по правильному адресу, не беспокоясь о том, что это является.

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

Как вы создаете веб-страницы?

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

Необработанный HTML

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

Редакторы WYSIWYG

Другой подход - использовать программу редактирования, которая делает все скрытые Кодирование веб-страниц (известное как HTML) для вас. Это называется WYSIWYG. (что вы видите, то и получаете) редактор, потому что вы выкладываете свои страницы на экран в широком смысле, как вы хотите, чтобы они отображались для всех, кто просматривает твой сайт.Так работают популярные программы, например Dreamweaver. Самое слово процессоры, включая Microsoft Word и OpenOffice, позволяют конвертировать существующие документы в веб-страницы («экспорт файлов HTML») с парой щелчков мыши.

Системы управления контентом

Последний метод - использовать так называемую систему управления контентом (CMS), который автоматически обрабатывает всю техническую сторону создания веб-сайта. Вы просто настраиваете базовый шаблон страницы, стилизовать его внешний вид с помощью так называемой «темы», создавать различные связанные страницы на основе шаблона, а затем загрузите их.Системы CMS, такие как Wordpress, Drupal и Joomla (и менее сложные, такие как Weebly и Wix) работают именно так. Вы можете добавлять к ним различные дополнительные функции, используя так называемые плагины.

Как вы загружаете веб-страницы?

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

Как можно продвигать сайт?

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

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

Узнать больше

На этом сайте

Другие сайты

  • Руководство для начинающих по Google SEO: вы выяснили, как создать сайт, и у вас все в порядке, но как успешно продвигать его через поисковую систему? Превосходное введение Google объясняет, как заставить поисковые системы работать на вас.
  • Домашняя страница Тима Бернерса-Ли: прочтите все о человеке, который изобрел Интернет.

Книги

Создание сайтов
  • Создание веб-сайта: отсутствующее руководство Мэтью Макдональда. O'Reilly, 2015. Очень исчерпывающее руководство, которое идет от абсолютных основ до CSS и включений на стороне сервера. Одно из лучших однотомных вступлений, которые я нашел.
  • HTML и CSS: Дизайн и создание веб-сайтов Джона Дакетта. Jon Wiley, 2014. Кратко написанное, но исчерпывающее руководство с примерами кода на сопроводительном веб-сайте.
  • Создание веб-сайта для чайников, Дэвид А. Краудер. Dummies, 2010. Базовое введение, хотя предполагается, что вы уже имеете некоторое представление о сети.
История Интернета и Сети
  • «100 идей, которые изменили сеть» Джима Бултона. Лоуренс Кинг, 2014. От браузеров и смайлов до HTML и CSS, доступное введение в ключевые концепции, лежащие в основе Интернета. (По какой-то причине этого в настоящее время нет в Google Книгах.)
  • Новаторы: как группа хакеров, гениев и компьютерных фанатов создала цифровую революцию Уолтер Исааксон.Саймон и Шустер, 2014. Краткая биография людей, которые стали пионерами современных компьютеров и Интернет-технологий.
  • Плетение Сети: The Оригинальный дизайн и конечная судьба всемирной паутины от ее изобретателя Тима Бернерса-Ли с Марком Фишетти. HarperCollins, 1999. Тим Бернерс-Ли рассказывает свою историю о том, чего он надеется достичь с помощью всемирной паутины.
  • Интернет: Историческая энциклопедия. Христос Московитис, Хилари Пул, Лора Ламберт и Крис Вудфорд.ABC-Clio: 2005. Трехтомная история Интернета, включая хронологию, книгу биографий и обзор ключевых социальных и технических проблем, стоящих перед развитием Интернета. (Я написал второй том о проблемах.)
Интернет-политика
Для младших читателей
  • Создайте свой собственный веб-сайт: создавайте с помощью кода (CoderDojo Nano) , Клайв Хаттер. Эгмонт, 2016. Базовый взгляд на HTML, CSS и Javascript.
  • Получить код! Авторы: Young Rewired State и Дункан Бидл.Walker, 2016. Отличное введение для детей 9–16 лет, посвященное HTML, CSS и некоторому простому JavaScript.
  • Дизайн веб-страниц, Супер социальные сети и отличная онлайн-безопасность, и удивительные приложения и совершенные программы Клайв Гиффорд, Hachette / Wayland, 2015–2019. Серия коротких (32-страничных) вступлений для детей от 9 до 11 лет, опубликованных под общим названием «Get Ahead in Computing».

Пожалуйста, НЕ копируйте наши статьи в блоги и другие веб-сайты

статей с этого сайта зарегистрированы в Бюро регистрации авторских прав США.Копирование или иное использование зарегистрированных работ без разрешения, удаление этого или других уведомлений об авторских правах и / или нарушение смежных прав может привести к серьезным гражданским или уголовным санкциям.

Авторские права на текст © Chris Woodford 2006, 2020. Все права защищены. Полное уведомление об авторских правах и условиях использования.

Следуйте за нами

Поделиться страницей

Нажмите CTRL + D, чтобы добавить эту страницу в закладки на будущее, или расскажите об этом друзьям с помощью:

Цитировать эту страницу

Вудфорд, Крис.(2006/2020) Как работает Интернет. Получено с https://www.explainthatstuff.com/howthewebworks.html. [Доступ (укажите дату здесь)]

Больше на нашем сайте ...

.

A Primer для новичков в веб-разработке (или кого угодно)

, Preethi Kasireddy

Если вы только начинаете заниматься веб-разработкой, скорее всего, вы думаете, что знаете, как работает Интернет - по крайней мере, на базовом уровне.

… Но затем вы пытаетесь объяснить, как работает обычный веб-сайт, и нарисуете пробел. Что снова означает IP-адрес? Как именно работает модель «клиент-сервер»?

В наши дни фреймворки для разработки очень эффективны. Настолько мощно, что нам, новичкам, легко забыть об основах работы Интернета *.*

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

Итак, я взял на себя ответственность написать полевое руководство из четырех частей по устрашающим основам, с которыми каждый должен иметь дело, будь то просто ныряете в карьеру в веб-разработке или просто заинтересованы в обучении:

Часть 1: Как работает Интернет

Часть 2: Структура веб-приложения

Часть 3: HTTP и REST

Часть 4: Примеры кода взаимодействия клиент-сервер

Базовый поиск в Интернете

Давайте начнем с того места, где мы все были раньше: введите «www.github.com »в адресную строку браузера и просмотрите загрузку страницы.

Какой бы простой ни казалась эта транзакция, под

творится масса волшебства.

Как работает Интернет? - Изучите веб-разработку

В этой статье рассказывается, что такое Интернет и как он работает.

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

Сводка

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

История Интернета не совсем ясна. Он начался в 1960-х годах как исследовательский проект, финансируемый армией США, а затем превратился в государственную инфраструктуру в 1980-х при поддержке многих государственных университетов и частных компаний. Различные технологии, поддерживающие Интернет, со временем эволюционировали, но способ их работы не сильно изменился: Интернет - это способ соединить все компьютеры вместе и гарантировать, что, что бы ни случилось, они найдут способ оставаться на связи.

Активное обучение

Более глубокое погружение

Простая сеть

Когда двум компьютерам необходимо обмениваться данными, вы должны связать их физически (обычно с помощью кабеля Ethernet) или по беспроводной сети (например, с помощью систем Wi-Fi или Bluetooth). Все современные компьютеры могут поддерживать любое из этих соединений.

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

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

Чтобы решить эту проблему, каждый компьютер в сети подключается к специальному крошечному компьютеру, называемому маршрутизатором . Маршрутизатор выполняет только одну задачу: подобно сигнальщику на железнодорожной станции, он следит за тем, чтобы сообщение, отправленное с данного компьютера, достигло нужного компьютера назначения.Чтобы отправить сообщение на компьютер B, компьютер A должен отправить сообщение на маршрутизатор, который, в свою очередь, пересылает сообщение на компьютер B и следит за тем, чтобы сообщение не было доставлено на компьютер C.

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

Сеть сетей

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

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

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

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

Поиск компьютеров

Если вы хотите отправить сообщение на компьютер, вы должны указать, какой именно.Таким образом, любой компьютер, подключенный к сети, имеет уникальный адрес, который его идентифицирует, называемый «IP-адресом» (где IP означает Internet Protocol ). Это адрес, состоящий из четырех чисел, разделенных точками, например: 192.168.2.10 .

Это отлично подходит для компьютеров, но нам, людям, трудно запомнить такой адрес. Чтобы упростить задачу, мы можем связать IP-адрес с понятным для человека именем, которое называется доменным именем .Например (на момент написания; IP-адреса могут меняться) google.com - это доменное имя, используемое поверх IP-адреса 173.194.121.32 . Таким образом, использование доменного имени - это самый простой способ доступа к компьютеру через Интернет.

Интернет и Интернет

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

Следующие шаги

.

Смотрите также

Поделиться в соц. сетях

Опубликовать в Facebook
Опубликовать в Одноклассники
Вы можете оставить комментарий, или ссылку на Ваш сайт.

Оставить комментарий