Home О нас Самоучитель иврита Путеводитель по Израилю Фотопутешествия Города Израиля Телефонный справочник Еврейские имена Еврейские праздники Ивритская поэзия
Как построить сайт
Учебник HTML и Photoshop. Построение блога на WordPress. Построение портала на Drupal.




HTML
Photoshop
WordPress
Drupal

Учебник HTML и Photoshop



Предыдущая глава


Использование файлов .inc



У моей подруги Лены Петровой уже имеется обширный сайт, состоящий из множества файлов. Это главный файл index.html, файл с содержанием стихов и рассказов soderjanie.html, несколько десятков файлов с текстами ее стихов и рассказов, файл albom.html и пятнадцать файлов, содержащих фотографии с подписями.

У этих файлов есть много общего. А именно, общие у них начало и конец их кода HTML. Каждый из этих десятков файлов содержит в начале следующее:

<html>
<head>
<title>Лена Петрова. Стихи, рассказы, фотографии.</title>
<meta name="description" content="Литературная страничка Лены Петровой">
<meta name="keywords" content="литература стихи рассказы повести фотографии">
<meta http-equiv="content-type" content="text/html; charset=windows-1251">
<link href="styl.css" rel="stylesheet" type="text/css">
</head>
<body>

<br><br>
<center>
<img src="zagolovok.jpg" alt="Страничка Лены Петровой" width=600 height=100 border=0>
</center>
<center>

<table width=600>
<tr>
<td>

А в конце у каждого из них стоит:

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

</body>
</html>

Поэтому мы зададим естественный вопрос: а нельзя ли эти одинаковые начало и конец выделить в два отдельных файла, а в коде HTML всех остальных многочисленных страниц сайта Лены просто указывать в начале и в конце, куда обращаться за кодом, соответственно, начала и конца?

Конечно, можно так сделать! И не только можно, но и даже нужно!

Почему? Ну, например, потому, что ничто не вечно под луной и через пару лет Лене может надоесть дизайн ее сайта и она захочет его переделать. И вот тут-то окажется очень кстати тот факт, что практически все, что касается дизайна, собрано всего в двух файлах, а все остальные файлы содержат только тексты и фотографии, которые при изменении дизайна останутся на месте.

А также потому, что с созданием кода страниц сайта мы еще не закончили нашу работу. Когда Лена опубликует свой сайт в сети, она захочет на каждой странице поставить счетчик для определения числа посетителей, а также, может быть, и добавить какие-нибудь баннеры. Вместо того чтобы вставлять коды счетчиков и баннеров в каждую страницу (хотя и это, в принципе, можно было бы сделать, воспользовавшись опцией «глобальная замена» упомянутого выше редактора HomeSite), мы сможем вставить эти коды в «файл начала» и «файл конца».

Но для того чтобы только что выдвинутая нами идея заработала, необходимо прежде всего переименовать все файлы. Точнее, поменять их расширение с .html на .php. Затем нужно поменять во всех ссылках внутри всех файлов расширение .html на .php (здесь может помочь функция глобальной замены в программе HomeSite). Это муторная, но необходимая работа. Проделаем ее и будем двигаться дальше.

Приведенные выше коды начала и конца наших файлов, те самые, которые у них у всех одинаковы, нам нужно записать отдельно. Файлы с этими кодами должны иметь новое для нас расширением .inc. Назовем файл с кодом начала nachalo.inc, а файл с кодом окончания - konetz.inc.

Наш файл index.php будет теперь выглядеть так:

<?php
require_once "nachalo.inc";
?>

<center>

<table width=600 border=0 cellpadding=5>
<tr valign=top>
<td width=300 height=200>
<img src="lena.jpg" alt="Лена Петрова" width=300 height=200 border=0>
</td>
<td align=left>
<h2>Лена Петрова</h2>
Это скамейка неподалеку от дома, на которой я люблю сидеть в одиночестве. Именно здесь лучше всего пишутся мои стихи.
</td>
</tr>
<tr>
<td colspan=2 align=center>
<br><br>
<h3>Я рада, что вы ко мне зашли!!</h3>.
</td>
</tr>
</table>

<p>

<a href="soderjanie.php">Содержание стихов и рассказов</a>
<p>
<a href="albom.php">Альбом фотографий</a>
</center>
<br><br><br><br>

