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

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

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

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

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

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

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

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

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

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