Моя первая страница на PHP

Пример № 9

Чем отличается сайт на PHP от голого сайта на HTML?
Согласно статистике, архитектура большинства ресурсов в интернете построена на основе php и html.
Сайт на PHP почти ничем не отличается от голого сайта на HTML.

Единственное отличие - более гибкая настройка и управление сайта, а также есть возможность автоматизировать множество функций.

Сейчас эти две дисциплины связаны почти воедино. Их тандем является основой, на которой построена «жизнь» большей части интернета. Конечно, в связке с html применяются и другие серверные языки (Perl, ASP.NET). Но их распространенность во всемирной паутине по сравнению с PHP, носит чисто эпизодический характер.

Для многих начинающих взаимосвязь между этими технологиями выглядит непонятной. С одной стороны статический html, который интерпретируется браузерами на стороне клиента. А с другой - программный язык, обрабатывающийся на сервере. Поэтому, перед написанием сайта на php с нуля, приведем простой пример взаимодействия этих двух технологий.
Итак, процесс создания динамической страницы состоит из нескольких этапов:

1. Сверстаем каркас страницы. Назовем страницу index.php - она у нас будет состоять из частей: шапка (header), подвал (footer), левое меню (sidebar). В данном примере страница верстается на основе таблиц, но можно использовать и блочную версту.

Если загрузить страницу в браузере, она будет иметь такой вид:

Чтобы разобраться, как создается сайт на php, рассмотрим практический пример. Конечно, многое в нем упрощено, но весь механизм работы и этапы создания сохранены.
Листинг страницы представлен ниже:

Файл с кодом:

<html>
<head>
<title>Моя первая динамическая страница на PHP</title>
</head>
<body>

<!-- ХЕДЕР (header.php) -->
<table width="1320px" border="1" cellspacing="0" cellpadding="0" 
align="center" bordercolor="313233" bgcolor="#cbe3ec">
<tr>
<td><p align="center">Шапка сайта</p></br></td>
</tr>
</table>
<!-- END ХЕДЕР -->

<table width="1320px" height="150px" border="1" cellspacing="0" cellpadding="0" 
align="center" bordercolor="313233">
<tr>

<!-- Блок левого меню (sidebar.php) -->
<td colspan="2" style="font-size: 14px; font-family: Arial" bgcolor="#ecf8fc">
<ul>
<li><a href="#">Раздел 1</a></li>
<li><a href="#">Раздел 2</a></li>
<li><a href="#">Раздел 3</a></li>
<li><a href="#">Раздел 4</a></li>
<li><a href="#">Раздел 5</a></li>
</ul>
</td>
<!-- END блока левого меню -->

<!-- Контент -->
<td><h2 align="center" style="color:#0595ca;">Привет, Мир!</h2>
<p align="center">Это моя первая динамическая страница на PHP. </p>
</td>
<!-- END контент -->

</tr>
</table>

<!-- Футер (footer.php) -->
<table width="1320px" border="1" cellspacing="0" cellpadding="0" align="center" 
bordercolor="313233" bgcolor="#cbe3ec">
<tr>
<td><p align="center">Подвал сайта</p></br></td>
</tr>
</table>
<!-- END футер -->
</body>
</html>

2. Теперь надо распределить страницу на отдельные блоки. Вот эти блоки. Они будут иметь свой вид, и свои названия файлов: Шапка; (header.php), Подвал; (footer.php), Левое меню сайдбара; (saidbar.php).

3. Создадим папку под названием /menu/, в которую потом скопируем файлы созданные позже. При необходимости редактирования шапки, левого меню или подвала сайта, мы будем знать, что шаблоны этих частей сайта находятся в данной папке.

3.1. Итак, формируем папку /menu/в котором содержится файл header.php.

<table width="650px" border="1" cellspacing="0" cellpadding="0" 
align="center" bordercolor="313233" bgcolor="#cbe3ec">
<tr>
<td><p align="center">Шапка сайта</p></br></td>
</tr>
</table>

3.2. Формируем в этой же папке файл saidbar.php.

<td colspan="2" style="font-size: 14px; font-family: Arial" bgcolor="#ecf8fc">
<ul>
<li><a href="#">Раздел 1</a></li>
<li><a href="#">Раздел 2</a></li>
<li><a href="#">Раздел 3</a></li>
<li><a href="#">Раздел 4</a></li>
<li><a href="#">Раздел 5</a></li>
</ul>
</td>

3.3. Формируем файл footer.php в той же папке /menu/.

<table width="650px" border="1" cellspacing="0" cellpadding="0" 
align="center" bordercolor="313233" bgcolor="#cbe3ec">
<tr>
<td><p align="center">Подвал сайта</p></br></td>
</tr>
</table>

4. Подключим полученные файлы (то есть, шаблоны) к сайту с помощью инструкции include на примере страницы index.php.

<html>
<head>
<title>Моя первая динамическая страница на PHP</title>
</head>
<body>
<!-- Хедер (header.php) -->
<?php include ("blocks/header.php");?>
<!-- END Xедер -->
<table width="650px" height="150px" border="1" cellspacing="0" cellpadding="0" 
align="center" bordercolor="313233">
<tr>
<!-- Блок левого меню (sidebar.php) -->
<?php include ("blocks/leftmenu.php");?>
<!-- END блока левого меню -->
<!--  Контен -->
<td><h2 align="center" style="color:#0595ca;">Привет, Мир!</h2>
<p align="center">Это моя первая динамическая страница на PHP. </p>
</td>
<!--  END контент -->
</tr>
</table>
<!-- Футер (footer.php) -->
<?php include ("blocks/footer.php");?>
<!-- END футер -->
</body>
</html>

Важно знать! Таким образом, страница index.php — это динамическая страница, она будет «склеиваться» из нескольких файлов (шаблонов). Таких шаблонов можно сделать сколько угодно. При необходимости изменения какой-либо части сайта достаточно найти нужный файл шаблона и отредактировать его.

Посмотреть пример работы страницы можно здесь.

В этой статье мы узнали как происходит генерация страницы сайта, и как с помощью инструкции include можно создать динамическую веб-страницу.

Читайте также:

Создано:|08.03.2024.