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

Блог содержит информацию для тех, кто хочет научиться самостоятельно создавать сайты

Создание сайта

Продвижение сайта

Заработок в интернете

Скрипты|Scripts

ТОП как заработать в интернете

Выбор дизайна для сайта

Файл robots.txt

Почему не растет ТиЦ?

Бесплатный обмен постовыми возможен!

Поисковый запрос должен быть не менее 4-х символов.




Гостевая


Заметок в базе: 41
Комментариев: 184
Человек на сайте: 2

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

Автор: Анатолий Матюхин

Дата: 2011-07-14

Сегодня прекрасный солнечный день, полон красок и тепла. Который собственно и толкнул меня рассказать Вам, как создать динамический сайт на PHP. Дав сил и зарядив меня солнечной энергией. Динамический сайт это вроде конструктора, его обычно делят на блоки. Такие как: шапка, левый блок, правый блок, низ сайта(футер) и т.д.! Преимущество разделения на блоки в том, что любой из блоков можно подключить туда где они нам могут понадобиться. Для того чтобы нам приступить к созданию такой страницы на PHP, вам необходимо иметь представление что такое php и html. Так как в данной статье Я расскажу как создать, а не об особенностях языков. Итак, можем приступать. Для начала нам необходимо создать каркас сайта. Который у нас будет состоять из 3-х столбцов и 3-х рядов. Давайте создадим php-страницу. Сохраните её под названием index с расширением php (index.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>

Следующим шагом мы объединим верхние три столбца в одну ячейку атрибутом colspan=3. Там будет шапка сайта. Необходимо проделать тоже самое и с нижней частью, с третьей строчкой таблицы. В html строка определяется от

<tr> до </tr>.

Получилось у нас вот что:

<table width="100%"  border="0" cellspacing="5" cellpadding="0">
  <tr>
  <td <strong>colspan="3"</strong>> Шапка сайта </td>

  </tr>
  <tr>
  <td>Левый блок с навигацией  по сайту</td>
  <td>Контент сайта</td>

  <td>Правый блок с рекламной  информацией</td>
  </tr>
  <tr>
  <td <strong>colspan="3"</strong>> Футер сайта</td>

  </tr>
  </table>
	

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

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

  <td colspan="3">

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

  </td>
  </tr>

  </table>
<strong><!--/Шапка сайта --></strong>
  </td>
  </tr>

  <tr>
  <td width="20%"  valign="top">

<strong><!—Левый блок, с  навигацией по сайту --></strong>
<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>

  </ul>

  </div>
  </td>

  </tr>
  </table>
<strong><!--/ Левый блок, с навигацией по сайту --></strong>
  </td>

  <td valign="top">
<strong><!--Контент сайта --></strong>

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

  </td>

  </tr>
  </table>
<strong><!--/Контент  сайта --></strong>
  </td>

  <td  width="20%" valign="top">
<strong><!--Правый  блок с рекламной информацией --></strong>

  <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>
<strong><!--/Правый  блок с рекламной информацией --></strong>
  </td>
  </tr>
  <tr>
  <td colspan="3">

<strong><!--Футер сайта --></strong>
  <div  align="center">
Публикаци разрешается только с указанием источника<br>
Обязаны разместить ссылку такoго вида:<br> <a href="http://www.php-master.hut2.ru/">Все технические моменты онлайн бизнеса от А до Я</a>
&quot;
  </div>

<strong><!--/футер  сайта --></strong>

  </td>
  </tr>
  </table>

По моему все ясно?! Если же нет, то в конце статьи можете скачать исходник и попрактиковаться изменяя параметры. Поздравляю, наш каркас(шаблон) сайта готов. Теперь разделим его на отдельно вынесенные блоки, и сохраним их с расширением php. Итак, создадим отдельный файл для шапки сайта. Назавём его header.php. Необходимо вырезать и вставить фрагмент из нашего шаблона:

<strong><!--Шапка сайта --></strong>
  <table width="100%"  bgcolor="#0000FF" border="0" 
  cellspacing="0" cellpadding="0">

  <tr>
  <td><h1 align="center">Загаловок сайта</h1>

  </td>
  </tr>
  </table>

<strong><!--/Шапка  сайта --></strong>

Далее создаем файл с навигациее для сайта, назавём его lefttd.php. Точно так же вырезаем и вставляем следующий код из нашего основного шаблона:

<strong><!--Меню сайта --></strong>
  <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><p> </p>
  <div>
  <ul>
  <li><a  href="#">Контент сайта</a></li>

  <li><a  href="#">Главная</a></li>
  <li><a  href="#">Гостевая</a></li>
  
  </ul>

  </div>
  </td>

  </tr>
  </table>
<strong><!--/Меню сайта --> </strong> 

Далее создаем файл например с рекламой, назавём его righttd.php.
Точно так же вырезаем и вставляем следующий код из нашего основного шаблона

<strong><!--Правый  блок с рекламной информацией --></strong>
 <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>
<strong><!--/Правый  блок с рекламной информацией --></strong>

И наконец завершением данного этапа выноса в блоки явлется последний файл, который назавем footer.php.

<strong><!--Футер сайта --></strong>
  <div align="center">

Публикаци разрешается только с указанием источника<br>

Обязаны разместить ссылку такoго вида: <br><a href="http://www.php-master.hut2.ru/">Все технические моменты онлайн бизнеса от А до Я</a>
 
 </div>

<strong><!--/футер  сайта --></strong>

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

<strong><u>include();</u></strong>.

Конструкция

<strong>include</strong> предназначена для включения файлов в код сценария PHP во время исполнения сценария PHP.

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

header.php - это имя подключаемого файла.
Обратите внимание на этот код, чтобы добавить php-код необходимо его открыть прописав , а для того, чтобы закрыть php-код - ?>.

Теперь уяснив некоторые моменты, давайте подключим все блоки к нашему основному шаблону, туда где мы их хотим видеть.
Что мы должны получить:

<table  width="100%" border="0" cellpadding="0" cellspacing="5" 
bordercolor="#000000">
  <tr>

  <td colspan="3">
<strong><?php  include("header.php");?></strong>
  </td>

  </tr>
  <tr>
  <td width="20%"  valign="top">

<strong><?php  include("lefttd.php");?></strong>
  </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>
<br>
<p>Надеюсь мои труды не прошли зря. 
<br>Пожалуста оставьте свои комментарии к статье.</p>
</p>
 

  </td>
  </tr>
  </table>

  </td>
  <td width="20%"  valign="top">
<strong><?php  include("righttd.php");?></strong>

  </td>
  </tr>
  <tr>

  <td colspan="3"  bgcolor="#0000FF">
<strong><?php include("footer.php");?><br></strong>
  </td>

  </tr>
  </table>

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

Желаю успехов во всех начинаниях!

Просмотров: 13965

Вы можете получать материал первыми. Так же бесплатные видео уроки, которые рассылаются только подписчикам! Подпишитесь и узнайте первым! Подписка на рассылку видео уроков.
Ваше имя: *
Ваш e-mail: *

Не пропустите интересные темы >> Самое популярное Перейти Самостоятельное создание сайта
Вы можете подписаться на RSS - ленту


Понравилась статья? Поделитесь ею с другими! Спасибо :)

