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

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

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

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

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

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

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

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

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

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