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

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

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

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

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

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

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

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

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

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