Как устроен сайт: Как работает Веб — Изучение веб-разработки

Содержание

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

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

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

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

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

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

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

Помимо клиента и сервера, мы также должны уделить внимание:

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

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

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

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

Такой набор чисел называется IP-адресом и представляет собой уникальное местоположение в Интернете. Впрочем, его не очень легко запомнить, правда? Вот почему изобрели DNS. Это специальные сервера, которые связывают веб-адрес, который вы вводите в браузере (например, «mozilla.org»), с реальным IP-адресом сайта.

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

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

Как работает сайт, сервер, HTTP. Настройка рабочего окружения

Длительность: 20 минут
Сложность: Легко

Об уроке

В этом вступительном занятии мы изучим некоторое количество теоретической информации касательно работы веб-сайтов в целом. Узнаем что такое сайт и веб-сервер, как они взаимодействуют, и какое место в этом занимает PHP.

Кроме того, для дальнейшего изучения PHP и работы Вам потребуется определенный набор инструментов и программ. Я предлагаю использовать достаточно стандартный набор разработчика: NetBeans + Open Server или WAMP (для пользователей Windows), LAMP (для пользователей Linux), MAMP (для пользователей Mac OS). Так как большинство людей изучающих курс являются пользователями Windows, в уроке будет показан процесс настройки рабочего окружения для этой операционной системы.

P.S. Вы всегда свободны в выборе инструментов.

План

1. Как это работает:

  • Сайт
  • Клиент-серверная технология
  • Зачем нужен PHP

2. Настройка рабочего окружения:

  • Веб-сервер
  • Сервер БД
  • IDE NetBeans

Видео

Теория работы WEB:

         

Установка NetBeans:

       

Установка WAMP. Простейший сайт. Несколько слов о NetBeans:

P.S. Многие столкнулись с проблемами настройки WAMP, потому я подготовил материалы по отличной альтернативе — Open Server. Ниже ссылки на подробное руководство по установке веб-сервера и добавлению локальных доменов:

Установка web сервера OpenServer

Добавление доменов в OpenServer

Домашние задания

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

Полезные ссылки

Необходимые для работы программы:

Для получения информации о текущей конфигурации PHP: phpinfo()

Поделитесь в социальных сетях

Как устроен современный сайт? — Хабр Q&A

Не очень понимаю зачем нужен именно «топовый сайт». Топовые сайты — это доступ к приложениям через тонкий клиент в виде браузера, с трудом сотен и тысяч разработчиков (фейсбук, нетфликс и так далее).

Я предлагаю несколько более простое решение. Попробуйте написать приложение с погодой, которое будет брать данные от любой популярной бесплатной погодной API, и будет выдавать результат с некоторой графической обработкой (иконка солнышка если солнечно, дождика если дождь).
Благодаря этому можно будет понять сразу несколько вещей:
HTTP протокол, работа с запросами, JSON/XML, обработка данных, отображение данных в зависимости от результата.
После можно попробовать поработать с куками, запомнить выбор города, и, при повторной загрузке сайта, сразу отдавать данные согласно прошлого запроса.
Потом можно попробовать сделать простой TODO-list, с простейшей авторизацией, без подсаливания, с простой работой с БД, чисто по логину-паролю.

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

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

Нельзя строить машину без понимания работы двигателя внутреннего сгорания (электродвигателя, как угодно). Без работы подвески и так далее. Нельзя подойти, взять кувалду, выбить кузов и ждать что это внезапно станет машиной и поедет.
Либо берите «не бит, не крашен, сел и поехал» (тильда, вордпресс и прочие) автомобиль, и занимайтесь просто настройкой, чуток подкрашивая, навешивая спойлеры и неоновый свет.
Либо если хотите строить автомобиль (движок магазина, блога, соцсеть) с 0, то учите как все работает с самых низов, никаких магических путей обойти это не существует.

P.S.
Из ответа по технологиям что я использую:
БД — PostgreSQL,
Front — Flutter/Angular/React (от задачи)
Back — Java + Spring

