編輯“ECMS:首頁模板”

<span style="border:1px solid #000; float:right; padding:6px; margin-bottom:15px; text-align:center;"><strong>導(dǎo)航:</strong> [[ECMS:模板制作篇|上一級]] | [[帝國CMS]] | {{Template:帝國導(dǎo)航}}</span>
<div style="clear:both;"></div>
'''首頁模板制作'''
<div style="border:1px solid darkslateblue; background:#f0f0f0; font-size:14px; font-weight:bold; padding:0 5px; margin:20px 0 20px;">
修改首頁模板
</div>
1、登陸后臺->點擊大菜單“模板管理”>“公共模板”>“修改首頁模板”，進入如下界面： 

圖片1：菜單導(dǎo)航
<div style="width:351px; border:1px solid #666;">
[[{{ns:image}}:indextemp1.gif]]</div>

2、首頁模板支持的變量說明 
<p style="padding-left:20px;">
[!--pagetitle--]:網(wǎng)站名稱&nbsp;&nbsp;&nbsp;[!--news.url--]:網(wǎng)站地址(參數(shù)設(shè)置的站點地址)<br>
支持公共模板變量&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;支持所有模板標簽</p>
<div style="border:1px solid darkslateblue; background:#f0f0f0; font-size:14px; font-weight:bold; padding:0 5px; margin:20px 0 20px;">
首頁模板制作范例
</div>
實現(xiàn)如下效果：
<div style="width:708px; border:1px solid #666;">
[[{{ns:image}}:indextemp2.gif]]</div>

1、用Dreamweaver制作好首頁界面
<div style="width:862px; border:1px solid #666;">
[[{{ns:image}}:indextemp3.gif]]</div>

2. 在制作好的界面加入模板標簽及變量：
  
頁面標題變量[!--pagetitle--]：調(diào)用位置如下圖①所示。

導(dǎo)行條變量[!--newsnav--]：調(diào)用位置如下圖②所示。

文字調(diào)用標簽[phomenews]: 調(diào)用位置如下圖③④⑤⑥所示。作用：調(diào)用欄目信息。 
<div style="width:871px; border:1px solid #666;">
[[{{ns:image}}:indextemp4.gif]]</div>
<span style="color:red;">
說明：首頁模板支持所有模板標簽，只是上面例子我們只使用了phomenews標簽。</span>

3. 將制作好的首頁模板代碼拷貝到系統(tǒng)后臺“首頁模板”中： 

登錄系統(tǒng)后臺，單擊“模板管理”菜單 》公共模板-“修改首頁模板”；

拷貝首頁模板代碼，單擊“修改”按鈕提交，首頁模板制作完畢：
<div style="width:1024px; border:1px solid #666;">
[[{{ns:image}}:indextemp5.gif]]</div>

4、最終內(nèi)容模板的預(yù)覽效果
<div style="width:708px; border:1px solid #666;">
[[{{ns:image}}:indextemp2.gif]]</div>

5、附上面例子模板代碼：
<pre style="border:1px solid #999; background:#f0f0f0;">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>[!--pagetitle--]</title>
<style>
td {font-size: 10pt;}
.line{line-height: 14pt;font-size: 10pt;}
A:link {text-decoration: none; color:#000000}
A:visited {text-decoration: none; color: #000000} 
A:active {text-decoration: underline; color: #000000 } 
A:hover {text-decoration: underline;        color: #FF0000;}
</style>
</head>

<body topmargin="0">
<table width="700" border="0" align="center" cellpadding="3" cellspacing="1" bgcolor="#CEEEFB">
  <tr>
    <td height="60"> 
      <div align="center"><font size="6">我的個人技術(shù)站點</font></div></td>
  </tr>
  <tr>
    <td height="25" bgcolor="#FFFFFF"> 
      <div align="center"><a href="/">網(wǎng)站首頁</a> | <a href="/php">PHP技術(shù)</a> | <a href="/asp">ASP技術(shù)</a> 
        | <a href="/jsp">JSP技術(shù)</a> | <a href="/net">.NET技術(shù)</a></div></td>
  </tr>
</table>
<table width="700" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr> 
    <td height="25" colspan="2">當(dāng)前位置：[!--newsnav--]</td>
  </tr>
  <tr> 
    <td width="50%" valign="top"> 
      <table width="98%" border="0" cellpadding="3" cellspacing="1" bgcolor="#CEEEFB">
        <tr> 
          <td height="23"><a href="/php"><strong>PHP技術(shù)</strong></a></td>
        </tr>
        <tr> 
          <td bgcolor="#FFFFFF">[phomenews]1,5,30,0,0,0,''[/phomenews]</td>
        </tr>
      </table>
    </td>
    <td width="50%" valign="top"> 
      <table width="98%" border="0" align="right" cellpadding="3" cellspacing="1" bgcolor="#CEEEFB">
        <tr> 
          <td height="23"><a href="/asp"><strong>ASP技術(shù)</strong></a></td>
        </tr>
        <tr> 
          <td bgcolor="#FFFFFF">[phomenews]2,5,30,0,0,0,''[/phomenews]</td>
        </tr>
      </table></td>
  </tr>
  <tr> 
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td valign="top">
<table width="98%" border="0" cellpadding="3" cellspacing="1" bgcolor="#CEEEFB">
        <tr> 
          <td height="23"><a href="/jsp"><strong>JSP技術(shù)</strong></a></td>
        </tr>
        <tr> 
          <td bgcolor="#FFFFFF">[phomenews]3,5,30,0,0,0,''[/phomenews]</td>
        </tr>
      </table>
    </td>
    <td valign="top">
<table width="98%" border="0" align="right" cellpadding="3" cellspacing="1" bgcolor="#CEEEFB">
        <tr> 
          <td height="23"><a href="/net"><strong>.NET技術(shù)</strong></a></td>
        </tr>
        <tr> 
          <td bgcolor="#FFFFFF">[phomenews]4,5,30,0,0,0,''[/phomenews]</td>
        </tr>
      </table></td>
  </tr>
</table>
<br>
<table width="700" border="0" align="center" cellpadding="3" cellspacing="1" bgcolor="#CEEEFB">
  <tr>
    <td height="23">
<div align="center">Powered by <a >EmpireCMS</a> &copy; 
        2008-09 Phome.net Corporation<br>
      </div></td>
  </tr>
</table>
</body>
</html>
</pre>

[[Category:帝國管理系統(tǒng)|D]]