网页设计制作规范标准[详]

《网页设计制作规范标准[详]》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、WORD格式整理网页设计制作规范学习参考资料分享WORD格式整理目录网页设计制作规范1一、页面设计制作基本要求41.文件及目录命名及文档要求41.1设置项目文件目录41.2项目目录中各文件的命名及要求41.3必备文档52.页面尺寸52.1基本说明52.21024×768分辨率62.3800×600分辨率6二、页面设计要求61.设计流程61.1首页设计61.2栏目页设计61.3辅助元素设计62.页面布局及分层命名72.1分层命名要求72.2常用页面布局73.页面常规布局要求83.1文字83.2图片84.输出94.1预览效果94.2制作效果9三、页面制作要求1

2、01.页面制作基本要求101.1页面编码101.2页面注释101.3页面禁忌102.页面结构及命名102.1命名规范102.2常用页面结构命名102.3表单的命名规范：113.符合SEO的代码规范123.1搜索优化123.2帧结构123.3优化网页代码123.4Title设置124.样式表使用124.1样式表的命名124.2样式表制作基本设置134.3使用精简样式表：14学习参考资料分享WORD格式整理5.页面调试和浏览器兼容性155.1浏览器兼容性说明155.2页面调试方法16学习参考资料分享WORD格式整理一、页面设计制作基本要求1.文件及目录命名及文档要

3、求1.1设置项目文件目录a)相关目录及命名：原则上以英文小写命名，各别可用中文命名文件夹名称说明Project为项目命名，采用中文或英文Projectdoc(相关文档)存放项目相关的一些文档Projectpsd存放完成的psd文件Projectweb存放用DW制作的网站页面Projectwebimages存放DW制作页面的相关图片、falsh、CSS、js(必备)Projectwebpic存放DW制作页面的辅助图片(运营时会被替换的)Project资料存放网站发布时所需要的正式图片、文档(内容由运营部门提供)Project其他

4、存放一些杂七杂八的文件b)另：根据具体项目需要，可以按情况设置，但应在根目录写详细的“项目说明.txt”文档。c)注：webimages下面不要放无意义的图片，页面完成后应该将无意义的图片删除。1.2项目目录中各文件的命名及要求a)文件命名常规规范：l用小写英文全称或者中文实际含义的名称lWeb目录中不得出现中文名称l对于页面初稿和修改，要保留源文件，在修改的时候文件名后加日期，确定文件将日期删除做为最终文件，切勿删除和覆盖。如：index0709.psdindex0710.psdindex.psdb)网页：l格式：htmll命名：首页(index)，栏目

5、页(该栏目英文全称)l为保证没有歧义和项目操作方便，命名不要使用中文、中文拼音简介、引文缩写，如有特殊情况，要写详细的说明文本c)CSS：l格式：cssl命名：以项目名称命名，如Vipoo，命名为vipoo.cssl个栏目中的css命名：除延用总的css以外，各栏目如有特殊的样式，可以以栏目名称命名，并链接到改栏目的页面，如：about.cssl首页因访问量大，一般不采用外部链接的方式调用css，可以写到页面内部学习参考资料分享WORD格式整理，并尽量精简a)图片、flash等l格式：gif，一般用于颜色少的网页定位、布局图片l格式：jpg，一般用于颜色比较多

6、的照片、广告等大幅图片l格式：png，一般用于logo和需要用与半透明地方的图片，但在IE6下不支持半透明l命名：采用小写英文方式，用有实际含义的英文命名，如logo.png,banner.jpgl命名：采用模块位置类型_模块名称的方式命名，如title_bg.gif,title_list.gif等l命名：不能采用无意义的名称命名，如123.gifabc.gif等l命名：为保证图片不被浏览器屏蔽，文件名中不得出现“ad”“gg”等广告词汇b)文档l格式：doc，常规文档格式l格式：txt，用于网站正式文字资料，和一些简短的说明文档。，因为txt文本不带有样式，

7、不会带入的页面形成垃圾代码，且应用起来不要容易。l格式：xls，做栏目架构时要应用的表格l格式：pub，MSOfficePublish文件，用于页面模块的规划和布局l格式：mmap，MindManger文件，多用于思维导图，可以用于网站页面之间逻辑关系的分析l格式：mpp，MSOfficeProject文件，用于制定项目计划1.1必备文档a)项目说明：说明项目的具体要求，通过这个文档让项目组成员了解项目的定位、目的。b)网站框架结构图：用思维导图的形式列出网站各页面及功能之间的关系c)网站页面模块：用publish画出各栏目页面的具体模块和显示内容d)网站功能

8、列表：列出网站功能，及每个功能的详细要