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

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

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

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

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

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

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

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

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

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