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

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

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

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

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

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

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

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

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

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