Устройство сайтов

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

Предлагаю провести эксперимент. Зайдите на свой любимый форум или другой социальный сайт (или даже останьтесь на этой странице), щелкните правой кнопкой где-то в тексте статьи и выберите пункт, позволяющий просмотреть код страницы. Например, под Internet Explorer этот пункт называется "просмотр html кода", под Google Chrome - "просмотр кода страницы". Это, собственно, и есть тот текст, который браузер получил с сайта и теперь обрабатывает и отображает на вашем экране. Но задумайтесь теперь вот о чем: адрес-то вы вводите один и тот же, а код может получиться другим, например, когда к этой статье появятся комментарии. Как такое происходит?

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

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

Посмотрите код моей страницы. Вы можете найти поиском упоминания javascript. Например, в части кода, односящейся к рекламе google adsense или аватаркам читателей по google friend connect. Вы же видите, что код страницы не содержит информации о том, какой именно рекламный блок будет выведен или о том, сколько сейчас у блога постоянных читателей. Эту информацию как раз и добывает javascript, выполняющийся уже на вашем компьютере. Кстати, если запретить выполнение скриптов, то ни рекламы, ни аватарок вы уже не увидите.

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

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

Дата: 26 ноября 2009 г., категория: интересное в интернете.

← Google wave

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

Рад, что статья оказалась полезной!
Тогда уж стоит еще упомянуть css - еще одна вещь "помимо html" - html код содержит инструкцию, где брать таблицу стилей. Если я возьму и удалю эту таблице на сайте, то весь дизайн расплывется. В принципе, прочитать все будет можно, но идти материал будет строго последовательно, почти без оформления, половина картинок также пропадет.

vlad
26 ноября 2009 г. 19:14:50

Позволю себе немного критики, такого рода картинки в jpeg делать не стоит, ибо качество страдает, лучше png или gif, особенно актуально это для скрина "моего компьютера".

Sander
26 ноября 2009 г. 19:24:49

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

Yana
27 ноября 2009 г. 11:29:09

Буду ждать CMS, очень)

mult
10 января 2010 г. 09:20:34

ну это самая простая схема. с появлением ajax все стало немного сложнее. обмен данными происходит уже в двухстороннем порядке.

Sander
10 января 2010 г. 13:40:57

Да, спасибо. С ajax мне надо еще самому поиграть и задействовать его на сайте, а потом и написать стоит!

Подписаться на: комментарии к статье (rss), комментарии к статье (e-mail)

Авторизоваться при помощи профиля Google (и не только)

Самые активные участники сайта:

Хотите разместить здесь свою аватарку? Авторизуйтесь, загружайте картинку и комментируйте!

Имя:

E-mail (если хотите подписаться на комментарии):

Сайт (не обязательно):

Я - робот! (снимите галочку, если это не так)
Для блоггеров: если вы хотите чтобы ваша ссылка индексировалась поисковыми системами, вам нужно авторизоваться при помощи Google Friend Connect и написать осмысленный комментарий по теме. В таком случае я переведу ваш аккаунт в разряд "trusted". Комментарии пользователей с проверенным аккаунтом не попадают на модерацию, ссылки индексируются, а рядом с ником стоит значок с зеленой галочкой. Да, модерацию могут пройти только ссылки IT-тематики! Внимание: если вы не авторизуетесь, я не смогу сделать вашу ссылку активной даже если мне понравятся ресурс и комментарий!
Комментарий:

Подписаться на комментарии к статье (rss), комментарии к статье (e-mail)