页面载入中,请稍后…

网页设计规范

5 月 15, 2012   //  作者:shenciyou   //   制作规范, 团队建设, 规章制度  //  没有评论

网页设计规范

(本文目的在于规范网页设计以及介绍一些设计技巧)
网页设计的宗旨:做出在任何浏览器和电脑上都能正常访问且美观的网页。

本网站的设计要求:

1. 所有的网页页面在设计时美工需要考虑页面尺寸,各栏目、模块的位置、尺寸、内容,页面代码设计人员的工作就是将美工的设计原封不动做成页面,尽可能原图一样。一般来讲,整体页面宽度960px(不能大于1024px),高度不限。设计者要考虑到在不同分辨率下的显示效果,比如最常见的10247*68、1280*800、1440*960分辨率模式下的显示样式。

2. 页面有必要时可以设计2级页面来辅助显示。1级页面和2级页面风格要与主题一致,尽量不要设计3级页面。

3. 代码中尽量使用DIV层结构,不建议使用表格TABLE,但是有必要的话也可以,请综合考虑。附加的CSS代码,如果只在当前HTML文件中使用,就直接将代码写于当前HTML文件中,如果多个页面都需要使用同一CSS文件,则CSS要单独写一个XXX.CSS文件,再附加到需要的页面中。JAVASCRIPT代码要保证正确性,嵌入的视频、flash文件要调试,有些浏览器(比如IE)在现实FLASH前会提示是否显示,甚至拦截显示。

4. 代码的书写要有美感,格式要标准,该空格就要空格,要保证其他人在阅读你的代码时清晰明了。需要特别注释、以后可能会反复用到、特别难以理解的地方需要加注释。

5. 页面设计和制作是结合在一起的,设计人员在设计时如果想使用比较绚丽的效果,要和制作人员沟通下,看看技术上实现有无障碍;制作人员也要给设计者提出建议,有些效果可能设计者并不知道可以实现,此时制作人员要给出设计者建议,共同完成设计。而制作时有哪些地方需要修改页面的,也要联系设计人员及时修改。

6. 所有页面都要在最后标注版权和制作者。

7. 所有图片必须经过PS处理下品质和格式,建议用JPG格式图片,并且在保证清晰的情况下,修改图片品质,降低图片的容量大小,利于显示。

8. 页面设计后需要用多浏览器预览并测试。常见浏览器IE,FIREFOX,遨游,搜狗,360浏览器。有不兼容情况就要修改代码,看看哪里的代码不规范或者有错误。

9. 另附上一个检查网页错误的网站,以及网页设计教程网址
http://www.w3school.com.cn/index.html
http://validator.w3.org/(可以检查代码是否有误)

其它问题待补充~~

发表评论