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>

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

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

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

 
Поделиться в facebook
Facebook
Поделиться в twitter
Twitter
Поделиться в vk
VK
Поделиться в google
Google+
Поделиться в email
Email

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

Привет! Спасибо за статью! А как к этому ещё добавить динамические поля: Title, Description, Keywprds?

 

Добрый день!

Description и Keywords можно добавить в header (шапка). Я статью чуток изменил чтобы показать данные мататеги. Посмотрите и все поймете.

А вот чтобы title изменялось на каждой странице динамически. Надо в тег title в шапке записать код а переменная $example должна хранить названия web-страницы. Например в БД пускай хранятся названия страниц или в отдельном файле. Реализовать по разному можно.

 

Ну это смешно – как это может быть динамическим сайтом? Просто заменили html разметку кодом php, не добавив никакой функциональности. Это не только лишнее, но и бессмысленно и плохо.

 

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

 

“Это первая динамическая страница на PHP.”
Ну а как мне в этом блоке вывести страницу site.com/page2.php ?
Я не понимаю, как переходя по разным ссылкам из моего меню я смогу получать все тот же сайт, но контент в центре будет меняться?

 

Спасибо за объяснения! И все же поддержу вопрос Незнайки: Жму на одну из 10 кнопок основного сайта. Как передать в шаблон, что нажата именно 3-я кнопка?

 

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Группа в VK

Помощь проекту

Обнаружили опечатку?

Сообщите нам об этом, выделите текст с ошибкой и нажмите Ctrl+Enter, будем очень признательны!

Свежие статьи

Похожие статьи

Фреймворк Yii

Фреймворк Yii

Yii — это высокоэффективный основанный на компонентной структуре PHP-фреймворк для разработки масштабных веб-приложений. Он позволяет максимально применить концепцию повторного использования кода и может существенно ускорить

 
Библиотека RedBeanPHP.

Библиотека RedBeanPHP.

RedBeanPHP – это мощная ORM для PHP, которая значительно упрощает работу с базами данных. ORM или Object-relational mapping (Объектно-реляционное отображение) — это технология программирования, которая

 
Безопасное хеширование паролей в PHP.

Безопасное хеширование паролей в PHP.

Такие хеширующие алгоритмы как MD5, SHA1 и SHA256 были спроектированы очень быстрыми и эффективными. При наличии современных технологий и оборудования, стало довольно просто выяснить результат

 

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: