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

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

ID:31479658

大小:175.50 KB

页数:16页

时间:2019-01-11

网页设计制作规范标准[详]_第1页
网页设计制作规范标准[详]_第2页
网页设计制作规范标准[详]_第3页
网页设计制作规范标准[详]_第4页
网页设计制作规范标准[详]_第5页
资源描述:

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

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、列表:列出网站功能,及每个功能的详细要

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。