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

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

AutoClicker - Автокликер для популярных тапалок в телеграм, который запускается на вашем ПК в браузере.
CheckTrust - сервис проверки качества сайтов. Экономия до 70% на аренде ссылок.
GoGetLinks - популярная система для получения качественных ссылок в обзорах с размещением навсегда.
Etxt.RU - биржа статей.
FastVPS - качественный VPS/VDS хостинг в германии.
Roistat - система сквозной бизнес-аналитики.

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

Рейтинг:

Дата: 15 июня 2009 Просмотры

89266

Сегодня вот решил рассказать Вам, как создать самый простой динамический сайт на 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, отредактируйте его и сохраните. Эти изменения автоматически сохраняться на всех страницах вашего сайта, где будет подключен этот файл.

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

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

Удачи!

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