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

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

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

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

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

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

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

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

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