Создание сайта. HTML — язык гипертекстовой разметки текста

Автор Lyudmila Yeriomenko
Создание сайта. HTML — язык гипертекстовой разметки текста

приступаем к изучению языка гипертекстовой разметки текста сокращённо HTML которые составляют у нас основу любого сайта и которые нам нужно изучить чтобы научиться строить эти самые сайты.

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

Давай сначала с интернетом по сути.

Интернет — это всего лишь сеть связанных между собой компьютеру по-другому называется сервера каждый сервер имеет свой уникальный ip-адрес инфицирует этот сервер в общей сети. Да потому, что все — это ставит из миллионов если не из миллиардов уже компьютеров и соответственно. Каждый должен иметь свой айпи адрес по которому мы можем к нему обратиться при этом интернет составляет 2 вида серверов основной вид на которых хранятся сайты зависимости от мощности сервера в зависимости от того какие сайты на нём хранятся 1 может хранить от 1 до тысяч и сотен тысяч сайт она. Потому, что одно дело если сайт какой-то мощный который вмещает 20 млн человек до какому сайту одного сервера даже будет мало он обычно занимает целый кластер серверов и другое дело какая-нибудь домашняя страничка состоящие всего из одного файла таких на сервере может быть несколько сотен тысяч даже и 2 тип серверов — это вспомогательные сервера которые позволяют всей этой сети работать и нам взаимоде. Запишите один из типов таких помогает миксеров — это DNS сервера которые хранят соответствие обычных имен сайтов до которые нам привычно yandex.ru mail.ru их ip-адресом да то есть мы набираем в строке обычное имя сервер занимается тем, что узнаёт о. На каком сервере на самом деле хранится сайт с таким именем потому, что для интернета эти имена по сути ничего не значит там построено на IP адресах и давайте для примера посмотрим на вот эту цепочку взаимодействие чтобы она у нас закрепилось голове вот у нас есть компьютер запущен браузер моем случае — это выглядит примерно таким образом я запускаю браузер Mozilla Firefox и здесь пока ничего не открыто и допустим я набираю сайта rustylake.com. Это мой сайт для проверки я наберу. Именно его. Тем более, что он нам пригодится. Для дальнейшего объяснения. Вот сайт уже через 2 секунды у меня этот сайт передо мной да всё взаимодействия с сервером самые интересные осталось за кулисами мы видим только результат уже яркую картинку на. Где мы можем уже что-то делать скачивать информацию прыгать на ссылку на самом интересном интересно узнать. А как же — это произошло откуда наш браузер взял этот сайт всего лишь после того как мы набрали. Вот — это кодовое слово, а произошло изначально нашу браузера обратился к этому dns-серверу какому именно dns-серверу вы будете обращаться. Это зависит от вашего интернет-провайдера при этом обратился к этому серверу и передал, что он желает получить доступ вот к этому сайту znanija.com, что сделал dns-сервер он своей базе данных. Нашёл где же находится этот сайт с таким именем. Да и допустим он определил, что сайт таким именем живёт. Вот на этом айпи адресом 1785 103 8 DNS сервер отправляет туда запрос и говорит, что ему нужен сайт znanija.com насколько мне известно всё в порядке там формирует ответ и отправляй думаешь браузер совокупность файлов которые обычно состоит из HTML документа который содержит участием куда картинок которые необходимо для отображения сайта и таблицы стилей которая уже управляет внешним видом то есть так и, что должна сама сайте. Вот — это вкратце так происходит до при этом возможно. Ещё вариант, что сайт отдается не сразу вот как в нашем случае да. А если — это один из наиболее сложный который написан на языке например HP и все данные Niva в базе такой сайт с началом на сервере преобразовывается. Давай сначала происходит выполнение всех этих скребцов из базы данных достаётся данные или только после этого формируется от — это совокупность файлов и потом уже она отправляется на какое-то тоже нужно понимать. Но мы с вами не будем в данном по крайней мере создавать сайты вот такой сложности который использует базу данных не будем использовать PHP в нашем случае — это будет просто статический сайт который отправляет данные в браузер вот таким образом. Да у нас произошло взаимодействие. А уже следующее дело за браузер он получит эти файлы со своими алгоритмами преобразует — это всё уже в ту картинку которую задумал автор сайта картинка увидеть и при этом не знаю посмотрим. Исходный код главной страницы вид. Исходный код вот мы как раз таки увидим этот самое HTML файл который нам прислали сервер здесь мы видим эти самые картинки всякие до которые необходимы для отображения сайта. Ну исчез файл. При желании тоже его можно посмотреть он уже отвечает за того где должна быть расположена. Как должен выглядеть шрифт и так далее да то есть как должно выглядеть ссылки на. Какие отступы должны быть между элементами вот таким образом браузер уже всё это. Анализируя всё — это сопоставляя отдает нам такую картинку вот он этот момент взаимодействие. Да который мы с вами должны были понять переходим к схеме дальше возвращаемся к нашей начальной схеме первые два пункта мы с вами.

0 комментариев
0

Читайте также