§ 24. Веб-сайты и веб-страницы

Определения и обозначения

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

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

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

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

Как это устроено

Страницы объединяются в сайт не случайным набором файлов: у них есть общая тема и связи, помогающие найти нужный раздел. Обычно пользователь начинает с главной страницы, а затем переходит к новостям, контактам или другим материалам. Такая структура нужна, чтобы содержание было организовано и посетитель мог ориентироваться в нём, не зная заранее адрес каждой страницы.

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

HTML описывает, какие элементы входят в документ и как они организованы: где заголовок, абзац, изображение или ссылка. Браузер интерпретирует разметку, то есть распознаёт обозначенные элементы и отображает их в привычном виде. Без структурного описания браузеру было бы сложнее определить, как разделить содержимое на части и представить его пользователю.

Гиперссылки связывают документы, потому что указывают, куда перейти при выборе элемента. Ссылка может вести на другую страницу того же сайта, на ресурс другого сайта или на определённое место текущего документа. Поэтому наличие ссылки само по себе не говорит, что пользователь покинет сайт: результат зависит от адреса назначения.

URL — адрес ресурса в сети; по нему браузер понимает, к чему именно нужно обратиться. Пользователь вводит URL или выбирает ссылку, содержащую адрес, а браузер использует его для отправки запроса. Если ресурсу соответствует веб-сервер и он доступен, сервер возвращает документ, который браузер обрабатывает и показывает на экране.

Основные объекты и средства Всемирной паутины

Читайте таблицу по строкам: так видно, что представляет собой каждый объект и какую задачу он выполняет. Столбец «Связь с другими» помогает проследить путь от запроса браузера до отображения документа. Например, HTML относится к странице, браузер его интерпретирует, а сервер предоставляет документ.

Разбор задач

Задача 1. По описанию определите, где веб-страница, а где веб-сайт: отдельный документ с расписанием; совокупность страниц школы с разделами «Новости» и «Контакты». Нужно различить один документ и набор связанных документов. Для этого проверим, сколько материалов описано и как они объединены.

1. Документ с расписанием — один самостоятельный материал, значит, это веб-страница.
2. Новости и контакты представлены как разделы школы и связаны общей темой, значит, вместе они относятся к веб-сайту.
3. Различие определяется не объёмом текста, а тем, является ли объект отдельным документом или объединяет несколько страниц.

Ответ: расписание — веб-страница, а совокупность разделов школы — веб-сайт. Если сайт состоит из одного документа, это не отменяет того, что «страница» обозначает документ, а «сайт» — веб-ресурс как целое. Сначала выясняйте, что именно описано: один документ или организованный набор материалов.

Задача 2. На странице есть ссылка «Расписание». Укажите, что произойдёт при её выборе, если она ведёт на другую страницу того же сайта, и если она ведёт на внешний ресурс. Здесь важно определить не внешний вид ссылки, а адрес, на который она указывает. Именно адрес задаёт результат перехода.

1. При выборе ссылки браузер получает адрес назначения, связанный с её элементом.
2. Если адрес относится к другой странице этого сайта, браузер откроет её, и пользователь останется в пределах сайта.
3. Если адрес относится к внешнему ресурсу, браузер перейдёт к нему, то есть откроет материал за пределами исходного сайта.

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

Задача 3. Пользователь вводит URL страницы в браузере. Опишите путь от обращения к серверу до появления страницы на экране. Здесь надо связать адрес ресурса, запрос, ответ и обработку полученного документа. Порядок важен: браузер не может отобразить документ, которого ещё не получил.

1. Браузер использует URL, чтобы определить нужный ресурс и направить запрос веб-серверу.
2. Веб-сервер получает запрос и возвращает документ, если ресурс доступен.
3. Браузер принимает документ, интерпретирует HTML-разметку и отображает содержимое как веб-страницу.

Ответ: последовательность такова: URL → запрос браузера → ответ веб-сервера → обработка HTML → отображение страницы. Сервер предоставляет документ, а браузер показывает его пользователю. Если ресурс недоступен или адрес неверен, обычная загрузка страницы может не состояться.

Типичные ошибки

Ошибка — считать веб-страницу и веб-сайт одним и тем же. Так путают, потому что в обычной речи словом «сайт» иногда называют и открытый документ. Проверьте себя: если речь об одном документе с расписанием, это страница, а сайт объединяет связанные материалы.

Ошибка — называть HTML языком программирования. Путаница возникает потому, что HTML записывают специальными обозначениями, похожими на код. Проверьте, что именно он задаёт: структуру и элементы документа, а не алгоритм, по которому выполняются вычисления.

Ошибка — полагать, что гиперссылка обязательно ведёт на другой сайт. Это предположение часто появляется из-за того, что ссылку воспринимают как выход из текущей страницы. Проверьте адрес назначения: он может указывать на страницу того же сайта или даже на другую часть текущего документа.

Ошибка — думать, что браузер хранит все посещённые страницы и сам их создаёт. Такое впечатление может появиться, когда страница быстро открывается или повторно загружается. Проверьте ход работы: обычно браузер запрашивает ресурс у веб-сервера и отображает полученный документ, а не создаёт его содержимое самостоятельно.

Связь с другими темами

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

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

Что запомнить

• Веб-страница — отдельный документ Всемирной паутины.
• Веб-сайт состоит из связанных веб-страниц.
• HTML задаёт структуру и содержание страницы.
• Гиперссылки обеспечивают переходы между ресурсами.
• Браузер запрашивает веб-страницы и отображает их.
• URL служит адресом ресурса в сети.