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

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

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

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

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

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

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

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

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

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