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

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

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

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

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

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

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

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

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

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