前期准备：

1、简易型网站需要优先做成通用模板；

2、完全按照设计页面制作，有不明确的显示方式首先咨询相对应的设计师或项目经理

切图：

1、图片切图必须清晰

2、检查图片的大小，在切图保存时，建议用PS用web格式存储，过大的，建议使用http://www.tuhaokuai.com/压缩，避免出现图片太大导致的页面加载慢

模板文件：

1、模板中应包含summary.jpg，模板预览图，尺寸建议按照 160*120 像素比例；

2、模板文件的编码应该使用 UTF-8 无 BOM 格式编码，否则非常容易乱码；

3、模板制作完成后，清理一遍模板文件夹，把没有用的文件都清理掉，保持精简；

CSS注意：

1、class类和id采用（使用中横线来连接）规则，以免样式冲突；

2、加背景图片的元素需要预设与背景图片颜色类似的背景颜色值，这样访客体验会好很多；

3、合理采用 CSS Sprite（小图合并到一张图上） ，减少 HTTP 请求次数；

4、CSS与HMTL、JS应该分离，尽量不要使用嵌入样式和内联样式；

5、整站字体要统一，混合式字体要慎重（如宋体和微软雅黑）；

6、需要考虑页面内容的扩展性，很多区块的高度不能定死；

7、需要考虑编辑器中的样式（p、ul、ol标签，图片最大尺寸、边距、行高等）以及编辑器中可能出现的浮动；

8、行高 line-height 不能写死像素（尤其在编辑器内容区域），而应该用倍数（默认用 line-height:2;）；

9、友情链接 logo 图片不要固定宽高，容易让图片严重变型，可以只固定高度，宽度通常能按比例自适应；

HTML注意：

1、拒绝 Tabel 布局页面；

2、不要全部用DIV，P、span、dl、ul、ol 等标签都很实用；

3、img 标签要加 alt 属性；

4、a 标签要加 title 属性；

模板功能：

模板细节：

1、页面中所有文字和图片等信息都要能够让用户在后台添加、更改等控制；

2、首页和列表页请调用对应模块的缩略图，大图（原图）一般在文章页使用；

3、字数要考虑撑出的效果，可以不设高度自动撑高或截取字符长度；

4、页面字体需要统一，设计要求例外

5、如果截取了字符长度，应该在包裹这段文字的标签上加上 title 属性并赋予完整的文字，以便鼠标放上去能够看到完整的文字；

6、调用文章内容的地方应加clear，<div class=clear></div>清除浮动；

7、区块高度不能定死，需要根据内容自适应，但可以通过min-height、_height定最小高度；

8、网站导航的每个栏目宽度建议自适应，部分特殊模板页也可以不自适应；

9、区块隐藏后要考虑页面的排版，不能隐藏后就直接空缺一块；

10、页面底部要有底部相关信息，如版权、地址、联系方式，这些数据直接调用标签以保证所有的在后台能够管理和生效；

11、模板需要兼容 IE7+（含IE7），谷歌、火狐、360等主流浏览器；

模板配置：

1、图片切换 / 图片新闻绑定后，在配置界面将“缩略图”改成“图片”/“原图”，

模板源码检查：

1、源码是否精简，不相干样式必须删除，文件夹里不相干图片必须删除；

2、预览模板页面是否有404图片死链接；

3、是否存在JS错误；

4、A标签需要加title，IMG需要加alt；

内容数据检查：

1、不得出现其他学校校名logo等包含其他学校字样；

2、技术支持不得出现其他公司；

3、不得出现数字、test、测试等简单测试新闻；

4、版权信息中地址等信息需要核实，不得出错；

5、页脚的信息不允许以图片的形式制作

模板备份：

1、模板完成后 需要在后台及时备份（备注模板完成），并将模板锁定；

2、需要放置220 相对应的文件夹里（新建“template”）；

主页模板seo：

1、title如果和站点名一样可以不加，不一样需要在模板里描述，建议添加

2、meta的描述

< meta name= keywords content=？大学,？ /> （全称、简称等）

< meta name= description content=？大学，…… />（适当带点该简介，不超过75字）