PHP. Динамическое создание страниц

В сети Интернет существует огромное количество web-сайтов. Все эти сайты можно разделить на два типа: статические и динамические.

Сегодня мы поговорим о создании динамических страниц, но сперва я хотел бы Вам рассказать что такое статический и динамический сайт (страница).

Статические сайты

Статические сайты состоят из статических web-страниц. Это означает, что независимо от действий пользователя страница всегда выглядит одинаково.

Такие страницы хранятся на сервере как документы HTML. Верстаются статические страницы вручную. Если нужно изменить содержимое страницы, то приходится редактировать код HTML у каждой страницы.

Достоинства:

Простота и дешевизна создания, нетребовательность к аппаратным ресурсам;
Минимальная нагрузка на web-сервер.

Недостатки:

Большие временные затраты на редактирование контента;
Нецелесообразность использования в крупных проектах.

Динамические сайты

Динамические сайты состоят из динамических web-страниц, которые могут реагировать на действия пользователя и изменяться. Такие страницы формируются web-сервером из нескольких файлов (шаблонов). Вся информация хранится в базе данных.

Когда пользователь запрашивает страницу, соответствующая информация извлекается из базы, вставляется в шаблон, образуя web-страницу, и пересылается web-сервером в пользовательский браузер.

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

Достоинства:

Управление контентом производится через специальные формы, где можно легко добавлять, редактировать и удалять информацию;
Максимальная оперативность при добавлении нового контента на сайт;
При добавлении или редактировании контента не требуется специальных знаний из области web-мастеринга (HTML, CSS);
Возможность создания крупных многофункциональных проектов;
Большие возможности для раскрутки.

Недостатки:

Высокая стоимость создания и обслуживания;
Нужно обладать соответствующими знаниями для поддержания работоспособности сайта.

Лучше всего делать сайт с помощью динамических страниц т.к. это лучший и удобный выбор. Ну а теперь поговорим о создании динамических страниц.

Простые ссылки

Прежде чем изучать язык программирования PHP вы уже должны знать HTML и конечно же создание гиперссылок. Хотелось бы Вам напомнить:

<а href = "example.php">Пример гиперссылки.</a>

Если щелкнуть по ссылке, в браузере будет загружена страница с именем example.php. Теперь посмотрим как, можно воспользоваться переменной для построения динамической ссылки:

$link = "example.php";

print "<а href = \"$link\">Пример динамической гиперссылки.</a> <br>\n"

Вот так просто создается динамическая гиперссылка с помощью языка php.

Процесс создания динамической страницы

Процесс создания динамической страницы состоит из нескольких этапов:

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

В данном примере рассмотрим верстку страниц на основе таблиц, но можно использовать и блочную версту.

1. Формируем файл header.php.

<html>
<head>
<title>Динамическая страница на PHP.</title>
<meta name="description" content="краткое описание страницы">
<meta name="keywords" content="Динамическая страница страница главная">
</head>
<body>
<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>

2. Формируем файл leftmenu.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. Формируем файл footer.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>
</body>
</html>

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

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

<!-- начало хедера (header.php) -->
<?php include ("template/header.php");?>
<!-- конец хедера -->

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

<!-- Начало блока левого меню (leftmenu.php) -->
<?php include ("template/leftmenu.php");?>
<!-- Конец блока левого меню -->

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

<!-- начало футера (footer.php) -->
<?php include ("template/footer.php");?>
<!-- Конец футера -->

Вот так страница index.php — это динамическая страница, она будет формироваться из нескольких файлов (шаблонов).

Таких шаблонов можно сделать любое количество. При необходимости изменения какой-либо части сайта достаточно найти нужный файл шаблона и отредактировать его.

На этом создание динамических страниц окончено. Думаю вы поняли смысл и практичность динамических сайтов и на основе примера сможете создать большой проект. Да и не забывайте комментировать Ваш код — это очень важно друзья! Удачи Вам!

P.S. Небольшие изменения от 06.07.2019 года:

Так как программирование развивается всегда поэтому и программист должен развиваться со скоростью света.

Табличная верстка показанная выше в наше время мало применяется на практике и необходима только для изучения начинающим программистам.

Если вы хотите создавать новые и эффективные web-сайты, тогда рекомендуем использовать не табличную верстку, а блочную верстку. Рассмотрим подробнее.

Таблицы придуманы именно для вывода табличных данных, а не для разметки элементов страницы. То, что расположено в таблице:

<table>
  <tr>
    <td>текст</td>
  </tr>
</table>

может быть представлено в виде блочной (дивовой) верстки:

<div>текст</div>

это занимает гораздо меньший объем дискового пространства.

Рассмотрим преимущества блочной верстки по сравнению с табличной:

Существенное уменьшение размера страницы, как правило в 2–3 раза, что значительно уменьшает время загрузки web-сайта. При этом незначительно вырастет размер CSS-файла, но, благодаря тому, что он единожды кэшируется браузером юзера и при обращении к другим страницам считывается уже с его компьютера, в результате сайт грузится гораздо быстрее, чем табличный.
Значительно удобнее менять оформление страниц сайта, вынесенное в CSS-файл. При этом практически отсутствует необходимость редактирования HTML-кода.
Благодаря возможностям блочной верстки можно добиться того, что в коде сначала пойдет основной контент страницы, а только потом шапка, левая и/или правая колонки. При этом внешний вид страницы совершенно не изменится.
Визуально приятна прозрачность кода блочной страницы – нет никаких нагромождений тегов, все очень красиво и компактно.