Различия

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

--- software:development:demo:cms:ucms:sample_php_page_header [2026/02/08 16:34] – [Дополнения и Файлы] VladPolskiy
+++ software:development:demo:cms:ucms:sample_php_page_header [2026/02/08 20:50] (текущий) – [Файл index.php] VladPolskiy
@@ Строка 3: / Строка 3: @@
 **[[software:development:demo:cms:ucms:ucms_table_of_contents | Краткое содержание]]**
 </note>
-====== 4.4. Файл header.php ======
+====== 4.5. Файл header.php ======
   * [[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_header|4.4. Файл header.php]]
+      * [[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.4.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_footer|4.5. Файл footer.php]]
+    * [[software:development:demo:cms:ucms:sample_php_page_index|4.4. Файл index.php часть 1]]
-      * [[software:development:demo:cms:ucms:sample_php_page_scripts_js|4.5.1 Файл scripts.js]]
+    * [[software:development:demo:cms:ucms:sample_php_page_header|4.5. Файл header.php]]
-    * [[software:development:demo:cms:ucms:sample_php_page_index|4.6. Файл index.php]]
+    * [[software:development:demo:cms:ucms:sample_php_page_footer|4.6. Файл footer.php]]
-    * [[software:development:demo:cms:ucms:sample_php_page|4.7. page.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]]
 ===== Введение =====
 ===== Файл header.php =====
-Создадим в блокноте файл **header.php** и вынесем из файла **sample.html** код от начала страницы (**%%<!doctype html>%%**) и до окончания блока **%%</nav>%%**, исключив блок стилей, заключенный в теги **%%<style>%%** и **%%</style>%%**.\\
+Создадим корневую директорию **/pages** и в блокноте файл **header.php** и вынесем из файла **index.php**, начиная со //строки 3// код,  (**%%<!doctype html>%%**) и до окончания блока **%%</nav>%%** (//строка 43// файла **index.php**).\\
-Так же изменим путь к файлу стилей с
-<code html>
-<link rel="stylesheet" href="style.css" />
-</code>
-на
-<code html>
-<link rel="stylesheet" href="css/style.css" />
-</code>
-, который создадим на следующей странице руководства
 <code php header.php>
 <!doctype html>
@@ Строка 48: / Строка 36: @@
       rel="stylesheet"
       type="text/css" />
-    <!-- блок стилей вынесе во внешний файл /css/style.css -->
-    <link rel="stylesheet" href="css/style.css" />
     <!-- следующие 3 строки нужны для корректного отображения семантических элементов HTML5 в старых версиях Internet Explorer-->
     <!--[if lt IE 9]>
       <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
     <![endif]-->
+	<!-- блок стилей css -->
+<link rel="stylesheet" href="/css/style.css" />
   </head>
   <body>
@@ Строка 68: / Строка 56: @@
 			</ul>
 		</ul>
-		      <!-- Форма поиска. -->
+	<!-- Форма поиска. -->
     <form class="search-form">
 	<ul>
         <li><input type="search" placeholder="Search..."></li>
-		<li><button class = "search-form-button" type="submit" value="Go!">Go!</button></li>
+		<li><button class = "search-form-button" type="submit"  id="searchButton" value="Go!">Go!</button></li>
+	</ul>
-		</ul>
     </form>
 </nav>
 </code>
+====== Файл index.php ======
+В файле **index.php**  между **%%<?php и ?>%%** укажим код подключения внешнего файла **header.php**, находящегося в директории **/pages**.
+<code php index.php [enable_line_numbers="true"]>
+<?php
+include 'pages/header.php';
+?>
+</code>
+Проверим правильность работы индексного файла index.php в браузере (перейдем по ссылке http://localhost/)
+<note shadow>{{:software:development:demo:cms:ucms:index_php_js_10.png|}}</note>
+Файл уже не такой громоздкий, и разобраться в нем намного проще. Вынисем из него нижнюю часть (подвал) в отдельный файл **footer.php**, о чем речь пойдет на следующей странице руководства
-Файл уже не такой громоздкий, и разобраться в нем намного проще. Вынисем из него стили в отдельный файл **style.css** и директорию **CSS**, о чем речь пойдет на следующей странице руководства
 ===== Дополнения и Файлы =====
 см. также:
@@ Строка 87: / Строка 83: @@
 <note page>
 <wrap left>{{:icons:16:arrow-transition-180.png?|}}
-[[software:development:demo:cms:ucms:sample_php_page_sample|4.3. Файл sample.html]]
+[[software:development:demo:cms:ucms:sample_php_page_index|4.4. Файл index.php часть 1]]
 </wrap>
 <wrap right>
-[[software:development:demo:cms:ucms:sample_php_page_style_css|4.4.1. Файл style.css]]
+[[software:development:demo:cms:ucms:sample_php_page_footer|4.6. Файл footer.php]]
  {{:icons:16:arrow-transition.png?|}}</wrap>
 </note>