Кто-то использует JS стек MERN/MEAN. Кто-то пхп, кто-то го, тут выбор огромен. Типовые задачи можно решать огромным количеством подходов с использованием огромной вариативности по инструментам.

Строение сайта и его компоненты.

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

  • дизайн;
  • верстка;
  • программный код;
  • серверная часть;
  • клиентская часть;
  • контент;
  • система управления содержимым или CMS;
  • доменное имя;
  • хостинг.

Рассмотрим основные технические компоненты и строение сайта.

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

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

  2. Верстка представляет собой процесс написания особого кода для браузеров. У такого файла расширение html, и отображается он только в браузерах. Нужно следить, чтобы сверстанный макет одинаково выглядел во всех браузерах, будь то Opera, Mozilla Firefox, Google Chrome или Internet Explorer. Дополнительно можно узнать о таком термине, как «валидность верстки» в специальной статье о ней.
  3. Программирование составляет примерно 50-70% работы над сайтом. Программная часть ресурса – довольно обширное понятие. Программирование отвечает за то, чтобы многочисленные страницы сайта отображались с одинаковым дизайном, но разным содержимым. Также программный код ответственен за визуальные эффекты и многое другое. Благодаря ему сайт становится «живым» и динамичным.
  4. Веб-сервер – это компьютер с установленным на нем программным обеспечением, которое предназначено для того, чтобы отвечать на запросы веб-клиента круглосуточно в режиме реального времени. Под веб-клиентом подразумевается браузер, который отправляет серверу запрос на определенную страницу, и если она доступна, то пользователь может увидеть ее. Чтобы пользователь увидел нужную ему страницу, его браузер должен получить от сервера соответствующий html-код. После чего код и все визуальные элементы распознаются и предстают перед пользователем в виде готовой понятной любому страницы.
  5. Клиентская часть представляет собой код, загружаемый вместе с кодом html. Это может быть CSS, JavaScript, ActionScript.
  6. Контент сайта, то есть все содержимое сайта. Сюда входят тексты, картинки, видео, flash и прочие файлы. Контент часто путают с элементами дизайна, но это совершенно разные вещи. Оформление сайта отвечает на вопрос «как разместить», а контент отвечает на вопрос «что разместить». Что касается текстового наполнения, то именно оно наполняет любой веб-ресурс смыслом, благодаря которому пользователи могут найти сам сайт в поисковых системах. Интересный контент – это ключ к увеличению посещаемости, читаемости и коммерческих показателей, таких как звонки, продажи или подписки на e-mail рассылки.
  7. CMS тоже можно отнести к одному из элементов сайта. Система управления содержимым позволяет управлять всеми элементами ресурса через административную часть. Использование CMS не обязательно, однако оно необходимо всем, кто хочет самостоятельно контролировать и редактировать содержимое сайта. Существует целый ряд разнообразных CMS, отличающихся друг от друга удобством пользования, набором свойств и принципами работы.
  8. Доменное имя и хостинг. Доменное имя – это уникальный адрес сайта в Сети (например, www.site.by). А хостинг – это услуга, которая предоставляется специальными компаниями, хранящими на своих серверах все необходимые для работы сайта данные. Без этих компонентов строение было бы неполным, а сам сайт — недоступен для пользователей и посетителей. Хостинг предполагает выделение свободного места на сервере для размещения и хранения какого-либо сайта. Чтобы владелец был уверен в том, что его сайт всегда виден пользователям Интернета, он обязательно должен обзавестись уникальным доменным именем, а также надежным хостингом. Чтобы выбрать правильный хостинг, предлагаем Вам прочитать нашу статью с более подробными рекомендациями.

Визуальные части сайта

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

Верхняя часть. Шапка. Что и зачем?

Верхняя часть, шапка или header (в переводе с англ. — голова) – раздел ресурса, в котором обычно располагаются контакты, логотипы, эмблемы, лозунги, слоганы, девизы, верхнее меню и картинки или группы картинок (слайдеры).

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

