Можно ли добавлять новые пункты меню на все страницы сайта одновременно

avtorytet · August 18, 2011

Добрый день.

Я сделал макет сайта в программе Adobe Dreamweaver CS5, закачал на хостинг - работает нормально.

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

Можно ли автоматизировать етот процес.

Softlink · August 18, 2011

делать страницу в php и вставлять код через <?include ("style/menu.html")?>

avtorytet · August 18, 2011

делать страницу в php и вставлять код через <?include ("style/menu.html")?>

Я делал сайт в режыме "дизайн" и с html не знаком. Буду очень благодарен если потскажете куда именно вставлять строку <?include ("style/menu.html")?>, и как с ее помощю потом обновлять все страницы

Softlink · August 18, 2011

В общих чертах это выглядит так. Есть сайт с такой структурой:


<html>
<body>
<div class="header">
</div>
<div class="menu"></div>
<div class="content"></div>
<div class="footer"></div>
</body>
</html>

Нам надо сделать меню, то бишь <div class="menu"></div>. Выдергиваем его из структуры и оформляем отдельным файлом, например menu.html.

Затем в каждую страничку мы вставляем этот файл через include - <?include ("menu.html")?>. Итого у нас все странички получатся такого вида.

<html>
<body>
<div class="header"></div>
<?include ("menu.html")?>
<div class="content"></div>
<div class="footer"></div>
</body>
</html>

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

avtorytet · August 18, 2011

Создать файл меню получилось. Большое спасибо.

Но теперь я немогу добавлять к страницам основной текст.

Текст добавляется только в самом верху.

Подскажыте, пожалуйста, как ето исправить.

Softlink · August 18, 2011

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

Может вы с тегами запутались? Лишнее выдернули или оставили что-то?

И конкретней, что это значит "в самом верху"?

avtorytet · August 18, 2011

Может вы с тегами запутались? Лишнее выдернули или оставили что-то?

И конкретней, что это значит "в самом верху"?

Вот фото с кодом, и с общим видом.

Тут видно куда я вставлял теги.

Softlink · August 18, 2011

ес. честно, то ничего не понял из картинки. Вижу, что вставили include, а что где не работает - непонятно.

Выложите код, всей вашей странички. Так проще будет объяснить.

Edited August 18, 2011 by Softlink

notTrue · August 18, 2011

Судя по катинке, вы убрали <div class="menu"></div>, вместо него "приинклюдили" меню <?include ("menu.html")?>, собсна вам "инклюдить" меню нужно не вместо .menu, а в него, т.е.

и будет счастье :yahoo:

Edited August 18, 2011 by notTrue

avtorytet · August 18, 2011

ес. честно, то ничего не понял из картинки. Вижу, что вставили include, а что где не работает - непонятно.
Выложите код, всей вашей странички. Так проще будет объяснить.

Вот код страницы

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
</head>

<body><div class="header"></div>
<?include ("menu.html")?>
<div class="content"></div>
<div class="footer"></div>
</body>
</html>

А ето код файла меню

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {
	background-color: #336699;
}
</style>
</head>

<body bgcolor="#336699" text="#FFFFFF" link="#99FF99" vlink="#99FF99" alink="#99FF99" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"><div class="menu">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr valign="top"> 
    <td colspan="7"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="681" height="102">
      <param name=movie value="bluesilkbanner.swf">
      <param name=quality value=high>
      <embed src="bluesilkbanner.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="681" height="102"> </embed>
    </object></td>
  </tr>
  <tr valign="top"> 
    <td colspan="7"><img src="mid.jpg" width="800" height="43"></td>
  </tr>
  <tr valign="top"> 
    <td width="6%" rowspan="2">
      <table width="15%" border="0" cellspacing="0" cellpadding="0">
        <tr> 
          <td><img src="left 1.jpg" width="57" height="593"></td>
        </tr>
      </table></td>
    <td width="18%" rowspan="2"><p>ghgfhgfhf</p>
    <p>gfhgfhgfдерева</p>
    <p>fghgfhgfгыпjhjhkjhhgе</p>
    <p>рпвпво</p>
    <p>орпвов</p>
    <p>jhkjhmjh</p></td>
    <td width="0%" rowspan="2"> </td>
    <td width="22%"> 
    <p> </p></td>
    <td width="22%"> </td>
    <td width="23%"> </td>
    <td width="9%" height="26"> </td>
  </tr>
  <tr valign="top">
    <td colspan="3"><p> </p>
<p> </p>
    <p></p></td> 
    <td width="9%"> </td>
  </tr>
  <tr valign="top"> 
    <td colspan="3"> </td>
    <td colspan="3"> </td>
    <td width="9%"> </td>
  </tr>
  <tr valign="top"> 
    <td colspan="3"> </td>
    <td colspan="3">
      <style>
