Что такое сайт и как работает интернет

При вводе адреса в адресную строку браузера, вы когда-нибудь задумывались, что такое сайты на самом деле и как работает интернет?

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

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

Веб-сайт - это HTML-документ, доступный в Интернете или в локальной компьютерной сети, так называемом веб сервере. Рассмотрим это определение подробно.

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

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

Из чего состоит современный сайт?

Независимо от того, будет ли это сайт – визитка небольшой компании или серьезного мультимедийного приложения, такого как YouTube или Netflix, как мы уже упоминали, веб-сайт появляется на вашем компьютере в виде HTML-документа. Мы намеренно говорим о документе, а не о файле, потому что большинство веб-страниц создаются динамически.

Хотя одного HTML-кода достаточно для создания веб-сайта, и вы даже можете попытаться сказать, что одного контента без тегов HTML-кода достаточно для правильного отображения в большинстве браузеров, однако сегодня практически все веб-сайты и веб-приложения используют 3 технологии: HTML, CSS и JavaScript. Вместе с контентом они создают 4 слоя современного веб-сайта:

1. контент, то есть сухие данные, сухой текст, который мы хотим представить на сайте;
2. HTML, то есть форматирование содержимого, подчеркивание, выделение жирным шрифтом, создание списков или таблиц;
3. CSS, то есть каскадные таблицы стилей, используемые для описания формы самой презентации и размещения отформатированных элементов на экране, а также для представления простой динамики (например, выделение кнопки, когда мы наводим на нее указатель мыши);
4. JavaScript, то есть язык, отвечающий за динамику веб-страниц как в форме появления и движения элементов, так и за возможность динамической загрузки последующих элементов, например, последних записей, без необходимости обновлять страницу. Именно благодаря ему вашу стену в Facebook никогда не прокрутить до конца, ведь скрип в JS всегда будет загружать вам что-то новенькое.

Какие типы сайтов существуют?

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

Основное различие между статическими и динамическими страницами заключается в том, что они доставляются получателю точно в том виде, в котором они хранятся на веб-сервере.

Статические страницы имеют ряд преимуществ, таких как:

• повышенная безопасность, так как они устойчивы к самым популярным атакам на веб-сайты;
• высокая скорость загрузки на стороне клиента, так как страницы «готовы» к отправке сервером, это происходит без дополнительных задержек;
• могут быть кэшированы, т.е. их копии могут храниться в памяти прокси или CDN серверов, что еще больше ускоряет время их загрузки;
• у них нет дополнительных зависимостей, таких как базы данных или серверы приложений;
• стоимость хостинга ничтожна, поскольку позволяет использовать так называемые Облачное хранилище, например, в виде AWS S3 для размещения веб-сайтов, без необходимости настраивать собственный веб-сервер или покупать дополнительную услугу.

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

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

Чем сайт отличается от приложения?

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