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

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

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

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

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

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

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

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

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

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