Боковые части. Левая или правая – как лучше?

Наверняка каждому доводилось не раз видеть сайты с боковым меню, так называемым сайдбаром. Он бывает правым и левым. Более распространенным считается левое расположение, так как оно более привычно для глаза. Однозначного ответа, где лучше располагать боковое меню не существует. Каждый владелец сайта или веб-дизайнер имеют свои предпочтения, которые и реализуются в целостной картине. Цель размещения сайдбара – помочь пользователю в удобстве навигации по страницам веб-ресурса.

Центр – лучшее место для контента

Центральная часть любого сайта или body (с англ. — тело) представляет собой самый большой блок, на котором лучше всего разместить необходимый контент: видео, картинки, текст и прочие полезные пользователям материалы. В центральной части сайта пользователи визуально проводят наибольшее количество времени. Если проводить аналогию с известной пословицей, то по шапке сайт встречают, а провожают по телу. Действительно, если контент ресурса неинтересен или неуникален, то каким бы хорошим он ни казался с первого взгляда, пользователь все равно из него уйдет.

Нижняя часть – место для того, что не уместилось выше

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

Послесловие

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

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

Ключевые элементы хорошего сайта ⇒

Как функционирует сайт: общие принципы работы веб-ресурса

Вступление

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

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

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

Зачем знать как функционирует сайт

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

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

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

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

Языки программирования HTML, PHP, Java, CSS

Для управления файлами сайта разработаны языки программирования. Основные языки программирования, на которых работают сайты это языки HTML, PHP, Java, CSS.

Язык разметки  HTML или XHTML, позволяют из текстового документа TXT создать документ формата html, который виден в браузере. На самом деле, чтобы превратить документ txt в html и посмотреть его в браузере, не нужны особые знания, достаточно заменить расширение файла, с txt на html. Можете попробовать.

Созданный таким образом документ будет виден только вам и не будет доступен никому в Интернет. Да и объединить самостоятельно несколько документов не получится.

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

Язык PHP язык программирования общего назначения был создан для web разработок, включая страницы сайта. Код PHP прекрасно внедряется в язык разметки HTML, и большинство сайтов создаются именно на языке PHP.

Современные сайты не обходятся без языка программирования JavaScript. С помощью программ (скриптов) написанных на JavaScript можно динамично менять HTML разметку веб-страницы, перемещать картинки, менять внешний вид страниц и т. д. Однако, «голый» язык JavaScript работает только в вашем браузере и его работу не видит никто кроме вас. Чтобы донести изменения JavaScript до других пользователей, применяется комбинация JavaScript c PHP.

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

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

Для поиска и уникальности страниц сайта, разработана система доменных имен и IP адресов ресурсов. Причем IP адреса ресурсов связываются с их доменными именами, через, серверы доменных имен (DNS).

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

Хранение данных сайта

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

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

Общие требования к хостингу

На любом хостинге должны существовать:

  • Физический диск (сервер) для размещения файлов сайта;
  • Сервер для обработки заголовков и вызова документов, HTTP сервис;
  • Сервер или место на сервере для размещения PHP;
  • Сервер или место на сервере для хранения базы данных сайта;
  • Свой (!) сервис доменных имен (DNS).

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

©www.wordpress-abc.ru

Статьи по теме

Похожие посты:

Похожее

Как работает веб-сайт со стороны пользователя и администратора

Главная / Статьи / Как работает веб-сайт

Опубликовано 26 февраля 2012

Изменен: 21 февраля, 2018

2 957

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

На самом деле, если заглянуть по другую сторону страницы отображаемой браузером, все эту информацию выводит в окне браузера специальные языки программирования (php), разметки (html, xhtml), стилей (css), скриптов (JavaScript) и отвечают за динамическое содержимое.

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

Как работает сервер глазами владельца сайта

Сайт, на котором часто обновляется информация, требует мобильного управления. Страницы, которые часто изменяются, называются динамическими и для создания динамических страниц необходим движок, или говоря современным языком, система управления содержимым (Content Management System, CMS). Именно движок формирует веб-страницы в соответствии с запросами пользователя.

