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

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

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

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

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

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

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

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

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

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