Для самых маленьких

«Удобнее верблюду пройти сквозь игольные уши,
нежели богатому войти в Царство Божие»
(Мф. 19:24)©

   Эта глава написана для тех, кто представляет себе интернет, как красочные картинки в мониторе, аську и одноклассников. Ломали в детстве игрушки, чтобы посмотреть, как это все устроено внутри?

Сейчас мы этим и займемся.

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

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

Представьте себе верблюда и игольное ушко. Можно его туда просунуть? Оказывается можно, если верблюд связан из ниток, как носки, подаренные бабушкой на день рождения. Для этого нам потребуются две бабушки со спицами: бабушка-сервер, которая будет распускать верблюда (страницу сайта) по одну сторону и бабушка-браузер, которая свяжет его обратно, по другую.

Сервер, это специальная программа, которая находится в компьютере хостера, а браузер тоже программа, которая находится в домашнем компьютере. Нитка, просунутая в игольное ушко, называется поток информации (или просто поток).

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

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

Всё, что находится между бричками <вот тут> и называется тег. Его не видно на экране монитора, это инструкция для браузера.

Вот такая страница

Еще можно передать отдельную инструкцию по окраске, если верблюда еще и обесцветили, прежде чем распускать. Эта инструкция называется «каскадная таблица стилей» (CSS). Прочитав её, браузер понимает, что нужно сделать с уже связанным верблюдом (загруженной страницей).

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

Теперь по порядку.

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

Допустим:
простое письмо://почтамт.Москва.Россия/главный склад/пятый ряд/третий стеллаж/пятая полка/верблюд

Это всем знакомый адрес в адресной строке, переведенный на русский язык.

Теперь почтальон (провайдер) прочитает свою часть адреса и отправит письмо(запрос) дальше, в почтовое отделение России(зона ru к примеру). там прочитают свою часть адреса и отправят дальше, пока письмо не дойдет до нашего кладовщика (хостера). Тот, получив письмо, дает команду серверу – возьми на пятой полке верблюда и отправь обратно. Ну а дальше бабушки со спицами, игольное ушко, длинная нитка и вот, наконец-то: настоящий красивый полновесный верблюд скачет на радость пользователю.

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

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

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

Николо Поганини и на одной струне играть мог, но лучше не извращаться и сразу воспользоваться приличным редактором. Хорошо зарекомендовал себя Notepad++ ну и разумеется Dreamweaver.

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

Но об этом позже.