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

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

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

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

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

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

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

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

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

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