Оцените заметку: 1 2 3 4 5

Комментарии к этой заметке:

Комментарий добавил(а): Андрей
Ваш Сайт:
Дата: 2011-09-11

Спасибо большое за статью. Она мне очень помогла в создании моего первого в жизни сайта. Я добавили ваш сайт в закладки.

Комментарий добавил(а): Саша
Ваш Сайт:
Дата: 2012-07-08

Мне помогло! Спасибо!!!

Комментарий добавил(а): Евгений
Ваш Сайт:
Дата: 2012-05-04

Ты супер. Спасибо огромное.

Комментарий добавил(а): НачинающийПрофи
Ваш Сайт: Отбросы кода
Дата: 2012-05-22

Использование много таблиц это так классно, вместо того чтоб использовать блочную вёрстку! И самое главное создавать таблицу внутри таблицы это ВООБЩЕ СУПЕР, вместо aтрибутa colspan. Спасибо вам конечно за предоставление бесплатных уроков, но вы еще недостаточно изучили PHP и HTML для обучения новичков т.к. они и без вашего участия могут писать кулхацкерские коды...Фух, вот это я отморозил XD

Комментарий добавил(а): Админ
Ваш Сайт: Самостоятельное создание сайта
Дата: 2012-05-28

Уважаемый, НачинающийПрофи, этот урок написан на наиболее простом языке. И по отзывам начинающих наиболее доступно изложенная информация. Благодарю вас за комментарий!

