当前位置:重庆网站建设 > 网站建设资讯 > 网站设计

重庆网站设计好以后前端第一步是切图怎么才能更好

来源:重庆网站建设公司舰创科技 点击: 发布时间:2018-07-10 15:43:33
重庆网站设计好以后前端第一步是切图怎么才能更好 重庆网站设计好以后前端第一步是切图怎么才能更好,在网站建设中,对网页的切图是很重要的一环,网页切图越规范,越有利于后台人员的添加功能和前端后期优化,输出高质量的文档。网站制作规范一般只要符合web标准,语义化html,结构表现行为分离,兼容性优良,代码简洁明了有序,尽可能减少服务器的承载能力,以保证最快的解析速度。 专业网站制作切图...

重庆网站设计好以后前端第一步是切图怎么才能更好,在网站建设中,对网页的切图是很重要的一环,网页切图越规范,越有利于后台人员的添加功能和前端后期优化,输出高质量的文档。网站制作规范一般只要符合web标准,语义化html,结构表现行为分离,兼容性优良,代码简洁明了有序,尽可能减少服务器的承载能力,以保证最快的解析速度。

专业网站制作切图规范应该注意哪些

规范一,文件规范。

1、html,css,js,images均归档至系统开发目录中。

2、Html文件命名为英文命名,后缀为.htm。同时将对应界面放入同一目录中,如果命名稿为中文,就需要重新命名与htm同文件。以便后端添加和功能查找。

3、CSS,js命名也是如此,

规范二,书写规范。

1、文档类型声明以及编码,同一为html5声明类型,编码统一,书写时利用IDE实现层次分明的缩进。

2、非特殊情况下,javascript文件必须链接到页面底部。

3、引入样式文件或者javascript文件时,需要略去默认声明。

4、引入JS库文件,文件名必须包含库名称,以及版本是否为压缩版。

5、所有的编码都需遵循xhtml标准,标签&属性&属性命名必须由小写字母或者下划线组成。且所有的标签必须闭合,属性值必须用双括号包括。

6、充分利用无兼容的html自身标签,比如span,strong等,在html添加自定义的时候,要考虑有没有默认的合适的标签去设置,如果没有,可以使用“data-”为前缀来添加自定义属性。避免使用“data:”等形式。

7、能以背景的形式呈现的图片,尽量写入css样式中。

8、重要的图片必须加Alt属性,给重要的元素和截断的元素家还是那个title。

9、给区块代码和重要功能增加上注释,方便后台添加功能。

重庆网站设计好以后前端第一步是切图怎么才能更好

规范三、CSS书写规范。

1、编码中文站同一为gb2312,英文网站统一为utf-8.

2、协作开发以及分工,i会根据各个模块,同时根据页面程序,事先写好大体框架文件,分配给前端人员。

3、书写代码前,考虑并提高样式重复使用率。

4、样式表中中文字体名,请务必转成unicode码,以避免编码错误时乱码。

5、代码缩进与格式,建议单行书写,可更具自身习惯,后期优化i会统一处理。

规范四、JS书写规范。

1、命名语义化,尽可能利用英文单词或者缩写。

2、在后期优化中,JS非注释类文字符需转换成unicode编码使用,以避免编码时错误乱码的使用。

3、代码结构明了,加适量注释,提高函数重用率。

4、注重于html分离,减小reflow,注重性能。

规范五,图片规范。

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

2、图片格式仅限于gif,png,jpg.

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

4、尽量避免使用半透明的png图片。

5、运用CSS sprite技术集中背景小的图片,减少页面http的请求。

在进行网站建设时,规范切图流程,这对后期运营人员的维护和优化十分有利,不管是对后台功能的增加和搜索引擎的抓取都是十分有利的。



服务项目推荐

网站建设

网站建设

通过搜索引擎优化技术,提供更多的展示和推广机会,带来大量精准流量和询盘,每月意向客户增长20%。

手机网站建设

手机网站建设

手机网站的时代强势来袭,赢在全网营销时代,手机+电脑双剑合璧,把握商机滴水不漏。

微信营销

微信营销

集成微网站,微支付,微活动多种系统模块,通过微信公众平台迅速将您的产品和服务展现推广给海量移动端客户。

整合网络营销

整合营销

关键词2-48小时实现快速排名,覆盖6大主流搜索引擎,不让同搜索习惯的潜在客户都能找到您!

x
花费10秒填写资料,免费获取同行成功秘诀!今日剩余名额:16