网页设计制作规范.docVIP

网页设计制作规范 PAGE14 / NUMPAGES16 网页设计制作规范 目 录 TOC \o 1-3 \h \z \u 网页设计制作规范 1 一、 页面设计制作基本要求 4 1. 文件及目录命名及文档要求 4 1.1 设置项目文件目录 4 1.2 项目目录中各文件的命名及要求 4 1.3 必备文档 5 2. 页面尺寸 5 2.1 基本说明 5 2.2 1024×768分辨率 6 2.3 800×600分辨率 6 二、 页面设计要求 6 1. 设计流程 6 1.1 首页设计 6 1.2 栏目页设计 6 1.3 辅助元素设计 6 2. 页面布局及分层命名 7 2.1 分层命名要求 7 2.2 常用页面布局 7 3. 页面常规布局要求 8 3.1 文字 8 3.2 图片 8 4. 输出 9 4.1 预览效果 9 4.2 制作效果 9 三、 页面制作要求 10 1. 页面制作基本要求 10 1.1 页面编码 10 1.2 页面注释 10 1.3 页面禁忌 10 2. 页面结构及命名 10 2.1 命名规范 10 2.2 常用页面结构命名 10 2.3 表单的命名规范： 11 3. 符合SEO的代码规范 12 3.1 搜索优化 12 3.2 帧结构 12 3.3 优化网页代码 12 3.4 Title设置 12 4. 样式表使用 12 4.1 样式表的命名 12 4.2 样式表制作基本设置 13 4.3 使用精简样式表： 14 5. 页面调试和浏览器兼容性 15 5.1 浏览器兼容性说明 15 5.2 页面调试方法 16  页面设计制作基本要求 文件及目录命名及文档要求 设置项目文件目录 相关目录及命名：原则上以英文小写命名，各别可用中文命名 文件夹名称 说明 \Project 为项目命名，采用中文或英文 \Project\doc(相关文档) 存放项目相关的一些文档 \Project\psd 存放完成的psd文件 \Project\web 存放用DW制作的网站页面 \Project\web\images 存放DW制作页面的相关图片、falsh、CSS、js(必备) \Project\web\pic 存放DW制作页面的辅助图片(运营时会被替换的) \Project\资料 存放网站发布时所需要的正式图片、文档(内容由运营部门提供) \Project\其他 存放一些杂七杂八的文件 另：根据具体项目需要，可以按情况设置，但应在根目录写详细的“项目说明.txt”文档。 注：web\images\下面不要放无意义的图片，页面完成后应该将无意义的图片删除。 项目目录中各文件的命名及要求 文件命名常规规范： 用小写英文全称或者中文实际含义的名称 Web目录中不得出现中文名称 对于页面初稿和修改，要保留源文件，在修改的时候文件名后加日期，确定文件将日期删除做为最终文件，切勿删除和覆盖。如：index0709.psd index0710.psd index.psd 网页： 格式：html 命名：首页(index)，栏目页(该栏目英文全称) 为保证没有歧义和项目操作方便，命名不要使用中文、中文拼音简介、引文缩写，如有特殊情况，要写详细的说明文本 CSS： 格式：css 命名：以项目名称命名，如Vipoo，命名为vipoo.css 个栏目中的css命名：除延用总的css以外，各栏目如有特殊的样式，可以以栏目名称命名，并链接到改栏目的页面，如：about.css 首页因访问量大，一般不采用外部链接的方式调用css，可以写到页面内部，并尽量精简 图片、flash等 格式：gif，一般用于颜色少的网页定位、布局图片 格式：jpg，一般用于颜色比较多的照片、广告等大幅图片 格式：png，一般用于logo和需要用与半透明地方的图片，但在IE6下不支持半透明 命名：采用小写英文方式，用有实际含义的英文命名，如logo.png, banner.jpg 命名：采用模块位置类型_模块名称的方式命名，如title_bg.gif, title_list.gif等 命名：不能采用无意义的名称命名，如123.gif abc.gif等 命名：为保证图片不被浏览器屏蔽，文件名中不得出现“ad”“gg”等广告词汇 文档 格式：doc，常规文档格式 格式：txt，用于网站正式文字资料，和一些简短的说明文档。，因为txt文本不带有样式，不会带入的页面形成垃圾代码，且应用起来不要容易。 格式：xls，做栏目架构时要应