<?php
require_once "konetz.inc";
?>

Файл soderjanie.php, являющийся содержанием стихов и рассказов Лены, примет следующий вид:

<?php
require_once "nachalo.inc";
?>

<br><br><br><br>
</i>Мои стихи:</i>
<br><br>
<a href="stih1.php">Весна</a>
<br><br>
<a href="stih2.php">Зима</a>
<br><br>
........................
<br><br><br>
</i>Мои рассказы:</i>
<br><br>
<a href="rassk1.php">Как я провела лето</a>
<br><br>
……………….

<br><br><br>

<?php
require_once "konetz.inc";
?>

Файл passk1.php с рассказом «Как я провела лето»:

<?php
require_once "nachalo.inc";
?>

<br><br>
<b>Как я провела лето</b>
<br><br><br>
Этим летом я ездила в турпоездку в Грецию.
<br><br>
Это было очень интересное путешествие. Я сделала много снимков и разместила их на этом сайте.
<br><br>
……………….

<br><br><br><br>

<?php
require_once "konetz.inc";
?>

Файл, albom.php, содержащий превьюшки и представляющий собой содержание альбома фотографий:

<?php
require_once "nachalo.inc";
?>

<center>

<table cellpadding=15>

<tr>
<td>
<a href="page1.php"><img src="pre1.jpg" width=90 height=60 border=0></a>
</td>
<td>
<a href="page2.php"><img src="pre2.jpg" width=90 height=60 border=0></a>
</td>
<td>
<a href="page3.php"><img src="pre.jpg" width=90 height=60 border=0></a>
</td>
<td>
<a href="page4.php"><img src="pre4.jpg" width=90 height=60 border=0></a>
</td>
<td>
<a href="page5.php"><img src="pre5.jpg" width=90 height=60 border=0></a>
</td>
</tr>

<tr>
<td>
<a href="page6.php"><img src="pre6.jpg" width=90 height=60 border=0></a>
</td>
<td>
<a href="page7.php"><img src="pre7.jpg" width=90 height=60 border=0></a>
</td>
<td>
<a href="page8.php"><img src="pre8.jpg" width=90 height=60 border=0></a>
</td>
<td>
<a href="page9.php"><img src="pre9.jpg" width=90 height=60 border=0></a>
</td>
<td>
<a href="page10.php"><img src="pre10.jpg" width=90 height=60 border=0></a>
</td>
</tr>

<tr>
<td>
<a href="page11.php"><img src="pre11.jpg" width=90 height=60 border=0></a>
</td>
<td>
<a href="page12.php"><img src="pre12.jpg" width=90 height=60 border=0></a>
</td>
<td>
<a href="page13.php"><img src="pre13.jpg" width=90 height=60 border=0></a>
</td>
<td>
<a href="page14.php"><img src="pre14.jpg" width=90 height=60 border=0></a>
</td>
<td>
<a href="page15.php"><img src="pre15.jpg" width=90 height=60 border=0></a>
</td>
</tr>

</table>

<?php
require_once "konetz.inc";
?>

Файл page1.php, содержащий первую фотографию из альбома с подписью к ней:

<?php
require_once "nachalo.inc";
?>

<center>

<img src="pic1.jpg" width=600 height=450 border=0>
<p>
Это первая фотография из моего путешествия. Мы в аэропорту.
</center>

<?php
require_once "konetz.inc";
?>

Понятно, что теперь, изменив один-единственный файл nachalo.inc или же konetz.inc, мы тем самым внесем изменение сразу во все страницы нашего сайта.

Кстати, я как раз собираюсь на данном этапе воспользоваться этой возможностью и вставить в код файла konetz.inc такую строчку:

<center><a href=index.php>Главная страница</a></center>.

Файл konetz.inc теперь выглядит вот так:

<br><br>
<center><a href=index.php>Главная страница</a></center>.
</td>
</tr>
</table>

</body>
</html>

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



Следующая глава






О чем здесь можно узнать: УЧЕБНИК HTML И PHOTOSHOP

ПОСТРОЕНИЕ БЛОГА НА WORDPRESS
ПОСТРОЕНИЕ ПОРТАЛА НА DRUPAL








© Netzah.org.
Разрешается свободное цитирование материалов сайта
при условии указания активной ссылки на эту страницу: http://textbook.netzah.org/