Rambler's Top100

Создание каркаса страницы

Применяем функцию PHP

В файле index.html, удалите фрагмент кода выделенный розовым цветом (смотрите на предыдущей странице ) и вместо него вставте код:

<? include ("inc/top_menu.inc"); ?>

Вместо фрагмента кода выделенного голубым цветом, вставте код:

<? include ("inc/left_menu.inc"); ?>

А вместо текста в блоке footer, выделенный коричневым цветом вставте код:

<? include ("inc/footer.inc"); ?>

Так как мы применили функцию PHP, то наша страница должна иметь расширение не HTML, а PHP, но чтобы оставить расширение страницы HTML, нужно дополнительно создать файл .htaccess, обратите внимание, что перед словом htaccess стоит точка, именно так нужно давать имя файлу

Откройте блокнот, внесите в него следующий код:
RemoveHandler .html .htm
AddType application/x-httpd-php php phtml html htm

Сохраните как .htaccess в папку www, где лежит файл index.html, в папке www у вас должны быть такие файлы как на картинке слева

и теперь менять расширение файла index.html не нужно, а сам код в файле index.html будет таким:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Мой первый сайт</title>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
<LINK href="style.css" TYPE="text/css" rel="stylesheet">
<LINK href="menu.css" TYPE="text/css" rel="stylesheet">
</head>
<body>

<div id="container">

<div id="header"></div>

<div id="top_menu">
<? include ("inc/top_menu.inc"); ?>
</div>

<div id="left">
<? include ("inc/left_menu.inc"); ?>
</div>

<div id="right"></div>

<div id="content"></div>

<div id="clear"></div>

<div id="footer"> <? include ("inc/footer.inc"); ?> </div>

</div>

 

</body>
</html>

Обновите свою страницу сайта, никаких изменений в ней не должно быть, но теперь, когда нужно будет добавить новый пункт в любое меню, достаточно будет добавить его в соответствующий файл top_menu.inc или left_menu.inc и этот пункт будет добавлен на всех страницах сайта

И так, у нас плучился готовый каркас сайта, котрый можно наполнять содержимым, вставлять текст, картинки, видео и так далее, но это одна страница, чтобы создать новую страницу, в Total Commander щелкните по файлу index.html, затем в нижней части программы нажмите кнопку Правка, в верхнем меню открывшегося блокнота Файл/Сохранить как..., дайте файлу shablon.html и сохраните его, то есть у вас останется файл index.html неизменным и появится ещё один новый файл с именем shablon.html, его вы будете использовать для создания новых страниц, сохраняя под другими именами

Для просмотра следующей темы "Вставляем содержимое на страницу", нажмите кнопку 9

Rambler's Top100 Яндекс цитирования