Различия

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

--- software:development:demo:cms:ucms:creating_install_php [2026/05/02 17:53] – создано - внешнее изменение 127.0.0.1
+++ software:development:demo:cms:ucms:creating_install_php [2026/05/03 20:53] (текущий) – внешнее изменение 127.0.0.1
@@ Строка 3: / Строка 3: @@
 **[[software:development:demo:cms:ucms:ucms_table_of_contents | Краткое содержание]]**
 </note>
+====== 5.0 Файлы и директории приложения ======
+Расмотрим примерную структуру нашего будущего приложения установки (названия директорий произвольное, но проще использовать понятные или традиционные, чтобы не запутаться, например: user - в переводе "пользователь", install - "установка", readme - "прочти меня", user_login - "пользователь_авторизация"  и т.д.). Ниже приведена предварительной схема файлов и директорий приложения **install** нашей будущей CMS.
+<diagram>
+|AAA||||||AAA{text-align:left;border-color:white}={{fa>folder?}} ./ucms/
+|)|DDD|||DDD{text-align:left;border-color:white}={{fa>folder?}} includes
+|!|)|DDD||DDD{text-align:left;border-color:white}={{fa>file?}} config.ini
+|!|)|DDD||DDD{text-align:left;border-color:white}={{fa>file?}} cons.php
+|!|)|CCC||CCC{text-align:left;border-color:white}={{fa>folder?}} demo
+|!|`|DDD||DDD{text-align:left;border-color:white}={{fa>file?}} function.php
+|)|CCC|||CCC{text-align:left;border-color:white}={{fa>folder?}} library
+|!|`|CCC||CCC{text-align:left;border-color:white}={{fa>folder?}} install
+|!||)|CCC|CCC{text-align:left;border-color:white}={{fa>folder?}} css
+|!||!|`|CCC|||CCC{text-align:left;border-color:white}={{fa>file?}} install.css
+|!||)|CCC|CCC{text-align:left;border-color:white}={{fa>folder?}} js
+|!||!|`|CCC|||CCC{text-align:left;border-color:white}={{fa>file?}} install.js
+|!||)|CCC|CCC{text-align:left;border-color:white}={{fa>folder?}} tpl
+|!||!|)|CCC|||CCC{text-align:left;border-color:white}={{fa>file?}} tpl_install_header.php
+|!||!|`|CCC|||CCC{text-align:left;border-color:white}={{fa>file?}} tpl_install_footer.php
+|!||)|CCC|CCC{text-align:left;border-color:white}={{fa>folder?}} pages
+|!||!|)|BBB||||BBB{text-align:left;border-color:white}={{fa>file?}} account_settings.php
+|!||!|)|BBB||||BBB{text-align:left;border-color:white}={{fa>file?}} database_options.php
+|!||!|)|BBB||||BBB{text-align:left;border-color:white}={{fa>file?}} installation_progress.php
+|!||!|)|BBB||||BBB{text-align:left;border-color:white}={{fa>file?}} lang_and_time_zone.php
+|!||!|)|BBB||||BBB{text-align:left;border-color:white}={{fa>file?}} module_help.php
+|!||!|)|BBB||||BBB{text-align:left;border-color:white}={{fa>file?}} options.php
+|!||!|)|BBB||||BBB{text-align:left;border-color:white}={{fa>file?}} server_check.php
+|!||!|`|BBB||||BBB{text-align:left;border-color:white}={{fa>file?}} setting.php
+|!||`|BBB||||BBB{text-align:left;border-color:white}={{fa>file?}} install.php
+|)|MMM|||MMM{text-align:left;border-color:white}={{fa>file?}} [[software:development:demo:cms:ucms:help|help.txt]]
+|`|MMM|||MMM{text-align:left;border-color:white}={{fa>file?}} version.txt
+</diagram>
 ====== 8.7. Файл install.php ======
-Файл install.php будет являтся главным файлом установщика нашего приложения. В этот файл уже будут
+Файл **install.php** будет являтся главным файлом установщика нашего приложения. В этот файл уже будут
 подключаться другие файлы и стили.
