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

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

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

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

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

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

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

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

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

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