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

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

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

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

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

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

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

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

В заключении обобщаются сведения о назначении HTML, CSS и WordPress и приводятся результаты практического сравнения. Отмечается, что технологии не всегда исключают друг друга: HTML и CSS могут использоваться внутри тем WordPress, а понимание ручной вёрстки помогает лучше настраивать CMS. Формулируется итоговый выбор инструмента в зависимости от целей, навыков и требований проекта.

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