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

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

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

南昌升越电脑培训中心

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

图片的命名需要规范化,

不带链接表示标题的图片我们取名: 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文件

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

文中图片素材来源网络,如有侵权请联系删除
  • 汽车维修
  • 家电维修
  • 手机维修
  • 电脑维修
  • 电梯维修维护
  • 修锁开锁
  • 汽车美容
  • 零基础
  • 略懂皮毛
  • 有一定基础
  • 强化技术
  • 开店
  • 兴趣
  • 找工作

网上报名

热门信息