icon-star icon-cart icon-close icon-heart icon-info icon-pause icon-play icon-podcast icon-question icon-refresh icon-tile icon-users icon-user icon-search icon-lock icon-comment icon-like icon-not-like icon-plus article-placeholder article-plus-notepad article-star man-404 icon-danger icon-checked icon-article-edit icon-pen icon-fb icon-vk icon-tw icon-google
ћарк Ѕлау
ќбучение

„то такое WEB страница?

  • 7003
  • 6

„то такое WEB страница?

¬
¬се то, что мы видим на экране браузера, Ђпутешеству€ї по »нтернету, называетс€ WEB страницей. Ќа WEB странице может размещатьс€ самое разнообразное содержание (или же контент): текст, картинки, видеофильмы, звучаща€ музыка или интересна€ онлайн игра.

” любой WEB страницы есть адрес. ѕо этому адресу страницу можно отыскать в »нтернете. јдрес страницы отображаетс€ в адресной строке браузера. Ќапример, у WEB страницы, которую ¬ы сейчас читаете, адрес такой:

http://www.topauthor.ru/CHto_takoe_WEB_stranitsa_9153.html

ѕроверьте, она должна высвечиватьс€ в адресной странице ¬ашего браузера.

—ейчас многие ввод€т в адресную строку ключевое слово или целую фразу. –аньше программа-браузер в этом случае генерировала ошибку. Ќет такого адреса, страница не найдена! —ейчас браузер обрабатывает эту ошибку следующим образом: обращаетс€ к поисковой системе (Google, Yandex или другой) с запросом, состо€щим из введенного в адресную строку слова или фразы. “аким образом, поискова€ система пытаетс€ подтолкнуть пользовател€ к правильному ответу на его вопрос и отыскать в —ети необходимую WEB страницу, где введенные пользователем слова встречаютс€ чаще всего. ѕопробуйте написать в поисковой строке вопрос, поставленный в заглавие этой статьи, и ¬ы получите целый список ссылок, где содержатс€ ответы на этот вопрос. ¬полне возможно, что в этом списке ¬ы отыщете и данную статью.

Ќо вернемс€ к адресу WEB страницы. Ётот адрес читаетс€ слева направо и состоит из нескольких частей. ѕерва€ часть адреса дл€ WEB страниц всегда будет http:// или https://. Ёти буквы Ц обозначение протокола, с помощью которого WEB страницы передаютс€ по —ети. ѕротокол этот называетс€ протоколом передачи гипертекста (HyperText Transfer Protocol Ч HTTP). WEB страницы Ц это типичный гипертекст, то есть текст со ссылками на другие текстовые и мультимедийные материалы. —ледовательно дл€ передачи WEB страниц всегда используют протокол HTTP.

≈сли WEB страница Ц это как бы страница книги, размещенна€ в »нтернете, то самой книгой можно считать »нтернет-сайт, который объедин€ет несколько WEB страниц, св€занных между собой »нтернет-ссылками. “ак же, как и WEB страница, »нтернет-сайт тоже имеет адрес. јдрес интернет-сайта €вл€етс€ частью адреса WEB страницы и находитс€ между символами // и первым символом /.

јдрес сайта имеет две формы: цифровую Ц дл€ компьютера и символьную Ц дл€ того, чтобы этот адрес воспринимали люди. ќдну форму представлени€ несложно перевести в другую. Ёто делает специальна€ система доменных имен (Domain Name System Ц DNS), обслуживающа€ »нтернет.

” адреса сайта, записанного в символьной форме, есть несколько составл€ющих, разделенных точками, среди них Ц название сайта (topauthor) и название национального домена, к которому принадлежит сайт (ru, что означает –осси€). «а символом / следует им€ WEB страницы, которое по существу €вл€етс€ адресом страницы на сайте.

—истема адресации не заканчиваетс€ на уровне страницы. ¬се составл€ющие контента (файлы изображений, музыки и видеоролики) также имеют адреса. “акие адреса иначе называютс€ единообразными локаторами ресурса (Uniform Resource Locator Ч URL).“ак, например, адрес логотипа Ђ“опавтораї такой:

http://www.topauthor.ru/public/images/logo.png

