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

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

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

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

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

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

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

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

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

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