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

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

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

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

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

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

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

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

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

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