Отправляет email-рассылки с помощью сервиса Sendsay

Сайтостроение (уроки по HTML, PHP, MySQL, веб-дизайну)

Рассылка закрыта

При закрытии подписчики были переданы в рассылку ""Свой сайт - это просто! Создание, продвижение, SEO"" на которую и рекомендуем вам подписаться.

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

←   Декабрь 2002   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Автор
tmorozova.ru

Статистика

17.902 подписчиков
-41 за неделю
←   Все выпуски   →

Сайтостроение (уроки по HTML, PHP, MySQL, веб-дизайну)


Информационный Канал Subscribe.Ru

Сайтостроение. Основы PHP. Уроки с сайта http://progs.biz

Рассылка №21

Основы PHP. Урок 24. Модульное строение страницы.
Полные версии уроков (с картинками) можно найти по адресам
Урок 24. Модульное строение страницы.

PHP. Урок 24. Модульное строение страницы

Страницы сайтов обычно строятся по модульному принципу - например, наверху каждой страницы находится название сайта с логотипом, внизу - знак охраны авторских прав, слева - навигационная панель, посредине - собственно содержание WEB-страницы (статья, рецензия и т. п.). При этом на всех страницах все части, кроме содержания, одинаковы (т. е. одинаковая шапка, панель навигации т. п.).

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

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

Каждая страница будет "собираться" из 5 файлов - по одному для каждой части и плюс еще файл, объединяющий все четыре части. Вот перечисление всех необходимых файлов:

  • xxxxx.php - файл с информацией. Именно этот файл и будет набирать посетитель в строке браузера. Включает в себя файл main.inc. Имя этого файла будет свое для каждой страницы сайта. В нашем примере таких страниц будет три: 1.php, 2.php и 3.php.
  • main.inc - файл, задающий общее расположение элементов на WEB-странице. Включает в себя все остальные файлы, кроме xxxxx.php.
  • header.inc - файл верхней частью страницы (с названием сайта).
  • footer.inc - файл нижней частью страницы (с авторскими правами).
  • nav.inc - файл с навигацией по сайту (распологается в левой части каждой страницы).

Приведем код для каждого файла.

Файл 1.php (это один из информационных файлов xxxxx.php):

<?
$content="
<h2>Мебель</h2>
<p>Добро пожаловать на наш сайт!...</p>
";
include ("main.inc");
?>

Как вы видите, тут мы заводим переменную $content, в которую записываем информафионное содержание нашей страницы. В эту переменную можно записывать в том числе и теги (что мы, собственно говоря, и делаем). Кроме того в эту страницу включается посредством оператора include файл main.inc. include мы делаем после объявления переменной $content, так как в файле main.inc эта переменная будет использоваться. Обратите также внимание на то, что все содержимое файла 1.php мы заключаем в теги php.

Файлы 2.php и 3.php мы делаем абсолютно аналогично:

<?
$content="
<h2>Столы</h2>
<p>Наша фирма рада предложить Вам следующие столы ...</p>
";
include ("main.inc");
?>
<?
$content="
<h2>Шкафы</h2>
<p>Мы рады предложить Вам следующие модели шкафов ...</p>
";
include ("main.inc");
?>

Файл main.inc:

<html>
<head>
  <title></title>
</head>

<body>
<table cellspacing="2" cellpadding="2" border="0" width=100%>
<tr>
    <td colspan="2">
    <?include ("header.inc");?>
    </td>
<tr>
<tr>
    <td width="20%"></td>
    <td></td>
</tr>
<tr>
    <td colspan="2" align=right>
    <?include ("footer.inc");?>
    </td>
</tr>
<table>
</body>
</html>

Тут мы, по сути дела, задаем макет для нашей HTML-странички - задаем теги <head>, <body> и другие, задаем расположение элементов на странице посредством таблицы. В первую ячейку таблицы мы вставляем файл заголовка с названием сайта:

    ...
    <td colspan="2">
    <?include ("header.inc");?>
    </td>
    ...

в последнюю - файл с авторскими правами:

    ...
    <td colspan="2" align=right>
    <?include ("footer.inc");?>
    </td>
    ...

Средний ряд таблицы состоит из двух ячеек, в которые мы вставляем файл с навигацией и значение переменной $content:

<tr>
    <td width="20%"><?include ("nav.inc");?></td>
    <td><?print $content?></td>
</tr>

Переходим к файлам header.inc, footer.inc и nav.inc.

Файл header.inc:

<h1>Мебельный сайт</h1>

Файл footer.inc:

(c) Copywrite Alexeev Igor, 2002-2003

Файл nav.inc:

<a href="1.php">Главная</a><br>
<a href="2.php">Столы</a><br>
<href="3.php">Шкафы</a>

Эти файлы одинаковы для всех страниц сайта. В них мы описываем верхнюю и нижнию части для каждой WEB-страницы сайта, а также панель навигации.

Все, стараницы созданы! Разместите их в одном каталоге на вашем WEB-сервере, и через браузер просмотрите странички 1.php, 2.php и 3.php. Слева на каждой страничке будет панель навигации, справа - содержательная часть страницы, наверху и внизу - название сайта и информация об авторских правах. Если вы просмотрите через браузер HTML-код для запрашиваемых страниц 1.php, 2.php и 3.php, то никакого кода php, естественно, не увидите - тем будет только сгенерированный WEB-сервером HTML-код.

Наверх

Рассылки сайта progs.biz:

Рассылки Subscribe.Ru
Обзор программ

Обзор новых программ. Тематика - программы и утилиты для программирования, WEB-дизайна, работы в Интернете и др. Ссылки на сайты фирм-разработчиков.

Copyright Алексеев Игорь, 2002

Copyright сайт progs.biz, 2002

http://subscribe.ru/
E-mail: ask@subscribe.ru 		Отписаться
Убрать рекламу
В избранное