Rambler's Top100

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

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

В папке www создайте новый каталог с именем inc. Теперь у вас в папке home/site/ www есть две папки images, inc, 2 файла css и файл index.html

Откройте папку inc, затем откройте блокнот и просто пустой сохраните как top_menu.inc в эту папку

Точно так же в папке inc создайте файл left_menu.inc и файл footer.inc

Чтобы открыть в Total Commander файл с кодом, щелкаете по нужному файлу, а в нижней части программы нажимаете кнопку Правка

Далее в файле index.html выделите фрагмент кода показанный розовым цветом, затем по выделённому фрагменту щелкните правой кнопкой мыши, в открывшемся списке выберите Копировать. Затем откройте файл top_menu.inc, вставте в него и сохраните скопированный фрагмент кода. То же самое проделайте с фрагментом кода, показанным голубым цветом и вставте его в файл left_menu.inc И если у вас есть или будет текст в блоке Footer, то тоже скопируйте и вставте его в файл footer.inc

<!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">

     <div id="top_lnk">
<ul id="navCircle">
<li><a class="active" href="index.html"><img src="images/kov.gif" border=0>Главная</a></li>
<li><a href="Products.html"><img src="images/kov.gif" border=0>Ссылка_1</a></li>
<li><a href="Support.html"><img src="images/kov.gif" border=0>Ссылка_2</a></li>
<li><a href="Order.html"><img src="images/kov.gif" border=0>Ссылка 3</a></li>
<li><a href="News.html"><img src="images/kov.gif" border=0>Ссылка_4</a></li>
</ul>
     </div>

</div>

<div id="left">

<ul id="nav">
        <li><a href="index.html">Главная</a></li>
        <li><a href="#">Пункт меню 2</a></li>
        <li><a href="#">Пункт меню 3 </a></li>

        <li><a href="#">Пункт меню 4 </a>
<ul class="subs">
<li><a href="#">Подпункт меню</a></li>
<li><a href="#">Подпункт меню 2</a></li>
</ul>
</li>
       <li><a href="denwer_1.html">Пункт меню 5</a></li>
       <li><a href="#">Пункт меню 6</a></li>
       <li><a href="#">Пункт меню 7</a></li>
       <li><a href="#">Пункт меню 8</a></li>
       <li><a href="#">Пункт меню 8</a></li>
       <li><a href="#">Пункт меню 10</a></li>
       <li><a href="#">Пункт меню 11</a></li>
       <li><a href="#">Пункт меню 12</a></li>
</ul>

</div>

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

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

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

<div id="footer">Copyright © 2014 г. "http://www.ваш сайт"</div>

</div>

 

</body>
</html>

Продолжение темы на следующей странице, нажмите кнопку 8

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