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

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

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

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

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

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

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

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

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

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