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

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

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

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

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

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

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

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

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

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