-===== Файл test_5.php =====
+===== Файл install_test.php =====
+Создадим в директории **/install** временную директорию для хранения тестовых файлов **/test**.
+Создадим в директории **/install** новый тестовый файл **install_test.php** и записываем в него следубщий код:
+<code php install_test.php>
+<!-- Объявление типа документа: сообщает браузеру,
+что используется современный стандарт HTML5 -->
+<!DOCTYPE html>
+<!-- Начало документа, атрибут lang="ru" указывает
+поисковикам и браузерам, что основной язык страницы — русский -->
+<html lang="ru">
+<head>
+  <!-- Установка кодировки UTF-8 для корректного отображения
+  кириллицы и спецсимволов -->
+  <meta charset="UTF-8">
+  <!-- Адаптация страницы под ширину экрана мобильных устройств -->
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <!-- Заголовок вкладки браузера -->
+  <title>Установка UCMS Demo</title>
+  <!--  Начало стилей установщика, мы не выносим стили в отдельный файл, т.к.
+  эти стили нужны только в этом файле. После установки приложения эта папка
+  будет удалена.	-->
+  <style>
+    /* Настройки всей видимой части страницы */
+    body {
+      font-family: "Times New Roman", Times, serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; /* Приоритет шрифта с засечками, далее системные шрифты */
+      background-color: #f4f7f6; /* Светло-серый фон всей страницы */
+      display: flex; /* Включение гибкой верстки для выравнивания содержимого */
+      justify-content: center; /* Центрирование контейнера по горизонтали */
+      align-items: center; /* Центрирование контейнера по вертикали */
+      min-height: 100vh; /* Минимальная высота body — 100% высоты окна просмотра */
+      margin: 0; /* Удаление стандартных внешних отступов браузера */
+      color: #333; /* Основной цвет текста (темно-серый) */
+    }
+    /* Внешняя обертка для карточки установки */
+    .install-container {
+      width: 100%; /* Растягивание на всю доступную ширину */
+      max-width: 700px; /* Ограничение максимальной ширины в 700 пикселей */
+      padding: 20px; /* Внутренние отступы от краев экрана */
+    }
+    /* Основная карточка с контентом */
+    .install-card {
+      border: 2px #808080 solid; /* Серая сплошная рамка толщиной 2px */
+      background: #e3ffec; /* Светло-зеленый фон как на скриншоте */
+      border-radius: 5px; /* Скругление углов рамки на 5px */
+      padding: 15px; /* Внутренний отступ от рамки до текста */
+      box-shadow: 0 15px 25px -4px rgba(0, 0, 0, 0.5); /* Глубокая тень: смещение вниз, размытие и полупрозрачный черный цвет */
+    }
+    /* Стили верхнего заголовка внутри карточки */
+    .install-title {
+      font-size: 18px; /* Размер шрифта заголовка */
+      font-style: italic; /* Написание курсивом */
+      font-weight: 700; /* Жирное начертание */
+      color: #808080; /* Серый цвет текста */
+      margin-left: 25px; /* Сдвиг заголовка вправо */
+      padding-bottom: 5px; /* Небольшой отступ снизу */
+    }
+    /* Оформление таблицы с параметрами системы */
+    table {
+      font-family: inherit; /* Наследование шрифтов от body */
+      font-weight: 700; /* Жирный текст для всех ячеек */
+      font-size: 14px; /* Размер шрифта в таблице */
+      width: 100%; /* Таблица занимает всю ширину карточки */
+      border-collapse: collapse; /* Убирает двойные рамки между ячейками */
+      margin: 20px 0; /* Отступы сверху и снизу от таблицы */
+    }
+    /* Стили обычных ячеек */
+    td {
+      padding: 5px 0; /* Вертикальные отступы внутри строк */
+      border-bottom: 1px dashed #bddbc5; /* Пунктирная разделительная линия снизу ячейки */
+    }
+    /* Специальные стили для правой колонки значений */
+    td:last-child {
+      text-align: left; /* Текст внутри ячейки прижат к левому краю */
+      padding-left: 30%; /* Создание большого пустого пространства слева для имитации смещения вправо */
+    }
+    /* Цвет текста для статуса "ОК" */
+    .status-ok {
+      color: #2e7d32; /* Темно-зеленый цвет */
+      font-weight: bold; /* Дополнительное выделение жирным */
+    }
+    /* Текст подсказки */
+    .hint {
+      font-size: 0.9em; /* Размер чуть меньше основного (90%) */
+      color: #666; /* Средне-серый цвет */
+      line-height: 1.5; /* Межстрочный интервал для читаемости */
+    }
+    /* Блок сообщения об ошибке */
+    .error-msg {
+      background: #ffdce0; /* Светло-розовый фон ошибки */
+      padding: 2px 20px; /* Минимальные отступы сверху/снизу и широкие сбоку */
+      border-radius: 5px; /* Скругление углов фона */
+      border-left: 5px solid #d32f2f; /* Жирная красная черта слева для акцента */
+      margin-top: 5px; /* Отступ сверху от предыдущего текста */
+    }
-В директорию **test** добавим новый тестовый файл test_5.php и записываем в него следубщий код:
+    /* Убираем отступы у параграфа внутри блока ошибки для компактности */
-<code php test_5.php>
+    .error-msg p {
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+      margin: 0;
-  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+    }
-<html xmlns="http://www.w3.org/1999/xhtml">
- <head>
-  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-  <title>Установка UCMS Demo</title>
-    <!--  Начало стилей установщика, мы не выносим стили в отдельный файл, т.к.
-          эти стили нужны только в этом файле. После установки приложения эта папка
-    будет удалена.	-->
-  <style type="text/css">
-   .block_install {
-	width: 700px; /* Ширина содержимого в рамке */
-    position: absolute;  /* Абсолютное позиционирование */
+    /* Стили подвала (авторские права) */
-    left: 0; /* Положение от левого края */
+    .footer {
-    right: 0; /* Положение от правого края */
+      text-align: center; /* Центрирование текста */
-    margin: auto;  /* Отступы вокруг элемента */
+      font-size: 13px; /* Уменьшенный размер шрифта */
+      font-style: italic; /* Курсив */
+      font-weight: 700; /* Жирный текст */
+      color: #888; /* Светло-серый цвет */
+      margin-top: 20px; /* Отступ от основной карточки */
+    }
-   }
+    /* Цвет ссылок в подвале */
-   .block_window_install{
+    .footer a { color: #666; }
-    border: 2px #808080 solid; /* Параметры рамки: ширина, цвет, сплошная граница */
-    background: #e3ffec; /* Цвет фона */
-	border-radius: 5px; /* закругленные края рамки */
-	padding: 10px; /*  со всех сторон отступ 10px */
-	box-shadow: 0 15px 25px -4px rgba(0, 0, 0, 0.5);  /* тень вокруг элемента */
-   }
-   .block_install_name {
-	font-size: 18px; /* Размер текста */
-	font-style: italic; /* Наклонный текст */
-    font-weight: 700; /* Жирный текст */
-    color: #808080; /* Цвет текста */
-   }
-   .footer_install {
-    text-align: center; /* Раположение текста по центру */
-	font-size: 14px; /* Размер текста */
-	font-style: italic; /* Наклонный текст */
-    font-weight: 700; /* Жирный текст */
-    color: #808080; /* Цвет текста */
-   }
-   .table_block_install{
-	padding: 0px 0px 0px 300px;	 /* отступ блока вправо*/
-   }
   </style>
-    <!--  Конец стилей установщика	-->
+  <!--  Конец стилей установщика	-->
-  </head>
+</head>
-  <body>
+<body>
-    <!--  Начало блока рамки установщика -->
-    <div class="block_install">
+  <!-- Ограничивающий контейнер по центру экрана -->
-        <div class="block_window_install">
+  <div class="install-container">
-        <!--  Начало блока названия программы -->
+    <!-- Основная «зеленая» карточка -->
-            <div class="block_install_name">
+    <div class="install-card">
-        		Установка UCMS Demo
+	  <!-- Заголовок блока -->
-            </div>
+      <div class="install-title">Установка UCMS Demo</div>
-		<!--  Конец блока названия программы -->
+	   	<!--  Конец блока заголовка -->
-		<!--  Начало блока вставки файлов программы -->
+	    <!--  ******************************************* -->
-    	<table>
+		<!--  ** Начало блока вставки файлов программы ** -->
-            <tr>
+	    <!--  ******************************************* -->
-				<td>
+      <!-- Таблица проверки системных требований -->
-				PHP-версия
+      <table>
-				</td>
+        <tr>
-				<td>
+		  <!-- Название параметра -->
-				<span class="table_block_install"><b>8.2.21</b>- ОК</span>
+          <td>PHP-версия</td>
-				</td>
+		  <!-- Значение и статус -->
-			</tr>
+          <td><strong>8.2.21</strong> — <span class="status-ok">ОК</span></td>
-			<tr>
+        </tr>
-				<td>
+        <tr>
-				Apache web server
+		  <!-- Название параметра -->
-				</td>
+          <td>Apache web server</td>
-				<td>
+          <!-- Значение и статус -->
-				<span class="table_block_install"><b>Apache/2.4.58 (Unix)</b>- ОК</span>
+		  <td><strong>Apache/2.4.58 (Unix)</strong> — <span class="status-ok">ОК</span></td>
-				</td>
+        </tr>
-			</tr>
+      </table>
-		</table>
-		<!--  Конец блока вставки файлов программы -->
+      <!-- Информационный текст со ссылкой -->
-		<p class="hint">
+      <p class="hint">
-		Более подробную информацию о необходимых модулях можно найти на
+        Подробности о необходимых модулях на
-		<a href="https://github.com/UniversalCMS-CE/" target="_blank">странице требований.</a>
+        <a href="https://github.com/UniversalCMS-CE/" target="_blank">странице требований</a>.
-		</p>
+      </p>
-		<p>
-		Невозможно продолжить. Исправьте ошибки и попробуйте еще раз.
+      <!-- Блок предупреждения об ошибке -->
-		<!--  Кнопка обновления страницы, переход на саму себя -->
+      <div class="error-msg">
-		<a href="./install.php">Обновить</a>
+        <p>
-		</p>
+          Невозможно продолжить. Исправьте ошибки и попробуйте еще раз.
-		</div>
+          <!-- Ссылка-кнопка для перезагрузки текущего скрипта установки -->
-		<!--  Начало нижнего колонтитула -->
+          <a href="./install.php">Обновить</a>
-		<div class="footer_install">
+        </p>
-    			<p>
+      </div>
-				Author:
+    </div>
-				<a href="mailto:PolskiyVN@gmail.com"> VladPolskiy</a>  © 2024-2025
+	  <!--  ****************************************** -->
-				<a href="https://UniversalCMS-ce.ovh/" target="_blank"> UniversalCMS CE </a>
+	  <!--  ** Конец блока вставки файлов программы ** -->
-				– Ver: 1.2.10
+	  <!--  ****************************************** -->
-				</p>
+    <!-- Подвал страницы с копирайтом и версией -->
-		</div>
+    <div class="footer">
-		<!--  Конец нижнего колонтитула -->
+      <p>
-		 </div>
+        Author: <a href="mailto:PolskiyVN@gmail.com">VladPolskiy</a> &copy; 2024-2025
-		<!--  Конец блока рамки установщика -->
+        <a href="https://UniversalCMS-ce.ovh/" target="_blank">UniversalCMS CE</a> – Ver: 1.2.10
- </body>
+      </p>
+    </div>
+  </div>
+</body>
 </html>
 </code>
-Отобразим файл **test_5.php** в веб - браузере перейдя по ссылке http://localhost/ucms/test/test_5.php
+Отобразим файл **install_test.php** в веб - браузере перейдя по ссылке http://localhost/ucms/library/install/install_test.php
 <note shadow>
-{{:software:development:demo:cms:ucms:ucms_creat_37.png?|}}
+{{:software:development:demo:cms:ucms:ucms_install_test_php_2.png|}}
 </note>
-В данном примере мы разработали шаблон страницы **установщика**, написанный с помощью языка разметки
+В данном примере мы получили шаблон страницы **установщика**, написанный с помощью языка разметки
 HTML и стилей CSS. В нем прописан код, разобранный в придыдущих главах. При жедании ознакомиться с
 версткой сайта предгается прочитать краткое руководство по [[software:development:demo:responsive_site_layout|Адаптивной вёрстке сайта (теория и практика)]]
 Наше же приложение будет разделено на 3 части и будет иметь:
-  - "Верхний колонтитул (голова)" файл tpl_install_header.php
+  - "Верхний колонтитул (голова)" файл **tpl_install_header.php**
   - "Окно" где будут выводиться данные из других файлов.
-  - "Нижний колонтитул (подвал)" файл tpl_install_footer.php
+  - "Нижний колонтитул (подвал)" файл **tpl_install_footer.php**
 ==== tpl дирректория и шаблоны ====
@@ Строка 127: / Строка 238: @@
 так-же два файла **tpl_install_header.php** и **tpl_install_footer.php** в новой директории.
-В файл **tpl_install_header.php** вынесем из файла **test_5.php** код от начала страницы до конца
+В файл **tpl_install_header.php** вынесем из файла **install_test.php** код от начала страницы до конца
 комментария\\   **%%<!--  Начало блока вставки файлов программы -->%%**
 <code php tpl_install_header.php>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+<!-- Объявление типа документа: сообщает браузеру,
-  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+что используется современный стандарт HTML5 -->
-<html xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
- <head>
+<!-- Начало документа, атрибут lang="ru" указывает
-  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+поисковикам и браузерам, что основной язык страницы — русский -->
-  <title>Установка UCMS Demo</title>
+<html lang="ru">
-    <!--  Начало стилей установщика, мы не выносим стили в отдельный файл, т.к.
+<head>
-          эти стили нужны только в этом файле. После установки приложения эта папка
+  <!-- Установка кодировки UTF-8 для корректного отображения
-    будет удалена.	-->
+  кириллицы и спецсимволов -->
-  <style type="text/css">
+  <meta charset="UTF-8">
-   .block_install {
+  <!-- Адаптация страницы под ширину экрана мобильных устройств -->
-	width: 700px; /* Ширина содержимого в рамке */
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <!-- Заголовок вкладки браузера -->
-    position: absolute;  /* Абсолютное позиционирование */
+  <title>Установка UCMS Demo</title>
-    left: 0; /* Положение от левого края */
+  <!--  Начало стилей установщика, мы не выносим стили в отдельный файл, т.к.
-    right: 0; /* Положение от правого края */
+  эти стили нужны только в этом файле. После установки приложения эта папка
-    margin: auto;  /* Отступы вокруг элемента */
+  будет удалена.	-->
+  <style>
-   }
+    /* Настройки всей видимой части страницы */
-   .block_window_install{
+    body {
-    border: 2px #808080 solid; /* Параметры рамки: ширина, цвет, сплошная граница */
+      font-family: "Times New Roman", Times, serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; /* Приоритет шрифта с засечками, далее системные шрифты */
-    background: #e3ffec; /* Цвет фона */
+      background-color: #f4f7f6; /* Светло-серый фон всей страницы */
-	border-radius: 5px; /* закругленные края рамки */
+      display: flex; /* Включение гибкой верстки для выравнивания содержимого */
-	padding: 10px; /*  со всех сторон отступ 10px */
+      justify-content: center; /* Центрирование контейнера по горизонтали */
-	box-shadow: 0 15px 25px -4px rgba(0, 0, 0, 0.5);  /* тень вокруг элемента */
+      align-items: center; /* Центрирование контейнера по вертикали */
-   }
+      min-height: 100vh; /* Минимальная высота body — 100% высоты окна просмотра */
-   .block_install_name {
+      margin: 0; /* Удаление стандартных внешних отступов браузера */
-	font-size: 18px; /* Размер текста */
+      color: #333; /* Основной цвет текста (темно-серый) */
-	font-style: italic; /* Наклонный текст */
+    }
-    font-weight: 700; /* Жирный текст */
-    color: #808080; /* Цвет текста */
+    /* Внешняя обертка для карточки установки */
-   }
+    .install-container {
-   .footer_install {
+      width: 100%; /* Растягивание на всю доступную ширину */
-    text-align: center; /* Раположение текста по центру */
+      max-width: 700px; /* Ограничение максимальной ширины в 700 пикселей */
-	font-size: 14px; /* Размер текста */
+      padding: 20px; /* Внутренние отступы от краев экрана */
-	font-style: italic; /* Наклонный текст */
+    }
-    font-weight: 700; /* Жирный текст */
-    color: #808080; /* Цвет текста */
+    /* Основная карточка с контентом */
-   }
+    .install-card {
-   .table_block_install{
+      border: 2px #808080 solid; /* Серая сплошная рамка толщиной 2px */
-	padding: 0px 0px 0px 300px;	 /* отступ блока вправо*/
+      background: #e3ffec; /* Светло-зеленый фон как на скриншоте */
-   }
+      border-radius: 5px; /* Скругление углов рамки на 5px */
+      padding: 15px; /* Внутренний отступ от рамки до текста */
+      box-shadow: 0 15px 25px -4px rgba(0, 0, 0, 0.5); /* Глубокая тень: смещение вниз, размытие и полупрозрачный черный цвет */
+    }
+    /* Стили верхнего заголовка внутри карточки */
+    .install-title {
+      font-size: 18px; /* Размер шрифта заголовка */
+      font-style: italic; /* Написание курсивом */
+      font-weight: 700; /* Жирное начертание */
+      color: #808080; /* Серый цвет текста */
+      margin-left: 25px; /* Сдвиг заголовка вправо */
+      padding-bottom: 5px; /* Небольшой отступ снизу */
+    }
+    /* Оформление таблицы с параметрами системы */
+    table {
+      font-family: inherit; /* Наследование шрифтов от body */
+      font-weight: 700; /* Жирный текст для всех ячеек */
+      font-size: 14px; /* Размер шрифта в таблице */
+      width: 100%; /* Таблица занимает всю ширину карточки */
+      border-collapse: collapse; /* Убирает двойные рамки между ячейками */
+      margin: 20px 0; /* Отступы сверху и снизу от таблицы */
+    }
+    /* Стили обычных ячеек */
+    td {
+      padding: 5px 0; /* Вертикальные отступы внутри строк */
+      border-bottom: 1px dashed #bddbc5; /* Пунктирная разделительная линия снизу ячейки */
+    }
+    /* Специальные стили для правой колонки значений */
+    td:last-child {
+      text-align: left; /* Текст внутри ячейки прижат к левому краю */
+      padding-left: 30%; /* Создание большого пустого пространства слева для имитации смещения вправо */
+    }
+    /* Цвет текста для статуса "ОК" */
+    .status-ok {
+      color: #2e7d32; /* Темно-зеленый цвет */
+      font-weight: bold; /* Дополнительное выделение жирным */
+    }
+    /* Текст подсказки */
+    .hint {
+      font-size: 0.9em; /* Размер чуть меньше основного (90%) */
+      color: #666; /* Средне-серый цвет */
+      line-height: 1.5; /* Межстрочный интервал для читаемости */
+    }
+    /* Блок сообщения об ошибке */
+    .error-msg {
+      background: #ffdce0; /* Светло-розовый фон ошибки */
+      padding: 2px 20px; /* Минимальные отступы сверху/снизу и широкие сбоку */
+      border-radius: 5px; /* Скругление углов фона */
+      border-left: 5px solid #d32f2f; /* Жирная красная черта слева для акцента */
+      margin-top: 5px; /* Отступ сверху от предыдущего текста */
+    }
+    /* Убираем отступы у параграфа внутри блока ошибки для компактности */
+    .error-msg p {
+      margin: 0;
+    }
+    /* Стили подвала (авторские права) */
+    .footer {
+      text-align: center; /* Центрирование текста */
+      font-size: 13px; /* Уменьшенный размер шрифта */
+      font-style: italic; /* Курсив */
+      font-weight: 700; /* Жирный текст */
+      color: #888; /* Светло-серый цвет */
+      margin-top: 20px; /* Отступ от основной карточки */
+    }
+    /* Цвет ссылок в подвале */
+    .footer a { color: #666; }
   </style>
-    <!--  Конец стилей установщика	-->
+  <!--  Конец стилей установщика	-->
-  </head>
+</head>
-  <body>
+<body>
-    <!--  Начало блока рамки установщика -->
-    <div class="block_install">
+  <!-- Ограничивающий контейнер по центру экрана -->
-        <div class="block_window_install">
+  <div class="install-container">
-        <!--  Начало блока названия программы -->
+    <!-- Основная «зеленая» карточка -->
-            <div class="block_install_name">
+    <div class="install-card">
-        		Установка UCMS Demo
+	  <!-- Заголовок блока -->
-            </div>
+      <div class="install-title">Установка UCMS Demo</div>
-		<!--  Конец блока названия программы -->
+	   	<!--  Конец блока заголовка -->
-		<!--  Начало блока вставки файлов программы -->
+	    <!--  ******************************************* -->
+	    <!--  ** Начало блока вставки файлов программы ** -->
+	    <!--  ******************************************* -->
 </code>
@@ Строка 193: / Строка 381: @@
 <code php tpl_install_footer.php>
-		<!--  Конец блока вставки файлов программы -->
+	  <!--  ****************************************** -->
+	  <!--  ** Конец блока вставки файлов программы ** -->
+	  <!--  ****************************************** -->
+        </div>
+	<!-- Подвал страницы с копирайтом и версией -->
+    <div class="footer">
+      <p>
+        Author: <a href="mailto:PolskiyVN@gmail.com">VladPolskiy</a> &copy; 2024-2025
+        <a href="https://UniversalCMS-ce.ovh/" target="_blank">UniversalCMS CE</a> – Ver: 1.2.10
+      </p>
+    </div>
+  </div>
-		</div>
+</body>
-		<!--  Начало нижнего колонтитула -->
-		<div class="footer_install">
-    			<p>
-				Author:
-				<a href="mailto:PolskiyVN@gmail.com"> VladPolskiy</a>  © 2024-2025
-				<a href="https://UniversalCMS-ce.ovh/" target="_blank"> UniversalCMS CE </a>
-				– Ver: 1.2.10
-				</p>
-		</div>
-		<!--  Конец нижнего колонтитула -->
-		 </div>
-		<!--  Конец блока рамки установщика -->
- </body>
-</html>
 </html>
 </code>
 ===== Файл install.php =====
-Открываем в **Notepad++** наш ранее созданный файл **install.php** и записываем в него три строчки кода PHP.
+Открываем в редакторе **Notepad++** наш ранее созданный файл **install.php** и записываем в него две строчки кода PHP
+и между ними классический текст - заглушку "Lorem Ipsum"
 <code php install.php>
 <?php include "tpl/tpl_install_header.php"; ?>
-	<?php include "lang_and_time_zone.php"; ?>
+<h3>Классический текст Lorem Ipsum, используемый с XVI века</h3>
+<p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
+eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
+ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
+aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
+in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
+<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
+officia deserunt mollit anim id est laborum."</p>
 <?php include "tpl/tpl_install_footer.php"; ?>
@@ Строка 225: / Строка 418: @@
 Данный код мы рассмартивали ранее и нет необходимости повторяться. Функция **%%include%%** подчключает данные
-из трех файлов по очереди. Вторым по очереди идет ранее созданный в главе [[software:development:demo:cms:ucms:creating_file_lang_and_time_zone|8.4. Файл lang_and_time_zone.php]] - файл выбора языка и часовой зоны .
+из двух файлов (**%%tpl_install_header.php%%** и **%%tpl_install_footer.php%%**) по очереди.
 Откроем в браузере Файл **install.php** перейдя по ссылке http://localhost/ucms/library/install/install.php
 <note shadow>
-{{:software:development:demo:cms:ucms:ucms_creat_38.png?|}}
+{{:software:development:demo:cms:ucms:ucms_install_test_php_3.png|}}
 </note>
-Мы видем, что файлы **tpl_install_header.php** и **tpl_install_footer.php** создали обертку для нашего **lang_and_time_zone.php** файла.
+Мы видем, что файлы **tpl_install_header.php** и **tpl_install_footer.php** создали обертку для
+нашего **install.php** файла.
+Вторым по очереди идет ранее созданный в главе [[software:development:demo:cms:ucms:creating_file_lang_and_time_zone|8.4. Файл lang_and_time_zone.php]] - файл выбора языка и часовой зоны .
 Из файла **tpl_install_header.php** удалим файлы стилей и подключим внешний файл стилей Файл **install.css** установщика в