大家好今天的建站是:首页模板的制作,呵呵首页模板可以说是一个网站的脸面,大家可要好好看哦:
修改首页模板
1、登陆后台->点击大菜单“模板管理”>“公共模板”>“修改首页模板”,进入如下界面:
图片1:菜单导航
2、首页模板支持的变量说明
[!--pagetitle--]:网站名称 [!--news.url--]:网站地址(参数设置的站点地址)
支持公共模板变量 支持所有模板标签
首页模板制作范例
实现如下效果:
1、用Dreamweaver制作好首页界面
2. 在制作好的界面加入模板标签及变量:
页面标题变量[!--pagetitle--]:调用位置如下图①所示。
导行条变量[!--newsnav--]:调用位置如下图②所示。
文字调用标签[phomenews]: 调用位置如下图③④⑤⑥所示。作用:调用栏目信息。
说明:首页模板支持所有模板标签,只是上面例子我们只使用了phomenews标签。
3. 将制作好的首页模板代码拷贝到系统后台“首页模板”中:
登录系统后台,单击“模板管理”菜单 》公共模板-“修改首页模板”;
拷贝首页模板代码,单击“修改”按钮提交,首页模板制作完毕:
4、最终内容模板的预览效果
5、附上面例子模板代码:
01.
02.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
03.<html>
04.<head>
05.<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
06.<title>[!--pagetitle--]</title>
07.<style>
08.td {font-size: 10pt;}
09..line{line-height: 14pt;font-size: 10pt;}
10.A:link {text-decoration: none; color:#000000}
11.A:visited {text-decoration: none; color: #000000}
12.A:active {text-decoration: underline; color: #000000 }
13.A:hover {text-decoration: underline; color: #FF0000;}
14.</style>
15.</head>
16.
17.<body topmargin="0">
18.<table width="700" border="0" align="center" cellpadding="3" cellspacing="1" bgcolor="#CEEEFB">
19. <tr>
20. <td height="60">
21. <div align="center"><font size="6">我的个人技术站点</font></div></td>
22. </tr>
23. <tr>
24. <td height="25" bgcolor="#FFFFFF">
25. <div align="center"><a href="/">网站首页</a> | <a href="/php">PHP技术</a> | <a href="/asp">ASP技术</a>
26. | <a href="/jsp">JSP技术</a> | <a href="/net">.NET技术</a></div></td>
27. </tr>
28.</table>
29.<table width="700" border="0" align="center" cellpadding="0" cellspacing="0">
30. <tr>
31. <td height="25" colspan="2">当前位置:[!--newsnav--]</td>
32. </tr>
33. <tr>
34. <td width="50%" valign="top">
35. <table width="98%" border="0" cellpadding="3" cellspacing="1" bgcolor="#CEEEFB">
36. <tr>
37. <td height="23"><a href="/php"><strong>PHP技术</strong></a></td>
38. </tr>
39. <tr>
40. <td bgcolor="#FFFFFF">[phomenews]1,5,30,0,0,0,''[/phomenews]</td>
41. </tr>
42. </table>
43. </td>
44. <td width="50%" valign="top">
45. <table width="98%" border="0" align="right" cellpadding="3" cellspacing="1" bgcolor="#CEEEFB">
46. <tr>
47. <td height="23"><a href="/asp"><strong>ASP技术</strong></a></td>
48. </tr>
49. <tr>
50. <td bgcolor="#FFFFFF">[phomenews]2,5,30,0,0,0,''[/phomenews]</td>
51. </tr>
52. </table></td>
53. </tr>
54. <tr>
55. <td> </td>
56. <td> </td>
57. </tr>
58. <tr>
59. <td valign="top">
60.<table width="98%" border="0" cellpadding="3" cellspacing="1" bgcolor="#CEEEFB">
61. <tr>
62. <td height="23"><a href="/jsp"><strong>JSP技术</strong></a></td>
63. </tr>
64. <tr>
65. <td bgcolor="#FFFFFF">[phomenews]3,5,30,0,0,0,''[/phomenews]</td>
66. </tr>
67. </table>
68. </td>
69. <td valign="top">
70.<table width="98%" border="0" align="right" cellpadding="3" cellspacing="1" bgcolor="#CEEEFB">
71. <tr>
72. <td height="23"><a href="/net"><strong>.NET技术</strong></a></td>
73. </tr>
74. <tr>
75. <td bgcolor="#FFFFFF">[phomenews]4,5,30,0,0,0,''[/phomenews]</td>
76. </tr>
77. </table></td>
78. </tr>
79.</table>
80.<br>
81.<table width="700" border="0" align="center" cellpadding="3" cellspacing="1" bgcolor="#CEEEFB">
82. <tr>
83. <td height="23">
84.<div align="center">Powered by <a href="http://www.phome.net">EmpireCMS</a> ©
85. 2008-09 Phome.net Corporation<br>
86. </div></td>
87. </tr>
88.</table>
89.</body>
90.</html>