Различия

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

--- software:development:demo:cms:ucms:sample_php_page_index [2026/02/08 17:38] – [4.4. Файл index.php] VladPolskiy
+++ software:development:demo:cms:ucms:sample_php_page_index [2026/02/08 20:23] (текущий) – [Файл index.php] VladPolskiy
@@ Строка 17: / Строка 17: @@
       * [[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]]
 ===== Ввыдение =====
 Файл index.php — это главный индексный файл сайта, написанный на языке PHP, который автоматически загружается веб-сервером при обращении к корневой директории сайта или его подпапкам. Он служит стартовой точкой для динамических веб-страниц, часто обрабатывая все запросы, подключая базу данных и формируя структуру шаблона (шапку, подвал). \\
@@ Строка 27: / Строка 28: @@
 ====== Файл index.php ======
 Создадим в корневой директории файл **index.php**  следующего вида
-<code php index.php>
+<code php index.php [enable_line_numbers="true"]>
 <?php
 ?>
 </code>
-Скопируем все содержимое файла **sample.html**
+Скопируем в него все оставшееся содержимое файла **sample.html**
+<code php index.php [enable_line_numbers="true"]>
+<?php
+?>
+<!doctype html>
+<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <meta charset="utf-8">
+    <!-- запрет автоперевода перевода google translate -->
+    <meta name="google" content="notranslate">
+	<!-- отображение файктической ширины экрана для адаптивного дизайна -->
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>sample.html</title>
+    <link
+      href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Sonsie+One"
+      rel="stylesheet"
+      type="text/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>
+    <!-- Вот наш главный заголовок, который используется на всех страницах нашего веб-сайта -->
+    <header>
+      <h1>Logo</h1>
+    </header>
+<nav class="navbar">
+		<ul>
+			<ul>
+				<li><a class="active" href="#home">Home</a></li>
+				<li><a href="#/about">About</a></li>
+				<li><a href="#/contact">Contact</a></li>
+			</ul>
+		</ul>
+	<!-- Форма поиска. -->
+    <form class="search-form">
+	<ul>
+        <li><input type="search" placeholder="Search..."></li>
+		<li><button class = "search-form-button" type="submit"  id="searchButton" value="Go!">Go!</button></li>
+	</ul>
+    </form>
+</nav>
+    <!-- Здесь основное содержимое нашей страницы -->
+    <main>
+      <!-- Она содержит статью -->
+      <article>
+        <h2>Article title</h2>
+        <p>
+			FishText will help designers, layout designers, and webmasters generate
+			several paragraphs of more or less meaningful text in Russian, and will
+			also help aspiring speakers hone their public speaking skills at home.
+			We used the well-known universal speech code to create the generator.
+			The text is generated randomly in paragraphs, with two to ten sentences
+			per paragraph, making it more engaging and lively for both visual and
+			auditory perception.
+        </p>
+        <h3>Subsection</h3>
+        <p>
+			Essentially, fish text is an alternative to traditional lorem ipsum,
+			which can be confusing for some people when trying to read fish text.
+			Unlike lorem ipsum, fish text in Russian will imbue any layout with a
+			perplexing meaning and impart a unique Soviet-era flavor.
+        </p>
+      </article>
+      <!-- Дополнительный контент также может быть вложен в основной контент -->
+      <aside>
+        <h2>See also</h2>
+			<li><a href="#">I like to travel alone</a></li>
+			<li><a href="#">I'm glad for this opportunity</a></li>
+			<li><a href="#">Even in Norway</a></li>
+			<li><a href="#">It never stops raining there</a></li>
+			<li><a href="#">Oh, come on...</a></li>
+      </aside>
+    </main>
+    <!-- И вот наш главный нижний колонтитул, который используется на всех страницах нашего веб-сайта -->
+    <footer>
+      <p>©2026 Sample HTML5 Page. All rights reserved.</p>
+    </footer>
+    <!-- Подключаем внешний файл -->
+    <script src="js/script.js"></script>
+  </body>
+</html>
+</code>
+Проверим правильность работы индексного файла index.php в браузере (перейдем по ссылке http://localhost/)
+<note shadow>{{:software:development:demo:cms:ucms:index_php_js_8.png|переход страниц}}</note>
+Если все работаем, то переходим к файлу **header.php**
 ===== Дополнения и Файлы =====
 см. также:
@@ Строка 41: / Строка 128: @@
 <note page>
 <wrap left>{{:icons:16:arrow-transition-180.png?|}}
-[[software:development:demo:cms:ucms:sample_php_page_and_dinamic_page|4.2 Шаблон PHP и динамические страницы]]
+[[software:development:demo:cms:ucms:sample_php_page_scripts_js|4.3.2 Файл scripts.js]]
 </wrap>
 <wrap right>
-[[software:development:demo:cms:ucms:sample_php_page_header|4.4. Файл header.php]]
+[[software:development:demo:cms:ucms:sample_php_page_header|4.5. Файл header.php]]
  {{:icons:16:arrow-transition.png?|}}</wrap>
 </note>