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

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

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

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

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

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

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

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

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

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