| Следующая версия | Предыдущая версия |
| software:development:demo:cms:ucms:sample_html5_and_dinamic_page [2026/02/08 10:55] – создано VladPolskiy | software:development:demo:cms:ucms:sample_html5_and_dinamic_page [2026/02/08 18:15] (текущий) – [Введение] VladPolskiy |
|---|
| | <note page> |
| {{:icons:16:arrow-transition-180.png?|}} | {{:icons:16:arrow-transition-180.png?|}} |
| **[[software:development:demo:cms:ucms:ucms_table_of_contents | Краткое содержание]]** | **[[software:development:demo:cms:ucms:ucms_table_of_contents | Краткое содержание]]** |
| | </note> |
| ====== Глава 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_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_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_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_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_contact.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-дерева в ответ на действия пользователя. |
| | |
| | ===== Дополнения и Файлы ===== |
| | см. также: |
| | |
| | <note page> |
| | <wrap left>{{:icons:16:arrow-transition-180.png?|}} |
| | [[software:development:demo:cms:ucms:creating_project|3.0 Создание проекта]] |
| | </wrap> |
| | <wrap right> |
| | [[software:development:demo:cms:ucms:sample_html5_page|4.1 Шаблон HTML5]] |
| | {{:icons:16:arrow-transition.png?|}}</wrap> |
| | </note> |