Различия

Показаны различия между двумя версиями страницы.

--- software:development:demo:cms:ucms:sample_html5_and_dinamic_page [2026/02/08 11:14] – VladPolskiy
+++ software:development:demo:cms:ucms:sample_html5_and_dinamic_page [2026/02/08 18:15] (текущий) – [Введение] VladPolskiy
@@ Строка 4: / Строка 4: @@
 </note>
 ====== Глава 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_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>