BODY {SCROLLBAR-FACE-COLOR: #336699; SCROLLBAR-HIGHLIGHT-COLOR: #336699; SCROLLBAR-SHADOW-COLOR: #999999; SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; SCROLLBAR-ARROW-COLOR:  #000000; SCROLLBAR-TRACK-COLOR: #333333; SCROLLBAR-DARKSHADOW-COLOR: #666666; }
</style>
      <font size="1" face="Verdana, Arial, Helvetica, sans-serif">©2002 webtemplateszone.com     
      </font><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="http://www.webtemplateszone.com">free 
      web templates at webtemplateszone</a></font> </td>
    <td width="9%"> </td>
  </tr>
</table><div>
</body>
</html>

Softlink · August 18, 2011

Судя по катинке, вы убрали <div class="menu"></div>, вместо него "приинклюдили" меню <?include ("menu.html")?>, собсна вам "инклюдить" меню нужно не вместо .menu, а в него, т.е.
<div class="menu"> <?include ("menu.html")?></div>
и будет счастье

да без разницы, хоть в него, хоть вместе с ним. Главное это учесть в разметке.

А ето код файла меню

Как минимум вот так он должен выглядеть.

<div class="menu">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr valign="top"> 
    <td colspan="7"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="681" height="102">
      <param name=movie value="bluesilkbanner.swf">
      <param name=quality value=high>
      <embed src="bluesilkbanner.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="681" height="102"> </embed>
    </object></td>
  </tr>
  <tr valign="top"> 
    <td colspan="7"><img src="mid.jpg" width="800" height="43"></td>
  </tr>
  <tr valign="top"> 
    <td width="6%" rowspan="2">
      <table width="15%" border="0" cellspacing="0" cellpadding="0">
        <tr> 
          <td><img src="left 1.jpg" width="57" height="593"></td>
        </tr>
      </table></td>
    <td width="18%" rowspan="2"><p>ghgfhgfhf</p>
    <p>gfhgfhgfдерева</p>
    <p>fghgfhgfгыпjhjhkjhhgе</p>
    <p>рпвпво</p>
    <p>орпвов</p>
    <p>jhkjhmjh</p></td>
    <td width="0%" rowspan="2"> </td>
    <td width="22%"> 
    <p> </p></td>
    <td width="22%"> </td>
    <td width="23%"> </td>
    <td width="9%" height="26"> </td>
  </tr>
  <tr valign="top">
    <td colspan="3"><p> </p>
<p> </p>
    <p></p></td> 
    <td width="9%"> </td>
  </tr>
  <tr valign="top"> 
    <td colspan="3"> </td>
    <td colspan="3"> </td>
    <td width="9%"> </td>
  </tr>
  <tr valign="top"> 
    <td colspan="3"> </td>
    <td colspan="3">
      <style>
BODY {SCROLLBAR-FACE-COLOR: #336699; SCROLLBAR-HIGHLIGHT-COLOR: #336699; SCROLLBAR-SHADOW-COLOR: #999999; SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; SCROLLBAR-ARROW-COLOR:  #000000; SCROLLBAR-TRACK-COLOR: #333333; SCROLLBAR-DARKSHADOW-COLOR: #666666; }
</style>
      <font size="1" face="Verdana, Arial, Helvetica, sans-serif">©2002 webtemplateszone.com     
      </font><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="http://www.webtemplateszone.com">free 
      web templates at webtemplateszone</a></font> </td>
    <td width="9%"> </td>
  </tr>
</table><div>

Вы не уловили сути. Не надо делать новый файл с html, body и т.д. Сделайте страницу html, полностью, чтобы она работала как вам надо. Потом блок, в котором находится само меню, просто вырезайте из него и вставляйте в отдельный файл. Без ничего, никаких боди и т.д. А потом уже его подключайте. Проверить правильность очень просто. Запустите страницу с подключенным файлом на сервере и сравните ее с html-прототипом. Верстка должна получиться абсолютно идентичной.

notTrue · August 18, 2011

Хм.., на кой... Вобщем уберите из файла меню доктайп, боди, оставьте только в блоке

......................

содержимое блока

......................

</div>

новый файл никто и не собирается делать,вы инструкцией include вставляете часть странички,а не целую, как в вашем варианте.

И стоит вынести стили в отдельный файл,ибо на вашей странице просто богохульство какое-то происходит.

Edited August 18, 2011 by notTrue

notTrue · August 18, 2011

Softlink, когда пост писал код не видел еще.

Sign In

Можно ли добавлять новые пункты меню на все страницы сайта одновременно

Question

Link to comment

Share on other sites

12 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information