4.4. Файл index.php часть 1

Глава 4.0. Шаблон HTML и динамические страницы

Ввыдение

Файл index.php — это главный индексный файл сайта, написанный на языке PHP, который автоматически загружается веб-сервером при обращении к корневой директории сайта или его подпапкам. Он служит стартовой точкой для динамических веб-страниц, часто обрабатывая все запросы, подключая базу данных и формируя структуру шаблона (шапку, подвал).
Ключевые особенности и функции index.php:

Главная страница: Если пользователь вводит example.com/, сервер ищет index.php (или .html) для отображения, заменяя необходимость указывать название файла.
Динамический контент: В отличие от index.html, файл index.php обрабатывается сервером перед отправкой браузеру, что позволяет создавать уникальный контент для каждого пользователя, работать с базами данных (MySQL) и CMS, такими как WordPress, Joomla.
Обработка запросов (Маршрутизация): В современных CMS index.php часто выступает как «единая точка входа», распределяя запросы к другим частям сайта.
Приоритет сервера: Обычно index.php имеет более высокий приоритет загрузки, чем index.html, если это настроено в конфигурации сервера.

Если файл index.php отсутствует, сервер может выдать ошибку 403 (Forbidden) или показать список файлов в директории.

Файл index.php

Создадим в корневой директории файл index.php следующего вида

index.php

<?php
?>

Скопируем в него все оставшееся содержимое файла sample.html

index.php

<?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>

Проверим правильность работы индексного файла index.php в браузере (перейдем по ссылке http://localhost/)

Если все работаем, то переходим к файлу header.php

Дополнения и Файлы

см. также:

4.3.2 Файл scripts.js 4.5. Файл header.php

Помогите улучшить Страницу

Была ли эта страница полезна для вас?-10+1
Сообщить о проблеме с этим контентом:polskiyvn@gmail.com

software/development/demo/cms/ucms/sample_php_page_index.txt · Последнее изменение: 2026/02/08 20:23 — VladPolskiy

Только авторизованные участники могут оставлять комментарии.

Содержание