| Предыдущая версия справа и слеваПредыдущая версияСледующая версия | Предыдущая версия |
| software:development:demo:cms:ucms:sample_html5_and_dinamic_page [2026/02/08 18:09] – [Введение] VladPolskiy | software:development:demo:cms:ucms:sample_html5_and_dinamic_page [2026/02/09 18:22] (текущий) – [Глава 4.0. Шаблон HTML и динамические страницы] VladPolskiy |
|---|
| ====== Глава 4.0. Шаблон HTML и динамические страницы ====== | ====== Глава 4.0. Шаблон HTML и динамические страницы ====== |
| * [[software:development:demo:cms:ucms:sample_html5_and_dinamic_page|Глава 4.0. Шаблон HTML и динамические страницы]] | * [[software:development:demo:cms:ucms:sample_html5_and_dinamic_page|Глава 4.0. Шаблон HTML и динамические страницы]] |
| * [[software:development:demo:cms:ucms:sample_html5_page|4.1 Шаблон HTML5]] | * [[software:development:demo:cms:ucms:sample_html5_page|4.1. Шаблон HTML5]] |
| * [[software:development:demo:cms:ucms:sample_php_page_and_dinamic_page|4.2 Шаблон PHP и динамические страницы]] | * [[software:development:demo:cms:ucms:sample_php_page_and_dinamic_page|4.2. Шаблон PHP и динамические страницы]] |
| * [[software:development:demo:cms:ucms:sample_php_page_sample|4.3. Файл sample.html]] | * [[software:development:demo:cms:ucms:sample_php_page_sample|4.3. Файл sample.html]] |
| * [[software:development:demo:cms:ucms:sample_php_page_style_css|4.3.1. Файл style.css]] | * [[software:development:demo:cms:ucms:sample_php_page_style_css|4.3.1. Файл style.css]] |
| * [[software:development:demo:cms:ucms:sample_php_page_scripts_js|4.3.2 Файл scripts.js]] | * [[software:development:demo:cms:ucms:sample_php_page_scripts_js|4.3.2. Файл scripts.js]] |
| * [[software:development:demo:cms:ucms:sample_php_page_index|4.4. Файл index.php часть 1]] | * [[software:development:demo:cms:ucms:sample_php_page_index|4.4. Файл index.php часть 1]] |
| * [[software:development:demo:cms:ucms:sample_php_page_header|4.5. Файл header.php]] | * [[software:development:demo:cms:ucms:sample_php_page_header|4.5. Файл header.php]] |
| * [[software:development:demo:cms:ucms:sample_php_page_footer|4.6. Файл footer.php]] | * [[software:development:demo:cms:ucms:sample_php_page_footer|4.6. Файл footer.php]] |
| * [[software:development:demo:cms:ucms:sample_php_page_index_part_2|4.7. Файл index.php часть 2]] | * [[software:development:demo:cms:ucms:sample_php_page_index_part_2|4.7. Файл index.php часть 2]] |
| * [[software:development:demo:cms:ucms:sample_php_page_home.php|4.7.1 Файл home.php]] | * [[software:development:demo:cms:ucms:sample_php_page_home.php|4.7.1. Файл home.php]] |
| * [[software:development:demo:cms:ucms:sample_php_page_about.php|4.7.2 Файл about.php]] | * [[software:development:demo:cms:ucms:sample_php_page_about.php|4.7.2. Файл about.php]] |
| * [[software:development:demo:cms:ucms:sample_php_page_contact.php|4.7.3 Файл contact.php]] | * [[software:development:demo:cms:ucms:sample_php_page_contact.php|4.7.3. Файл contact.php]] |
| | * [[software:development:demo:cms:ucms:sample_php_page_like.php|4.7.4. Файл like.php]] |
| | * [[software:development:demo:cms:ucms:sample_php_page_404.php|4.7.5. Файл 404.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-дерева в ответ на действия пользователя. |
| |
| ===== Дополнения и Файлы ===== | ===== Дополнения и Файлы ===== |