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

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

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

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

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

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

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

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

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

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