关注大学生就业,培养泛IT高端人才

陕西新榜样官方网站

您的位置: 主页 > 新闻动态 > IT资讯 >

H5图片的规范处理

来源:WEB开发培训 发布时间:2018-06-12 浏览量:

  H5图片的规范处理的规范不仅仅是代码的编写上,还包括了排版和图片处理,如果图片处理杂乱无章,很可能会导致整体界面的混乱失调,所以,对于WEB开发工程师来说,掌握一定的图片处理能力是必须的,不光包括对网站页面的排版,还包括在进行图片处理的时候的规范化命名。

WEB开发培训

  1、所有页面元素类图片均放入img文件夹, 测试用图片放于img/demoimg文件夹。

  2、图片格式仅限于gif || png || jpg。

  3、命名全部用小写英文字母 || 数字 || _ 的组合,其中不得包含汉字 || 空格 || 特殊字符;尽量用易懂的词汇, 便于团队其他成员理解; 另, 命名分头尾两部分, 用下划线隔开, 比如ad_left01.gif || btn_submit.gif。

  4、在保证视觉效果的情况下选择最小的图片格式与图片质量, 以减少加载时间。

  5、尽量避免使用半透明的png图片(若使用, 请参考css规范相关说明)。

  6、运用css sprite技术集中小的背景图或图标, 减小页面http请求, 但注意, 请务必在对应的sprite psd源图中划参考线, 并保存至img目录下。

  注释规范

  1、html注释: 注释格式 , ‘–’只能在注释的始末位置,不可置入注释文字区域。

  2、css注释: 注释格式。

  3、JavaScript注释, 单行注释使用’//这儿是单行注释’,多行注释使用。

  开发及测试工具约定

  建议使用WebStorm||Aptana || Dw || Vim , 亦可根据自己喜好选择, 但须遵循如下原则:

  1、不可利用IDE的视图模式’画’代码。

  2、不可利用IDE生成相关功能代码, 比如Dw内置的一些功能js。

  3、编码必须格式化, 比如缩进。

  其他规范

  1、开发过程中严格按分工完成页面, 以提高css复用率, 避免重复开发。

  2、减小沉冗代码, 书写所有人都可以看的懂的代码. 简洁易懂是一种美德. 为用户着想, 为服务器着想。

  更多相关WEB开发培训资讯,请点击: www.xinbangyang.com

  联系地址:陕西省西安市碑林区东大街端履门云龙大厦9楼

IT培训 服务