Задание 9. Построение шаблона сайта.Lab8_7_0.Php.
Построение компонентов
При определении структуры типичной web-страницы она обычно разбивается на три части: заголовок, основную часть (контент) и колонтитул. Как правило, в большинстве web-сайтов присутствует заголовок, который практически не изменяется; в основной части выводится запрашиваемое содержание сайта, поэтому она часто изменяется; наконец, колонтитул содержит информацию об авторских правах и навигационные ссылки.
Колонтитул, как и заголовок, обычно остается неизменным. Это не обязательная структура, а лишь рекомендации общей структуры, которая может послужить отправной точкой для курсового проекта.
Заголовок
Заголовочный файл (вроде приведенного в листинге 3.121 (Lab8_7_1.php) присутствует практически в каждом из web-сайтов с поддержкой РНР. В этом файле содержится информация, действующая на уровне всего сайта, — например, заголовок, контактные данные и некоторые компоненты кода HTML-страницы.
Колонтитул
Колонтитулом (footer) обычно называется информация, расположенная в нижней части страниц сайта, — контактные данные, ссылки и информация об авторских правах. Эту информацию можно разместить в отдельном файле (Lab8_7_3.php) и включать в качестве шаблона так же, как это делается с заголовком.
Основная часть
В основной части страницы (Lab8_7_2.php) подключается содержимое заголовка и колонтитула. В сущности, именно основная часть содержит информацию, интересующую посетителей сайта. Рекомендации по поводу конкретной структуры страниц определяются семантикой данных и должны упрощать администрирование страниц.
Используя свойства конструкции include (см. тему 8 задание 7) можно построить файл (Lab8_7_0.php, рис. 3.121), содержащий описание составляющих страницы сайта (обычно такой файл на практике получает название Index.php или Index.html).
Как показано на рис. 3.121 файл включает вызов основных компонент головной страницы сайта, которая показана на рис 3.122.
Рис. 3.121. Файл Lab8_7_0.php.
Рис. 3.122. Изображение на экране первой страницы сайта.
Ниже приводятся содержимое файлов использованных при построении страницы.
<?php
$site_name = "Мой_Сайт";
$site_email= "wjgnmore@hotrnail.com";
$site_path = "http://localhost/phprecipes";
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Lab8_7_1 Заголовок </title>
</head>
<body bgcolor="#7b8079" text="#ffffff" link="fe7d387" alink="#e7d387" vlink="#e7f0e4">
<table width="45%" cellpadding="0" cellspacing="0" border="1">
<tr>
<td valign = "top">
Курсовой проект
</td>
<td valign = "top" align="right">
<?
echo ("<h2 align=center>БАЗЫ ДАННЫХ</h2>");
// Вывести текущую дату и время
print date ("F d, h:i a");
?>
</td>
</tr>
</table>
</body>
</html>
Рис. 3.123. Содержимое файла Lab8_7_1.php для прорисовки заголовка.
С помощью данного файла прорисовывается следующая часть рис. 3.122.
Рис. 3.124. Результат Lab8_7_1.php для прорисовки заголовка.
Часть рисунка приведенная ниже реализуется с помощью файла Lab8_7_2.php (рис. 3.126).
Рис. 3.125. Результат Lab8_7_2.php для прорисовки контента.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Lab8_7_2 Контент</title>
</head>
<body bgcolor="#7b8079" text="#ffffff" link="fe7d387" alink="#e7d387" vlink="#e7f0e4">
<table width = "45%" cellpadding="0" cellspacing="0" border="1">
<tr>
<td valign="top" width="25%">
<a href = "<? $site_path; ?>/tutorials.php">Обучение</a><br>
<!--<a href = "http://localhost/php/articles.php">Скрипты
</a> <br>-->
<a href = "<?=$site_path;?>/scripts.php">Таблицы</a><br>
<a href = "<?=$site_path;?>/articles.php">Скрипты</a><br>
<a href = "<?=$site_path;?>/contact.php">Об авторе</a><br>
<!--
По ссылкам пользователь может переходить как на обычные страницы HTML, так и на страницы, содержащие код РНР.
Например:
$link = "date.php";
print "<а href = \"$link\">View today's date</a> <br>\n"
-->
</td>
<td valign="top" width="75%">
Добро пожаловать в курсовой проект.
<center><!--Заголовок темы по центру синим цветом -->
<h3><font color="#0000FF">Тема курсового проекта</font></h3>
</center>
<p>Цель курсового проекта:
</td>
</tr>
</table>
</body>
</html>
Рис. 3.126. Содержимое файла Lab8_7_2.php для прорисовки контента.
Ниже приводится листинг программы, предназначенный для прорисовки колонтитула (часть 3 на рис. 3.122).
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Lab8_7_3 Колонтитул</title>
</head>
<body bgcolor="#7b8079" text="#ffffff" link="fe7d387" alink="#e7d387" vlink="#e7f0e4">
<table width="45%" cellspacing="0" cellpadding="0" border="1">
<tr><td valign="top" align="middle">
<? print "Copyright © ".date("Y")." $site_name. All Rights Reserved.<br>";?>
<a href = "mailto:<?=$site_email;?>">Контакт</a> |
<a href ="<?=$site_path;?>privacy.php">Конфиденциальность</a>
</td></tr>
</table>
</body>
</html>
Рис. 3.127. Содержимое файла Lab8_7_3.php для прорисовки колонтитула.
Рис. 3.128. Результат Lab8_7_3.php для прорисовки колонтитула.