В CMS-системах есть два интерфейса: пользовательский и администраторский.

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

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

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

Сервер глазами администратора

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

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

Для системы управления содержимым в конечном счете безразлично, какая операционная система установлена на сервере.

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

Полезные уроки по этой теме: денвер правильная установка и настройка.

Openserver установка и настройка

Как разместить свой собственный сайт: пошаговое руководство

Хостинг веб-сайта означает просто убедиться, что ваш веб-сайт доступен во всемирной паутине (WWW). Обычно это делается одним из двух способов. Вы можете оплатить хостинг у поставщика услуг или самостоятельно разместить его на своем сервере — в этой статье мы рассмотрим оба метода.

Сводка видео: как разместить веб-сайт

Как работает веб-хостинг

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

Как разместить сайт с помощью хостинг-провайдера

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

Плюсы хостинга у провайдера

  • Обычно дешевле
  • Поддержка часто легко доступна
  • Нет необходимости в обслуживании оборудования
  • Более высокая надежность

Минусы хостинга у провайдера

  • Могут быть некоторые сервисные ограничения
  • Меньше вариантов в местах размещения

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

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

1. Решите, какой тип сайта вы создаете

Есть два основных типа сайтов; статичный и динамичный.

Простые статические веб-сайты можно создавать с помощью приложения «Что видишь, то и получаешь» (WYSIWYG), а затем переносить на учетную запись хостинга.

Динамические сайты в основном управляются приложениями и используют скрипты, базы данных и другие инструменты для создания некоторых частей сайта на лету. WordPress и Joomla являются примерами распространенных сегодня приложений системы управления контентом (CMS). Другие, такие как Magento и PrestaShop, используются для сайтов электронной коммерции.

Выбор веб-хостинга зависит от типа веб-сайта, который вы создаете. Бюджетный веб-хостинг, как Hostinger ($ 0.99 / мес) будет достаточно для простого статического сайта; тогда как динамические сайты потребуют больше ресурсов сервера.

2. Сравните типы веб-хостинга

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

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

Три типа веб-хостинга

Одним словом, наиболее распространенными типами хостинга являются

  • Виртуальный хостинг
  • VPS / облачный хостинг
  • Выделенный сервер хостинг
WordPress? Prestashop? Magento? WooCommerce хостинг?

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

Например, не многие люди могут знать разницу в типах хостинга, но многие узнают термин «WordPress».

Тип веб-хостинга, который вам понадобится, обычно определяется:

  1. Объем трафика, который вы ожидаете на вашем сайте, или
  2. Любые конкретные потребности вашего сайта могут иметь.

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

Shared vs VPS / Cloud vs выделенный хостинг

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

Виртуальный хостинг часто дешев и прост в управлении, но не имеет расширенных элементов управления и не может обрабатывать большие объемы трафика. Вы можете получить услуги виртуального хостинга от A2 хостинг, Hostinger, GreenGeeksVPS / облачный хостинг стоит дороже и очень универсален. Пользователи могут установить на эти учетные записи практически все, что им нужно, и смогут справляться с различными объемами трафика в зависимости от того, сколько ресурсов оплачено. Вы можете получить услуги VPS или облачного хостинга от Цифровой океан, межсерверной, InMotion хостинг.Выделенные серверы являются наиболее сложными в управлении и стоят больше всего. Они очень мощные и могут управляться вплоть до аппаратного уровня администраторами. AltusHost, InMotion хостинги TMD хостинг предоставлять выделенные услуги хостинга.

3. Выберите и купите план веб-хостинга

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

Когда дело доходит до ресурсов на веб-хостинге, мы обычно имеем в виду три основных элемента: процессор (ЦП), память (ОЗУ) и хранилище (жесткий или твердотельный накопитель). Однако это не всегда приводит к хорошей производительности веб-хостинга.

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

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

