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

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

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

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

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

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

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

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

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

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