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

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

Раздел знакомит с назначением основных веб-технологий, необходимых для учебного сайта. Описывается, как HTML формирует структуру страницы, CSS отвечает за оформление, а JavaScript добавляет интерактивность. Также кратко раскрываются роль браузера, адреса URL и сервера. Эти сведения помогают обосновать выбор инструментов для разработки прототипа.

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

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

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

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

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

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

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