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

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

В этом разделе описываются назначение HTML и базовые части документа: doctype, элементы html, head и body. Объясняется, как заголовки, абзацы, списки, изображения и ссылки помогают организовать информацию о владельце страницы. Отдельное внимание уделяется понятным названиям элементов и корректной вложенности, поскольку аккуратная структура облегчает чтение и дальнейшее редактирование кода.

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

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

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

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

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

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

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