培训首页  >  网页设计师的技术标准与规范

网页设计师的技术标准与规范

[2014-02-27 11:01:27] 浏览量:373 来源:

南昌升越电脑培训中心

网页设计师设计出网站的效果图之后,接下来就是切图,并制作出静态效果图,

图片的命名需要规范化,

不带链接表示标题的图片我们取名: title 

装饰用的照片我们取名: pic

放置在页面顶部的广告、装饰图案等长方形的图片取名: banner

范例:banner_sohu.gif  banner_sina.gif  menu_aboutus.gif  menu_job.gif  title_news.gif  logo_police.gif   logo_national.gif   pic_people.jpg

这样的好处是便于设计师一眼就能看出图片的语义,便于查找及修改

 

一个好的网页设计师不仅是代码精简,文件压缩优化,

更要做到让别的网页设计师看到你制作的东西不会产生疑惑,看不懂的情况,

比如网页设计中布局的css里面的类选择器命名,名字可以随便取,

但是为了让别的网页设计师能够理解你所写的东西,就要命名规范语义清晰

让别人一看就知道这块区域的东西是控制哪个部位的,而不是盲目去查找

 

例如下图文件夹存放文件的名称

 

 

_Root

 

 

 

cn

存放中文HTML文件

 

en

存放英文HTML文件

 

flash

存放Flash文件

 

images

存放图片文件

 

imagestudio

存放PSD源文件

 

flashstudio

存放flash源文件

 

inc

存放include文件

 

library

存放DW库文件

 

media

存放多媒体文件

 

project

存放工程项目资料

 

temp

存放客户原始资料

 

js

存放脚本

 

css

存放CSS文件

这样不仅能养成一个网页设计师该有的技术标准习惯,而不是杂乱无章的给人看过去也知道有点技术底蕴

文中图片素材来源网络,如有侵权请联系删除

网上报名

热门信息