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

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

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

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

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

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

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

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

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

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