Как я и обещал ранее в публикациях по созданию сайта на html, что далее создадим сайт и на php. Для начала конечно создадим простой сайт на php без базы данных mysql. Для начала возьмем наш шаблон сайта на html и на его базе создадим на php и сравним их преимущества и недостатки. Хочу сказать сразу, что сайты на php, однозначно проще, удобнее и все остальное увидите далее. И так давайте вспомним как мы делали первый шаблон сайта, я не зря подписал все складовые шаблона, как левая колонка, правая колонка, шапка. футер и так далее. В php программировании можно подключать к шаблону файлы. Например у нас есть левая колонка которая отделяеться отдельным кодом html - таблица или блок. Еее можно вынести в отдельный файл и подключить в основном шаблоне. Что нам это дает? А приимущества очевидны сразу, для изменения чего либо в левой колонке в html необходимо править все файлы, а в php только один раз и на всех измениться автоматичесски.
Приступим к распределению шаблона по блокам
Для начала рекомендую в корневой папк сайта, если денвер, то это www создадим каталог с названием thema. И в него создадим файлы; left_td.php, right_td.php, header.php и footer.php. Для начала и примера достаточно и такого распределения. Вспомним наш шаблон
Код HTML
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Документ без названия</title>
<link href="style.css" rel="stylesheet" type="text/css">
<script src="jquery.js"></script>
</head>
<body>
<div class="container">
<header>
<a href="index.html"><img src="" alt="Место для логотипа" id="Insert_logo" style="background: #C6D580; display:block;" height="90" width="180"></a>
</header>
<div class="sidebar1">
<nav>
<ul>
<li><a href="index.html">Главная</a></li>
<li><a href="about.html">О нас</a></li>
<li><a href="contacts.html">Контакты</a></li>
<li><a href="gallery.html">Галерея</a></li>
</ul>
</nav>
<aside>
<h1>Левая колонка</h1>
</aside>
<!-- end .sidebar1 --></div>
<article class="content">
<h1>Центральная часть</h1>
<section>
</section>
<!-- end .content --></article>
<aside>
<h4>Правая колонка</h4>
</aside>
<footer>
<address>
Содержимое адреса
<a href="http://phpguru.com.ua">http://phpguru.com.ua</a>
</address>
</footer>
<!-- end .container --></div>
</body>
</html>
Здесь надеюсь все понятно из предыдущих публикаций. Само собой выделяеться и напрашиваеться шапка сайта между тегами <header></header>. Берем кусок кода из шаблона следующий;
Код HTML
<header>
<a href="index.html"><img src="" alt="Место для логотипа" id="Insert_logo" style="background: #C6D580; display:block;" height="90" width="180"></a>
</header>
Открываем наш пустой файл header.php, и вставляем данный код в этот файл. Все на этом наш header готов, а в шаблоне на место где был вирезан код вставляем функцию подключения файла header.php вот так;
Код HTML
<div class="container">
<?php include ("thema/header.php"); ?>
<div class="sidebar1">
<nav>
<ul>
<li><a href="index.html">Главная</a></li>
<li><a href="about.html">О нас</a></li>
<li><a href="contacts.html">Контакты</a></li>
<li><a href="gallery.html">Галерея</a></li>
</ul>
</nav>
<aside>
<h1>Левая колонка</h1>
</aside>
<!-- end .sidebar1 --></div>
<article class="content">
<h1>Центральная часть</h1>
<section>
</section>
<!-- end .content --></article>
<aside>
<h4>Правая колонка</h4>
</aside>
<footer>
<address>
Содержимое адреса
<a href="http://phpguru.com.ua">http://phpguru.com.ua</a>
</address>
</footer>
</div>
Вот так все просто. Открываем в браузере и проверяем в дизайне ничего не изменилось, а сайт работает на php. Таким образом и следующие блоки подключим с помощью php. Давайте подключим left_td.php. Для этого в основном шаблоне ищем сам блок кода отвечающего за левую колонку:
Код HTML
<div class="sidebar1">
<nav>
<ul>
<li><a href="index.html">Главная</a></li>
<li><a href="about.html">О нас</a></li>
<li><a href="contacts.html">Контакты</a></li>
<li><a href="gallery.html">Галерея</a></li>
</ul>
</nav>
<aside>
<h1>Левая колонка</h1>
</aside>
<!-- end .sidebar1 --></div>
Вот наша левая колонка, вирезаем код и вставляем в left_td.php, а в индексном пропишем такой код вместо левой колонки.
Код HTML
<div class="container">
<?php include ("thema/header.php");
include ("thema/left_td.php");
?>
<article class="content">
<h1>Центральная часть</h1>
<section>
</section>
<!-- end .content --></article>
<aside>
<h4>Правая колонка</h4>
</aside>
<footer>
<address>
Содержимое адреса
<a href="http://phpguru.com.ua">http://phpguru.com.ua</a>
</address>
</footer>
</div>
Вот таким образом подключаются файлы шаблона на сайте php. Я надеюсь, что убедил вас в том, что сайты на php намного удобнее проще и мы можем даже на простом хостинге с поддержкой php создавать такие сайты. Такая система подключения намного облегчает труд программиста. соответственно меньше вес исходных файлов, быстрее работает и удобно. Здесь я показал, как подключить для примера два файла, а вы теперь можете и сами сделать далее. Я привел пример файлов которые можно вынести в отдельный каталог как шаблон, и изменяя в одном файле автоматичесски менять на всем сайте. На этом данную публикацию завершаю, здесь больше добавить нечего, тема легкая, простенькая. Есть вопросы пожалуйста в комментарии. Далее будим еще касаться к нашему шаблону сайта и строить на нем более сложный сайт на php с mysql базами данных.