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

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

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

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

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

URL — адрес ресурса в Интернете, указывающий способ доступа к нему и его расположение. В адресе могут быть протокол, доменное имя и путь к конкретной странице или файлу. URL позволяет браузеру понять, куда направить запрос, поэтому по нему можно обратиться к нужному ресурсу.

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

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

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

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

Гиперссылки делают навигацию возможной, потому что указывают адрес следующего документа или ресурса. Ссылка может вести на другую страницу того же сайта, например из меню в раздел «Контакты», или на внешний ресурс. Так пользователь перемещается между материалами, не вводя каждый адрес вручную.

Рассмотрим URL https://school.example.org/museum/history. Часть https указывает протокол доступа, school.example.org — доменное имя, по которому находят сервер, а /museum/history — путь к нужному ресурсу. Такое разделение помогает понять, почему страницы одного сайта могут иметь один домен, но разные адреса целиком: их пути отличаются.

Сравнение веб-страницы и веб-сайта

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

Разбор задач

Задача 1. Даны адреса трёх страниц образовательного ресурса: https://edu.example.org/courses, https://edu.example.org/library и https://school.example.org/news. Определите, какие страницы относятся к одному сайту. Нужно сравнить не весь URL, а доменные имена: путь после домена обозначает конкретный ресурс.

1. Найдём доменное имя в каждом адресе: у первых двух это edu.example.org, у третьего — school.example.org.
2. Сравним домены. Первые два совпадают, хотя пути /courses и /library различны; третий адрес имеет другое доменное имя.
3. Следовательно, первые две страницы относятся к одному сайту, а третья — к другому. Разные пути сами по себе не означают, что страницы принадлежат разным сайтам.

Ответ: страницы /courses и /library относятся к одному сайту edu.example.org; /news находится на сайте school.example.org.

Задача 2. Разберите URL https://museum.example.ru/exhibitions/space на протокол, доменное имя и путь. Чтобы не перепутать части, сначала найдите обозначение протокола перед двоеточием и двойной косой чертой, затем границу домена и пути. Такая последовательность позволяет разобрать адрес без догадок.

1. Протокол — https: он указан перед символами :// и задаёт способ доступа к ресурсу.
2. Доменное имя — museum.example.ru: оно находится после :// и до следующей косой черты.
3. Путь — /exhibitions/space: он начинается после домена и указывает на конкретный раздел или документ.

Ответ: протокол — https, домен — museum.example.ru, путь — /exhibitions/space.

Задача 3. Нужно спроектировать сайт школьного музея: определить главную страницу, страницы разделов и переходы между ними. Сначала решим, какие сведения нужны посетителям, затем расположим их по разделам и свяжем ссылками. Такая структура помогает не перегружать одну страницу и делает нужную информацию доступной.

1. Создадим главную страницу с кратким описанием музея и меню. Она станет точкой входа и будет вести к основным разделам.
2. Добавим страницы «История», «Экспонаты», «Выставки» и «Контакты». Каждая будет посвящена своей теме, а её URL будет иметь общий домен сайта и собственный путь.
3. Разместим на главной ссылки на все разделы, а на страницах разделов — ссылку возврата на главную. Между связанными темами, например выставкой и её экспонатами, добавим перекрёстные ссылки.

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

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

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

Ошибка — путать доменное имя с полным URL. Домен заметен в адресной строке и кажется адресом целиком, но URL может включать протокол и путь к странице. Чтобы проверить себя, найдите в адресе часть до первой косой черты после :// и сравните её с оставшимися частями.

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

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

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

Для понимания веб-страниц полезно знать, что такое Интернет, компьютерная сеть, браузер и веб-сервер. Сеть обеспечивает передачу данных, браузер отправляет запросы и показывает результат, а сервер предоставляет ресурс. Эти роли объясняют, почему адрес страницы нужен не только пользователю, но и программам.

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

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

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

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