网页设计师的技术标准与规范
网页设计师设计出网站的效果图之后,接下来就是切图,并制作出静态效果图,
图片的命名需要规范化,
不带链接表示标题的图片我们取名: 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文件 |
这样不仅能养成一个网页设计师该有的技术标准习惯,而不是杂乱无章的给人看过去也知道有点技术底蕴
文中图片素材来源网络,如有侵权请联系删除网上报名
新闻资讯
更多>>-
建筑八大员专业知识
2013-11-13
-
建筑八大员岗位职责
2013-11-13
-
建筑八大员专业技能
2013-11-13
-
2014年网络营销师长期开班
2014-01-12
-
网页设计师的技术标准与规范
2014-02-27