文档介绍:首都医科大学内容管理系统()模板制作规范
1
内容管理系统模板制作规范
制作工具
Macromedia Dreamweaver
Adobe PhotoShop
Macromedia Fireworks
模板结构
采用页面文件和images文件夹的两级结构。所有HTML页面文件放在一起,所有模板图片、FLASH、JS、css文件放在images文件夹中。
可以参考ftp服务器中的参考模板:
ftp://. — pub — cms(网站内容管理系统)培训文档
2
内容管理系统模板制作规范
模版文件命名(用中文)
模板名称采用中文命名,后缀是 htm
以“千华网”为例: / /
模板中图片和FLASH命名(不能用中文)
以下是建议命名规则,目的是避免重名和有规律:
模板编号-
3
内容管理系统模板制作规范
样式单
建议采用外挂样式单,样式单文件放在images文件夹中,。
例如:
<html>
<head>
<title>xx市人民政府门户网站</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link rel="stylesheet" href="images/" type="text/css"> // 引用外挂样式单文件
</head>
<body>
…….
</body>
</html>
4
内容管理系统模板制作规范
Javascript
建议采用外挂js, js文件放在images文件夹中 
例如:
<HTML><HEAD>
<title> xx市人民政府门户网站</title>
<META content="text/html; charset=gb2312" http-equiv=Content-Type>9
<LINK href="images/" media=screen rel=StyleSheet type=text/css>
<SCRIPT language=JAVASCRIPT src="images/"></SCRIPT> // 引用外挂js文件
</HEAD>
<body>
…….
</body>
</html>
5
内容管理系统模板制作规范
版通插件
版通插件可以集成到Macromedia 的OBJECT组件框中。安装完后重启Dreamweaver,OBJECT组件框中出现版通插件(如右图示)
6
内容管理系统模板制作规范
表格的控制要点:控制嵌套表格的数量――不宜超过三层
控制单元格的纵向排列数量
考虑到页面实际效果插入单元不要贴表格边
7
内容管理系统模板制作规范
模版实例
CNII首页
8
内容管理系统模板制作规范
模版实例
CNII新闻频道页
9
内容管理系统模板制作规范
模版实例
CNII新闻栏目页
CNII新闻文章页
10