Некоторые веб-хосты также предлагают другие преимущества на более дорогих планах, такие как специальные оптимизации или улучшения. Хорошим примером этого являются планы хостинга на хостинге A2, Самым дорогим планом этой серии являются 20-кратные «Турбо» скорости.Обычно сразу после того, как вы приобрели веб-хостинг, вы получите приветственное письмо с подробной информацией о ваших учетных данных и сервере имен. Храните это электронное письмо в надежном месте — информация понадобится для настройки вашего домена и входа в панель управления сервером. Снимок экрана, показывающий мое приветственное письмо от HostPapa.

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

Веб-хостинг для новичков / Простые сайты

Веб-хостинг для бизнеса / растущих сайтов

4. Купить домен

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

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

Если нет, вам нужно купить доменное имя отдельно, Это можно сделать либо из того же места, где вы купили план хостинга, либо у другого поставщика услуг. Если вам нужно купить доменное имя отдельно, я настоятельно рекомендую вам посмотреть в другом месте.

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

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

5. Переместить / создать свой сайт на сервер

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

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

Процесс аналогичен копированию файлов из одного места в другое на вашем компьютере.

Как разместить сайт локально

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

Плюсы собственного хостинга

  • Экстремальный контроль над вашей хостинговой средой
  • Потенциал для ускорения обслуживания
  • Ваш выбор оборудования и поставщиков услуг

Минусы самостоятельного хостинга

  • Может быть очень дорого
  • Не всегда возможно в жилых помещениях

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

1. Выберите оборудование и программное обеспечение

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

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

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

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

Ваше другое инфраструктурное оборудование, такое как маршрутизаторы и модемы, также должно быть в состоянии обрабатывать большие нагрузки.

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

2. Обеспечить достаточную пропускную способность

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

Также необходимо учитывать ваш IP-адрес. Большинство домашних интернет-планов поставляются с назначенными динамическими IP-адресами. Чтобы запустить веб-сервер, вам нужен статический IP-адрес. Это может быть обработано поставщиком услуг, таким как DynDNS или купив услугу у вашего интернет-провайдера (ISP).

Научитесь рассчитывать необходимую вам пропускную способность.

3. Разработка и развертывание сайта

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

Какой вариант лучше всего разместить у себя на сайте?

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

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

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

Управление ресурсами хостинга

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

Некоторое время назад мы взяли интервью у Марка Верна, сотрудника хостинг-провайдера Linux Gigatux.comи попросил его совета по управлению ресурсами сервера. Вот несколько советов о том, как сделать ваши ресурсы последними.

1. Выберите легкий CMS

Вы можете использовать Joomla or Mambo это так плохо, но если размер вашего хостинга меньше 500 МБ, вы можете пересмотреть свой выбор.

WordPress or DrupalНапример, это будет легкая и гибкая альтернатива, которая сэкономит вам МБ веб-диска и пропускную способность. Часто меньше — больше, а вес — не меньше функциональности. Составьте список своих альтернатив и выберите CMS, которая наиболее соответствует вашим потребностям и вашему пакету хостинга.

2. Для форума — используйте miniBB вместо SMF

MiniBB занимает всего менее 2 МБ против 10+ МБ SMF, но это полноценное решение для форума с мясным хранилищем надстроек, расширений и плагинов.

Не нравится miniBB?

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

3. Используйте стороннюю рассылку новостей

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

В сравнении — MailChimp, полное решение для рассылки новостей с нулевой стоимостью, если ваша целевая аудитория составляет менее 2,000 12,000 подписчиков и вы стремитесь отправлять не более XNUMX XNUMX электронных писем в месяц.

Все шаблоны могут быть настроены так, что вам не нужно размещать свои собственные, и вы можете интегрировать рассылку с Facebook.

Хорошими альтернативами MailChimp являются Постоянный Контакт, чье единственное ограничение задается параметрами подписки — люди могут зарегистрироваться только из вашей формы.

4. Использовать систему кеширования

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

