• Глава 4.0. Шаблон HTML и динамические страницы
  • 4.1 Шаблон HTML5
  • 4.2 Шаблон PHP и динамические страницы
  • 4.3. Файл sample.html
    • 4.3.1. Файл style.css
    • 4.3.2 Файл scripts.js
  • 4.4. Файл index.php часть 1
  • 4.5. Файл header.php
  • 4.6. Файл footer.php
  • 4.7. Файл index.php часть 2
    • 4.7.1 Файл home.php
    • 4.7.2 Файл about.php
    • 4.7.3 Файл contact.php

Шаблоны HTML — это заранее подготовленные структуры кода (включая CSS и JS), используемые для быстрого создания однотипных страниц или сайтов. Динамические страницы создаются за счет использования PHP, JavaScript, CSS и DOM (DHTML), что позволяет изменять контент без перезагрузки сервера. Основные понятия:

• Шаблон HTML: Базовая структура (header, footer, сетка), которая наполняется контентом.
• Элемент <template>: Встроенный механизм HTML для хранения клиентского контента, который не отображается при загрузке, но может быть активирован с помощью JavaScript.
• Динамическая страница (DHTML): Технология, объединяющая HTML, CSS и JavaScript для интерактивности (анимации, всплывающие окна, изменение текста).
• Динамический контент: Персонализация страницы, например, изменение содержимого на основе действий пользователя (ввод имени, выбор фильтра).

Инструменты для работы:

• Редакторы: Adobe Dreamweaver CC, Froala, Setka Editor, CoffeeCup.
• Платформы: WordPress, Tilda, Nicepage.

Для создания динамики обычно используют JavaScript для изменения DOM-дерева в ответ на действия пользователя.

см. также:

3.0 Создание проекта 4.1 Шаблон HTML5