Генератор форм

Для веб-мастера

Реклама


Как создать самый простой динамический сайт на php!

Рейтинг:
Дата: 15 июня 2009 Просмотры 79822 Комментарии 29

Сегодня вот решил рассказать Вам, как создать самый простой динамический сайт на php!
В чем отличия динамических сайтов от статических читайте здесь.

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

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

<table  width="100%" border="0" cellspacing="5"  cellpadding="0">
  <tr>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  </tr>
  <tr>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  </tr>
  <tr>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  </tr>
</table>

На следующем шаге нам необходимо объединить 3 верхних столбца в одну ячейку! Там будет размещена "шапка сайта" Для этого используем атрибут colspan="3". Тоже самое проделаем и с самими нижними столбцами! Это будет у нас футер сайта. У вас должно получиться следующее:

<table width="100%"  border="0" cellspacing="5" cellpadding="0">
  <tr>
  <td colspan="3"> Шапка сайта </td>
  </tr>
  <tr>
  <td>Левый блок с навигацией  по сайту</td>
  <td>Контент сайта</td>
  <td>Правый блок с рекламной  информацией</td>
  </tr>
  <tr>
  <td colspan="3"> Футер сайта</td>
  </tr>
  </table>
	

На следующем этапе приводим наш сайт к единому шаблону. Я добавлю к каждому блоку нашего сайта по таблице. У вас должно получиться следующее:

<table  width="100%" border="0" cellspacing="5" cellpadding="0">
  <tr>
  <td colspan="3">

<!--Шапка сайта -->
<table width="100%" bgcolor="#0000FF" border="0" cellspacing="0"  
  cellpadding="0">
  <tr>
  <td><h1  align="center">Загаловок сайта</h1>
  </td>
  </tr>
  </table>
<!--/Шапка сайта -->
  </td>
  </tr>
  <tr>
  <td width="20%"  valign="top">
<!—Левый блок, с  навигацией по сайту -->
<table  width="190" border="1" align="center" cellpadding="0" 
  cellspacing="0" bordercolor="#000000">
  <tr>
  <td bgcolor="#0000CC">
  <div align="center"><b>Меню</b></div>
  </td>
  </tr>
  <tr>
  <td>
  <div>
  <ul>
  <li  class="m"><a href="#">Главная</a></li>
  <li  class="m"><a href="#">Статьи</a></li>
  <li  class="m"><a href="#">Книги</a></li>
  <li  class="m"><a href="#">О себе</a></li>
  <li  class="m"><a href="#">Контакты</a></li>
  </ul>
  </div>
  </td>
  </tr>
  </table>
<!--/ Левый блок, с навигацией по сайту -->
  </td>
  <td valign="top">
<!--Контент сайта -->
<table width="100%" border="1" align="center" cellpadding="0"  
  cellspacing="0" bordercolor="#000000">
  <tr>
  <td bgcolor="#0000CC">
  <div align="center"><b>Гланая</b></div></td>
  </tr>
  <tr>
  <td  style="padding:10px"><p>Приветствую, мой дорогой  
  посетитель!</p>
<p>Если Вы новичок инфо-бизнеса и только начинаете свои 
первые  шаги,то Вы попали по адресу! На данном сайте Вы найдете 
бесплатные электронные курсы, статьи, электронные книги и советы 
по организации, раскрутке и ведению собственного бизнеса в  
Интернете.</p>
  <p>Приятного Вам изучения!</p>
  </td>
  </tr>
  </table>
<!--/Контент  сайта -->
  </td>
  <td  width="20%" valign="top">
<!--Правый  блок с рекламной информацией -->
  <table width="100%" border="1" cellpadding="0" cellspacing="0"  
   bordercolor="#000000">
  <tr>
  <td bgcolor="#0000CC">
  <div align="center"><b>Реклама</b></div>
  </td>
  </tr>
  <tr>
  <td>Ваша реклама</td>
  </tr>
  </table>
<!--/Правый  блок с рекламной информацией -->
  </td>
  </tr>
  <tr>
  <td colspan="3">

<!--Футер сайта -->
  <div  align="center">Разрешается  републикация материалов 
  сайта с обязательным указанием ссылки на<br>
  автора материала  (указание автора, его сайта) и ссылки 
  cледующего содержания:<br>
  &quot;https://biznesguide.ru. Новичку Инфо-Бизнеса. 
  От простого к  сложному.&quot;
  </div>
<!--/футер  сайта -->
  </td>
  </tr>
  </table>

Думаю разберетесь! Если нет, то можете скачать исходник по этой ссылке.

Итак, теперь когда наш шаблон сайта готов, разделим его на основные блоки и сохраним их в отдельные файлы, с расширением PHP.

Итак, создадим отдельный файл header.php. Туда необходимо вырезать и вставить следующий фрагмент нашего шаблона:

<!--Шапка сайта -->
  <table width="100%"  bgcolor="#0000FF" border="0" 
  cellspacing="0" cellpadding="0">
  <tr>
  <td><h1 align="center">Загаловок сайта</h1>
  </td>
  </tr>
  </table>