Пользователи WordPress могут установить W3 Total Cache но если вы не используете WordPress, вы должны попытаться оптимизировать кэш вашего сайта с помощью инструментов, предоставляемых вашим поставщиком CMS. Например, Joomla может рассчитывать на Cache Cleaner or Jot Cache; в то время как Drupal имеет несколько инструментов для повышения производительности кэша.

5. Регулярно удалять содержимое спама

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

Делайте это по крайней мере раз в неделю, чтобы избежать проблем с памятью (например, удаление комментариев WordPress работает только до памяти 64MB, после чего вы получите фатальную ошибку и вам придется либо увеличить допустимый объем памяти в вашем PHP.INI файл или в wp-config.php в вашем корне WordPress).

6. Если возможно, используйте внешние базы данных

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

7. Используйте сторонние файловые хостинги

Размещайте все вещи, которые можно загрузить, на внешнем файловом хостинге, таком как Photobucket, Vimeo, YouTube, 4Shared, Giphy и так далее.

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

8. Регулярно загружать и удалять файлы журналов

Файлы журналов были созданы для того, чтобы держать вас в курсе о состоянии вашего веб-сайта, но их не нужно использовать на сервере: если вы не загружаете и не удаляете их хотя бы раз в неделю, их размер увеличивается до нескольких мегабайт до ГБ. Это особенно верно для двух журналов cPanel:

/ Главная / пользователь / public_html / error_log

и

/ главная / пользователя / TMP / Awstats /

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

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

FAQ по хостингу

Что такое веб-хостинг?

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

Хостинг-провайдер против самостоятельного хостинга: каковы основные отличия?

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

Вам нужен хост для сайта?

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

Является ли доменное имя обязательным для запуска моего сайта?

Доменное имя — это адрес вашего сайта. Без этого ваши пользователи не смогут попасть на ваш сайт, если не будут знать точный IP-адрес. Узнать больше о как работает доменное имя.

Есть ли у GoDaddy сайты?

Да, GoDaddy является поставщиком веб-услуг, и одним из его продуктов является веб-хостинг.

Достаточно ли общего хостинга для моего сайта?

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

Сколько существует видов хостинга?

Существует четыре основных типа веб-хостинга: VPS, облачный и выделенный хостинг. Каждое предложение различной степени производительности, надежности и безопасности.

Какой тип хостинга лучше?

«Лучшее» относительное — то, что лучше всего для моего веб-сайта, может не подходить для вашего. Обычно, если вы новичок, виртуальный хостинг должен быть «лучшим» местом для начала. Выделенные серверы — это самые мощные типы хостинга, но они также и самые дорогие (поэтому не рекомендуются для новичков).

Могу ли я использовать WordPress на моем веб-хостинге?

Большинство поставщиков услуг веб-хостинга сегодня позволяют устанавливать различные популярные веб-приложения. Обычно это WordPress, Drupal, Joomla и множество других. Чтобы убедиться, что приложение, которое вы хотите установить, лучше всего проверить у своего поставщика услуг.

Почему мой сайт работает медленно?

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

Как работает хостинг сайта?

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

Что такое облачный хостинг?

Как следует из названия, учетные записи виртуального хостинга «совместно используют» ресурсы одного сервера. В Облако хостинг, несколько серверов объединяют свои ресурсы в «облако», а затем эти ресурсы распределяются по учетным записям облачного хостинга.

Что такое управляемый хостинг?

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

Дальнейшее чтение

Подробнее о хостинге веб-сайта

О создании веб-сайта

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

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

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

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

  • Клиенты — это типичные устройства веб-пользователя, подключенные к Интернету (например, ваш компьютер, подключенный к вашему 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. Браузер собирает небольшие фрагменты в целую веб-страницу и отображает ее вам (товары прибывают к вам — новые блестящие штуки, круто!).

Как только запрос клиента одобрен, сервер сначала отправляет обратно HTML (индексный) файл — index.html обычно называется так, поскольку это первый файл веб-сайта, который анализируется сервером.

HTML-файл может ссылаться на CSS и JavaScript либо во внешних файлах с помощью элементов и