[网站建设] 进行网页切图时需要注意的细节

[复制链接]
查看1656 | 回复15 | 2018-11-28 10:00:38 | 显示全部楼层 |阅读模式
切图就是把一张完整的图片中需要用到的部分进行切剪,然后再应用到网页中,它的作用是使页面布局更优化、更精准。切图这一步骤看似简单,其实还是有很多细节需要注意的,否则会影响页面的整体设计效果。下面就为大家总结一下,切图时需要注意哪些细节。   1、一个完美的网站在任何细节上都容不得半点马虎,虽说切图工具能很好的将网页效果图切成咱们想要的份额,但在切的过程中执撑者还是操作人员,手感的好坏显得相当重要。为了尽可能的避免瑕疵,建议大家合理的利用参考线,因为参考线具有吸附功能,在鼠标靠近的时候,可以帮助咱们更加精准的切好图片,不容易出错。   2、做网站切图不是随随便乱切的,在动手之前,咱们需要仔细的观察效果图,在心里有个大致的框架,因为切图这一步与后序的代码编写有着非常紧密的联系。如果等到代码写到某个步骤时,才发现图切的不对劲,那么就需夫重新写代码,如此以来就浪费了许多时间和精力。除此之外,为了提高代码编写的效率和规范程度,切图命名必须要符合div+css的命名规范。   3、切图之后要记得将图片存储为WEB和设备所用格式。一般的图片保存我们都会选择jpg格式,但是jpg格式的图片如果被放大就会不清晰,放小又会模糊,并且在网络加载的过程中也会非常慢,影响整个网站的视觉效果,所以在保存的时候要使用html格式,品质一般设置为60。   4、即使在完成页面制作后,带有切片层的源文件也应好好的保存,因为以后如果有需要改动的部分的话,咱们可以直接修改单独导出所用的切片。   以上只是切图时需要注意的细节的一小部分,我们应该在每个细节都尽善尽美,追求一个高品质的网站。从0基础开始学习织梦dedecms建站,分享全套的织梦dedecms网站搭建教程、织梦安装使用教程。 汇聚了最全、最新的织梦cms建站教程。包含dedecms建站、仿站教程;dedecms系统使用常见问题;主题插件推荐下载等!欢迎学习!
回复

使用道具 举报

刘得福姊妹 | 2020-12-19 04:01:15 | 显示全部楼层
5kym.cn这个站资源太全了
回复

使用道具 举报

下沙消掉 | 2021-8-26 03:42:52 | 显示全部楼层
谢谢楼主发布的资源下载,帮助我不少
回复

使用道具 举报

紫色214 | 2021-9-22 14:23:57 | 显示全部楼层
资源太多了,准备办个会员
回复

使用道具 举报

马马虎虎770 | 2021-11-6 05:35:23 | 显示全部楼层
谢谢楼主分享的资源,爱了~~~
回复

使用道具 举报

缥缈的绽放山 | 2022-1-1 14:05:49 | 显示全部楼层
这个下载站资源真齐全
回复

使用道具 举报

非究思身 | 2022-2-8 05:11:48 | 显示全部楼层
很不错的资源站
回复

使用道具 举报

后果后我买卖顺 | 2022-2-24 00:52:06 | 显示全部楼层
我是来白嫖悟空源码的积分的!!!!!
回复

使用道具 举报

清风吹袭断 | 2022-9-4 08:35:21 | 显示全部楼层
祝愿悟空源码越办越好!
回复

使用道具 举报

明功 | 2023-4-24 04:08:21 | 显示全部楼层
谢谢楼主发布的资源下载,帮助我不少
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则