ECMS:首页模板

首页模板制作

修改首页模板

1、登陆后台->点击大菜单“模板管理”>“公共模板”>“修改首页模板”，进入如下界面：

图片1：菜单导航

2、首页模板支持的变量说明

[!--pagetitle--]:网站名称 [!--news.url--]:网站地址(参数设置的站点地址)
支持公共模板变量支持所有模板标签

首页模板制作范例

实现如下效果：

1、用Dreamweaver制作好首页界面

2. 在制作好的界面加入模板标签及变量：

页面标题变量[!--pagetitle--]：调用位置如下图①所示。

导行条变量[!--newsnav--]：调用位置如下图②所示。

文字调用标签[phomenews]: 调用位置如下图③④⑤⑥所示。作用：调用栏目信息。

说明：首页模板支持所有模板标签，只是上面例子我们只使用了phomenews标签。

3. 将制作好的首页模板代码拷贝到系统后台“首页模板”中：

登录系统后台，单击“模板管理”菜单》公共模板-“修改首页模板”；

拷贝首页模板代码，单击“修改”按钮提交，首页模板制作完毕：

4、最终内容模板的预览效果

5、附上面例子模板代码：

<!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">我的个人技术站点</font></div></td>
  </tr>
  <tr>
    <td height="25" bgcolor="#FFFFFF"> 
      <div align="center"><a href="/">网站首页</a> | <a href="/php">PHP技术</a> | <a href="/asp">ASP技术</a> 
        | <a href="/jsp">JSP技术</a> | <a href="/net">.NET技术</a></div></td>
  </tr>
</table>
<table width="700" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr> 
    <td height="25" colspan="2">当前位置：[!--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技术</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技术</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技术</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技术</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 href="http://www.phome.net">EmpireCMS</a> © 
        2008-09 Phome.net Corporation<br>
      </div></td>
  </tr>
</table>
</body>
</html>

WIKI使用导航

站长百科导航

站长专题

ECMS:首页模板