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

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

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

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

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

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

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

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

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

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