<!--/Шапка  сайта -->

Далее создадим файл с навигацией по сайту! Назовем его left_block.php. В него необходимо вставить следующий код нашего шаблона:

<!--Меню сайта -->
  <table  width="190" border="1" align="center"  cellpadding="0" 
  cellspacing="0" bordercolor="#000000">
  <tr>
  <td bgcolor="#0000CC">
  <div align="center"><b>Меню</b></div>
  </td>
  </tr>
  <tr>
  <td>

 

<div> <ul> <li><a href="#">Главная</a></li> <li><a href="#">Статьи</a></li> <li><a  href="#">Книги</a></li> <li><a  href="#">О себе</a></li> <li><a  href="#">Контакты</a></li> </ul> </div> </td> </tr> </table> <!--/Меню сайта -->

Далее создадим файл, который будет содержать правый блок, с рекламной информацией. Назовем его right_block.php. В него необходимо вставить следующий код нашего шаблона:

<!--Правый  блок с рекламной информацией -->
 <table  width="100%" border="1" cellpadding="0"  cellspacing="0" 
  bordercolor="#000000">
  <tr>
  <td  bgcolor="#0000CC">
  <div align="center"><b>Реклама</b></div>
  </td>
  </tr>
  <tr>
  <td>&nbsp;</td>
  </tr>
  </table>
<!--/Правый  блок с рекламной информацией -->

Последним блоком, который мы вынесем в отдельный файл, будет блок – футер сайта. Создадим новый php-файл и назовем его footer.php.  В него необходимо вставить следующий код нашего шаблона:

<!--Футер сайта -->
  <div align="center">Разрешается републикация материалов сайта с 
  обязательным  указанием ссылки на<br>
  автора материала  (указание автора, его сайта) и ссылки 
  cледующего содержания:<br>
  &quot;http://biznesguide.ru. Новичку Инфо-Бизнеса. 
  От простого к  сложному.&quot;
  </div>
<!--/футер  сайта -->

Итак, все блоки вынесены в отдельные файлы. Теперь их необходимо подключить к основному шаблону (каркасу) нашего сайта. Делается это при помощи команды include();

Конструкция include предназначена для включения файлов в код сценария PHP во время исполнения сценария PHP.

<?php include("header.php");?> 

Где: header.php – имя подключаемого файла.

Как видите, для того, чтобы добавить php-код необходимо прописать <?php, а для того, чтобы закрыть php-код - ?>.  

Подключим все наши созданные файлы к нашему основному каркасу. У Вас должно получиться следующее:

<table  width="100%" border="0" cellpadding="0" cellspacing="5" 
bordercolor="#000000">
  <tr>
  <td colspan="3">
<?php  include("header.php");?>
  </td>
  </tr>
  <tr>
  <td width="20%"  valign="top">
<?php  include("left_block.php");?>
  </td>
  <td  valign="top">
  <table width="100%" border="1" align="center" cellpadding="0"  
  cellspacing="0" bordercolor="#000000">
  <tr>
  <td  bgcolor="#0000CC">
  <div align="center"><b>Гланая</b></div>
  </td>
  </tr>
  <tr><td  style="padding:10px"><p>Приветствую, мой дорогой  
  посетитель!</p>
  <p>Если Вы новичок инфо-бизнеса и только начинаете свои 
  первые шаги,то Вы попали по адресу! На данном сайте Вы найдете 
  бесплатные электронные курсы, статьи,электронные книги и советы 
  по организации, раскрутке и ведению собственного бизнеса в  
  Интернете.</p>
  <p>Приятного Вам изучения!</p>
  </td>
  </tr>
  </table>
  </td>
  <td width="20%"  valign="top">
<?php  include("right_block.php");?>
  </td>
  </tr>
  <tr>
  <td colspan="3"  bgcolor="#0000FF">
<?php include("footer.php");?>
</td> </tr> </table>

Ну вот собственно и все! Мы создали самый простой динамический php-сайт, состоящий из нескольких блоков. Теперь если Вы захотите изменить шапку своего сайта, то просто откройте файл header.php, отредактируйте его и сохраните. Эти изменения автоматически сохраняться на всех страницах вашего сайта, где будет подключен этот файл.

Естественно это лишь пример, а не окончательный дизайн сайта! Над ним надо еще много поработать, чтобы получился красивый сайт.

Если у Вас что-то не получится, то можете скачать мои исходники по этой ссылке

Удачи!

Оцените эту статью:

Курс "PHP за 3 недели" - это полная комплексная система обучения программированию на языке PHP для начинающих.

Благодаря нашей новой, но уже зарекомендовавшей себя системе десятки человек стали настоящими PHP-программистами в течение 3-х недель! 

Подробнее ->

Похожие статьи
Интересно почитать

    Получать новые материалы этого сайта на свой email адрес?

    Отправлять мне комментарии по эл. почте?

Реклама

Топ комментаторы

  • Иван (1)

Нашли ошибку в тексте

Система Orphus
https://biznesguide.ru/coding/65.html
3,69 из 5 на основе 87 оценок.
Твиттер Facebook Google plus RSS