ќ том, что эта составл€юща€ контента Ц картинка, говор€т три буквы, png, следующие за точкой в конце адреса. Ќазвание картинки располагаетс€ между символом / и точкой. ƒанна€ картинка называетс€ logo и размещена на сайте www.topauthor.ru в одной из файловых директорий, /public/images/. ≈сли ввести вышеуказанный адрес URL в адресную строку браузера, то на экране по€витс€ изображение логотипа сайта Ђ“опавторї.

„то при этом произошло? ѕрограмма-браузер по адресу отыскала на сайте www.topauthor.ru место хранени€ картинки, скопировала этот файл на локальный компьютер пользовател€ (иногда говор€т Ђскачалаї) и продемонстрировала на экране браузера соответствующую картинку, котора€ теперь хранитс€ не где-то в »нтернетовском поднебесье, а под рукой, на локальном компьютере.

Ќа самом деле, составл€ющие контента, размещенные на WEB странице, не должны об€зательно хранитьс€ на том же сайте. Ќапример, дл€ размещени€ на WEB странице картины Ђќп€ть двойкаї можно дать ссылку на файл, наход€щийс€ на другом сайте, например, на сайте ¬икипедии в статье Ђќп€ть двойкаї или же на сайте “реть€ковской галереи, где эта картина выставлена. –езультат будет одинаковый. ¬ обоих случа€х картинка по€витс€ на WEB странице.

—ама WEB страница представл€ет собой текст, написанный на специальном €зыке гипертекстовой разметки (HyperText Markup Language Ч HTML). Ётот текст можно увидеть, если дать браузеру команду продемонстрировать источник WEB страницы (View page source). язык HTML позвол€ет однозначно описать размещение на WEB странице всех составл€ющих контента. Ќапример, типы и размеры шрифтов, которые используютс€ при печати текстов, размеры картинок и их положение относительно текста.

Ћюбой »нтернет-сайт размещаетс€ на сервере. —ервер Ц это компьютер, управл€емый специальной программой. —ервер обслуживает все запросы, направл€емые к сайту. Ѕлагодар€ работе сервера происходит обмен информацией между сайтом и браузером. Ѕраузер размещен и работает на компьютере пользовател€, подсоединенном к »нтернету.  омпьютер пользовател€ называют еще локальным компьютером. ѕроцесс обмена информацией между сервером и локальным компьютером начинаетс€ в ответ на запрос браузера с локального компьютера. Ётот процесс во многом напоминает радиопередачу, где радиопередатчиком €вл€етс€ сервер, а радиоприемником Ц браузер.

Ќа локальный компьютер передаетс€ текст, написанный на €зыке HTML. ћожно считать, что на локальный компьютер передан фотоальбом с пустыми местами, оставленными дл€ картинок, музыки, видеоклипов и программ. ¬ этих местах пока наход€тс€ только URL адреса всех мультимедийных составл€ющих контента. Ѕраузер Ђпроходитї по всем этим адресам и копирует с них на локальный компьютер файлы изображений, музыки или видеоролики. «атем все эти файлы размещаютс€ на экране, как это было намечено программистом, разрабатывавшим WEB страницу. Ѕраузер справл€етс€ с этим за несколько секунд, а дальше Ц дело пользовател€: читай, слушай музыку, просматривай видеоролики. »нтернет к твоим услугам!


spe
Ћариса ѕопруга

Ёх, первый раз буковок не хватило, чтоб автору оценку поставить)))))

deb
Ќаталь€ –еутова

€ в этих делах "чайник", но даже до мен€ в основном дошло! ’орошо, когда сложное описано доступно дл€ понимани€ неподготовленным +++

tra
Mark Aero

ѕотр€сающе! “ак легко и так доступно.
ƒо насто€щего материала у мен€ было некоторое представление о теме. Ќо после ¬ашей, ћарк, статьи все пазлы сложились в единое целое.
— некоторых пор заметил, что самую исчерпывающую информацию о многих вещах можно получить именно на “опавторе.
—пасибо! ћой ¬ам +.

¬ам необходимо или зарегистрироватьс€, чтобы оставл€ть комментарии
выбор читател€

¬ыбор читател€

16+