✎ Помощь начинающим и профессиональным блоггерам, создание, поддержка сайтов и блогов e-mail siteblogger@inbox.ru icq 353-724-370

Главная ›› Уроки по PHP ›› Пример создания динамической страницы

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

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

Итак, как же создать динамическую страницу на PHP?

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

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

В браузере страница будет иметь вид:

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

Листинг страницы представлен ниже:

<html>
<head>
<title>Как создать динамическую страницу на PHP</title>
</head>

<body>

<!-- начало хедера (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>
<!-- конец хедера -->

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

<!-- Начало блока левого меню (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>
<!-- Конец блока левого меню -->

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

</tr>
</table>

<!-- начало футера (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>

2. Разобьем страницу на отдельные блоки. Эти блоки: шапка (header.php), подвал (footer.php), левое меню (leftmenu.php).

2.1. Формируем файл 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>

2.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>

2.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>

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

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

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

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

Поделитесь ссылкой! Подпишитесь на обновления, чтобы получать новые публикации!

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

  1. Дмитрий:

    Наверное самый понятный пример по созданию сайта на PHP! Перерыл кучу источников, и только в этом примере понял, как именно склеивать сайт, состоящий из таблиц))) Спасибо большое за информацию!

  2. Виталий:

    В какой программе писать? как разбить на блоки? после того как разбил открывается просто пустой контур...

    • Admin:

      Работать можно в обыкновенном блокноте или, например, в редакторе Notepad++. Для создания веб-страницы открываем блокнот, выбираем пункт меню Файл, Сохранить как. Даем имя файлу — index.php, нажимаем кнопку Сохранить. Для редактирования HTML-кода страницы открываем ее с помощью блокнота (или Notepad++), вставляем код HTML из примера и сохраняем. По аналогии создаются и страницы: header.php, leftmenu.php, footer.php. Однако, для работы с PHP понадобится локальный веб-сервер. Если есть вопросы, обращайтесь. Как говорится, чем могу...))

      • Александра:

        Можно было бы вам задать ряд вопросов по php? Просто начала делать свой сайт, перерыла весь интернет, все в голове смешалось в кашу... Очень бы хотелось как-то связаться с вами и помучить вас конкретными вопросами, отправленными например вам на почту, чтобы не задавать их здесь...

        • Admin:

          Попробуйте, Александра)). Связаться со мной можно посредством страницы с контактами.

  3. Андрей:

    Ну наконец-то нашел человека, который не только понимает в сайтостроении, но еще и объяснить может для чайника. Очень нужна Ваша консультация. Пишу через контакты.

  4. Виктор:

    Все отлично работает только проблема с ссылками на страницы сайта, если все страницы находятся в одной папке то ссылка вида (а href=1.php) проходит но встоит вложить в папку то ссылки вида (a href=page/1.php) уже неотображает и выбивает ошибку. Просьба высветлите этот момент.

    • Admin:

      Если нужно сослаться, например, в папку «page», где у нас находится страница «1.php», нужно указать ссылку вида: a href="/page/1.php". Косая черта означает переход на уровень выше.

  5. Людмила:

    Извините, я тоже за консультацией. Надеюсь, не откажете в помощи. У меня четыре сайта. Один уже более-менее продвинулся; второй наполнен контентом неплохо, но посещаемости пока нет; два других совсем пустые, по две статьи. Хотела через один из этих сайтов предлагать услуги копирайтера. Как это сделать лучше, чтобы не навредить? И на каком правильнее добавить такую рекламу своих услуг?

    Также подскажите, как лучше сделать?? Добавить статистическую страничку? Будет ли она нормально индексироваться поисковиками и выходить в выдачу по ключевому запросу?

    Или сделать рубрику без вывода поста на главную, чтобы не видели прежложение услуг те, кто пришел почитать об Италии, а не о написании текстов?

    • Admin:

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

  6. MАРИО:

    Здравствуйте! Если сделать простой сайт на php без базы данных, без опросов, без комментов и т.д. короче голый как html то все равно мне за хост надо платить как на блог с cms? Например на рег ру сразу предупреждает что "Уважаемые клиенты! Хотим обратить Ваше внимание на то, что тариф Host-Lite не поддерживает выполнение скриптов PHP/CGI (динамическое содержимое) — он предназначен только для статических страниц." Выполнение скриптов php, как я понял скрипты это блок коммента, опросы и т.д. ДА? или нет... и если даже не будет cms то всеравно мне придется доплачивать? Заранее Вам спасибо!!!

    • Admin:

      Добрый день! Все зависит от хостинга. Платные хостинг-провайдеры все поддерживают PHP и MySQL. Бесплатные — какие-то поддерживают, какие-то нет, как правило, все они содержат рекламу. Скрипты PHP — это не только комментарии и опросы. Даже если страница с расширением .php совсем голая — все равно такая страница без поддержки PHP на хостинге отображаться в браузере не будет. Либо нужно писать сайт на чистом HTML, либо искать недорогой хостинг с поддержкой PHP.

  7. Максим:

    У меня после таких манипуляций во всех подключенных блоках слетела кодировка. Как грамотно оформить её?

  8. Роланд:

    автор статьи, огромное спасибо

Оставить комментарий

Siteblogger.ru – проект, охватывающий достаточно широкий круг вопросов: создание сайтов и блогов на WordPress, поисковые системы, поисковая оптимизация и продвижение сайтов, способы заработка в сети, эффективные инструменты работы в Интернете и другое. Кроме того, мы оказываем услуги создания сайтов и блогов на WordPress с последующим их продвижением, а также занимаемся настройкой и ведением контекстной рекламы Яндекс.Директ и Google Adwords. По поводу сотрудничества просьба обращаться через контакты, все заявки и предложения будут обязательно рассмотрены. При использовании материалов данного сайта, пожалуйста, указывайте прямую индексируемую ссылку на Siteblogger.ru.

«Как создать и продвинуть свой сайт»

2011–2016 © Siteblogger.ru
Рейтинг@Mail.ru