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

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

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

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

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

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

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

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

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

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