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

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

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

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

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

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

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

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

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

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