WEB标准化页面制作指南.doc

《WEB标准化页面制作指南.doc》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、WEB标准化页面制作指南——页面制作方法指南V1.0目录1.引言51.1.编写目的51.2.适用的人员范围51.3.适用的产品范围62.制作页面的方法62.1.整站页面风格要保持一致62.2.文件目录名称的命名62.3.站点目录结构62.4.站点文件的管理72.5.页面采用的结构形式72.5.1.FRAME框架：72.5.2.TEMPLATES模板：82.5.3.LIBRARY库文件82.6.页面采用的宽度定义82.6.1.采用百分比定义页面宽度（单位：%）82.6.2.采用固定值定义页面宽度（单位：PX）

2、92.7.内容对宽屏分辨率的适应92.7.1.正常改变区域：92.7.2.有限改变区域：102.7.3.不可改变区域部分：112.8.文字内容制作112.9.超级连接直观有效122.10.图片制作事项142.10.1.图片的命名规则142.10.2.图片的应用格式142.10.3.图片的切割152.10.3.1.主题类的图片切割152.10.3.2.标题类的图片切割152.10.3.3.背景类的图片切割162.10.3.4.图标类的图片切割162.10.3.5.圆角矩形类的图片切割172.10.3.6.渐变

3、效果类的图片切割172.11.背景图片182.11.1.普通背景图片：182.11.2.渐变背景图片192.12.图片的字节数大小192.13.图片的优化202.14.FLASH动画的制作212.14.1.FLASH制作方法注意事项：212.14.2.FLASH优化工具——FLASHOPTIMIZER222.14.3.FLASH制作过程中的问题汇总222.15.搜索引擎优化（SEO）222.15.1.站点外的SEO：222.15.2.站点内的SEO：233.意见反馈23文档修订记录：日期被修改的章节修改类型

4、*修改描述修改人审核人版本修改类型分为A-ADDEDM-MODIFIEDD–DELETED1.引言页面制作不仅是一堆代码的对砌，页面的制作也是具有艺术性的，除了要忠实的反映交互设计师和视觉设计师的设计意图，同时还要考虑到页面的容量和代码的可读性以及可维护性，并且还要考虑到阅读者的感受，比如页面要快速的载入并呈现给阅读者，在不同的分辨率下应该充分考虑到人机交互的规律，方便阅读者阅读，同时我们还要考虑到残障人士的阅读需要，比如文字和图形在需要的时候可以放大。另外我们还要不怕麻烦的编写说明性标记（ALT，TITL

5、E等）。制作人员作为一个中间环节的工作者应该为上游和下游的工作人员尽量的提供方便和良好的支持。通常制作人员不会得到所有页面的设计稿，所以在页面内容制作时，要严格按照需求文档的要求和设计师的意图对内容进行合理的编排和制作表现。1.1.编写目的本文档给出了有关页面制作时的思路和解决方法，从而保障页面制作的规范性，使得制作人员能形成良好的思考习惯和制作习惯，提高整个集团的制作水平和产品质量，保障所制作出的产品有更好更持续的发展。本文档可以作为页面制作方法的一个指导性文件，各部门可以根据自己的实际情况对本文档进行完

6、善和增加，以建立起适合本部门的制作规范。1.2.适用的人员范围本文档主要面对WEB页面制作人员，页面设计人员和页面开发人员也可以参阅了解相关内容，阅读本文档需要掌握相关基础知识：l掌握html4.0和Xhtml1.0相关标准和用法；l掌握css2.0相关标准和属性；l对script脚本的作用和用法有一定程度的了解。注：由于本文档不对技术技能和技术知识做详细描述，所以有需要者另外阅读相关技术知识文档。1.1.适用的产品范围本文档适用于基于HTML页面的产品。2.制作页面的方法以下内容主要用来说明在页面制作过程

7、中的一些思路及工作方法，以供该文档的阅读者参考和使用。2.1.整站页面风格要保持一致在制作网页时，要严格按照设计师的图稿样式做，同时网页上所有的图像、文字，包括背景图、背景颜色、区分线、字体、字体大小、颜色、标题、注脚什么的，都要按照设计图来统一整体风格，始终贯穿全站。2.2.文件目录名称的命名文件目录命名的指导思想是：使得你自己和工作组的每一个成员能够方便的理解和记忆每一个文件目录的意义，从而可以更方便的查找、修改、移植等管理操作，提高工作效率。文件目录名称统一用小写的英文单词或拼音，长度不超过20个字符

8、。如果需要加数字和下划线以区分页面文件，可以在单词或拼音后面添加数字和下划线，但是禁止用数字开头、禁止用中文字符、禁止用特殊字符作为文件目录的名称。文件目录名称的命名要与所定义的内容语义接近，字母要小写，需要两个以上单词表达时，用下划线“_”分开两个单词，最多不要超过三个以上单词，如果单词过长，取其前三个字母。2.3.站点目录结构清晰的站点目录结构方便文件的维护和管理，同时对增加搜索引擎的友好度和移植也有着重要的