В одном из уроков я уже рассказывал, что такое динамическая страница. В данной статье мы рассмотрим пример создания динамической веб-страницы. Для того, чтобы это реализовать необходимо сверстать каркас страницы, затем разбить ее на части (шаблоны). Эти шаблоны будут находиться в отдельной папке и с помощью инструкции 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 — это уже динамическая страница, она будет «склеиваться» из нескольких частей (шаблонов). Таких шаблонов и страниц мы можем сделать любое количество. При необходимости изменения какой-либо части сайта достаточно найти нужный файл шаблона и отредактировать его. При этом изменения прозойдут и на всем сайте в целом.
Метки:
R223241098421, Z401057153876
410011170828179
Наверное самый понятный пример по созданию сайта на PHP! Перерыл кучу источников, и только в этом примере понял, как именно склеивать сайт, состоящий из таблиц))) Спасибо большое за информацию!
В какой программе писать? как разбить на блоки? после того как разбил открывается просто пустой контур...
Работать можно в обыкновенном блокноте или, например, в редакторе Notepad++. Для создания веб-страницы открываем блокнот, выбираем пункт меню Файл, Сохранить как. Даем имя файлу — index.php, нажимаем кнопку Сохранить. Для редактирования HTML-кода страницы открываем ее с помощью блокнота (или Notepad++), вставляем код HTML из примера и сохраняем. По аналогии создаются и страницы: header.php, leftmenu.php, footer.php. Однако, для работы с PHP понадобится локальный веб-сервер. Если есть вопросы, обращайтесь. Как говорится, чем могу...))
Можно было бы вам задать ряд вопросов по php? Просто начала делать свой сайт, перерыла весь интернет, все в голове смешалось в кашу... Очень бы хотелось как-то связаться с вами и помучить вас конкретными вопросами, отправленными например вам на почту, чтобы не задавать их здесь...
Попробуйте, Александра)). Связаться со мной можно посредством страницы с контактами.
Хорошо бы пример до конца дописать. Хотя бы один вариант работы ссылки, которая управляет основным блоком страницы.
Ну наконец-то нашел человека, который не только понимает в сайтостроении, но еще и объяснить может для чайника. Очень нужна Ваша консультация. Пишу через контакты.
Все отлично работает только проблема с ссылками на страницы сайта, если все страницы находятся в одной папке то ссылка вида (а href=1.php) проходит но встоит вложить в папку то ссылки вида (a href=page/1.php) уже неотображает и выбивает ошибку. Просьба высветлите этот момент.
Если нужно сослаться, например, в папку «page», где у нас находится страница «1.php», нужно указать ссылку вида: a href="/page/1.php". Косая черта означает переход на уровень выше.
Извините, я тоже за консультацией. Надеюсь, не откажете в помощи. У меня четыре сайта. Один уже более-менее продвинулся; второй наполнен контентом неплохо, но посещаемости пока нет; два других совсем пустые, по две статьи. Хотела через один из этих сайтов предлагать услуги копирайтера. Как это сделать лучше, чтобы не навредить? И на каком правильнее добавить такую рекламу своих услуг?
Также подскажите, как лучше сделать?? Добавить статистическую страничку? Будет ли она нормально индексироваться поисковиками и выходить в выдачу по ключевому запросу?
Или сделать рубрику без вывода поста на главную, чтобы не видели прежложение услуг те, кто пришел почитать об Италии, а не о написании текстов?
Людмила, можете свои услуги предлагать на любом сайте или на всех сайтах сразу, никакого вреда от этого не произойдет. Можно оформить отдельную страницу с услугами и оптимизировать ее под конкретные запросы. Страница будет индексироваться. Другой вопрос, запросы следует отбирать тщательно, учитывая конкуренцию по ним. Так, если конкуренция по какому-то запросу очень высокая, сложно будет выбиться по нему на верхние места в поисковой выдаче.