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

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

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

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

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

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

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

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

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

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