Комментарий добавил(а): alexknow
Ваш Сайт:
Дата: 2012-11-23

Есть несколько вопросов. 1) кто будет отдавать заголовки ответа? 2) у вас используется новый стандарт валидной верстки? 3) не понятна сама цель разделения html-кусков на файлы в данном случае. для чего это? 4) "Без названия, сайт не будет отображон" - исправьте, у вас ошибка...

Комментарий добавил(а): Admin
Ваш Сайт:
Дата: 2012-11-25

Уважаемый Alexknow, в данной статье изображена конструктивная модель php сайта! Для понятия возможностей языка и совместимости. А разделять на блоки необходимо если ваш сайт развивается и колличество страниц ростет. Например если у Вас 50 страниц сайта. И у вас не разделено на блоки. И вдруг вы решили изменить что то в левом блоке, то вам придется менять на всех 50 страницах. А если у вас разделено на блоки, то достаточно будет внести изменение в один файл и изменение будет автоматически на всех страницах сайта.

Комментарий добавил(а): игорь
Ваш Сайт:
Дата: 2012-12-18

Добрый день уважаемый Admin! Делал все как написано, скачивал ваш пример, делал свой. Проблема-когда пытаюсь запустить в денвере,то мне выдает ошибку. В чем может быть проблемма?На HTML все работает.

Комментарий добавил(а): Admin
Ваш Сайт:
Дата: 2013-01-04

Какого рода ошибка? Напишите мне на E-mail: crv15@rambler.ru

Комментарий добавил(а): Aez
Ваш Сайт:
Дата: 2013-04-19

Фу, какое уродство, и это уже 2011 год. Учите PHP и обновите уже эту дряную статейку.

Комментарий добавил(а): ввв
Ваш Сайт:
Дата: 2013-10-19

Уважаемый!!!Вы учите людей на слизанном до безобразия сайта у Попова.Я не вижу здесь ничего вашего.А Попов как известно очень хуевый учитель так что читайте лучше нормальные книги по php. И научитесь в начале сами!!!!!!!!!!!

Комментарий добавил(а): Алексей
Ваш Сайт:
Дата: 2014-11-14

Почему Попов хуевый учитель?

Комментарий добавил(а): Сергей
Ваш Сайт: Программы для Windows 10
Дата: 2015-10-27

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

Комментарий добавил(а): Виктория
Ваш Сайт: Портал поставщиков спецодежды
Дата: 2015-11-18

Это отличный урок для начинающих мастеров. Очень наглядно дает понять как организованы веб-страницы и дает хороший старт для саморазвития.

Комментарий добавил(а): Светлана
Ваш Сайт: Производители ДСИЗ
Дата: 2016-09-25

Полезный и нужный код для первого и простого сайта.

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


(Обязательный вид: http://www.ваш_сайт.ru)


(Без названия, сайт не будет отображон)


(Ваш E-mail не будет виден)

Введите сумму чисел с картинки

All right reserved. CopyrightВ©2011-2015.


Яндекс.Метрика
X