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

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

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

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

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

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

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

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

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

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