前端切图的通俗解释(说人话)
来源:互联网 发布:百度云域名注册免费 编辑:程序博客网 时间:2024/06/05 02:05
首先设计师给了psd之后,前端分析一下布局,然后把其中需要用到的图片或者图标用ps的切片工具分割好,然后点击左上角
[文件 ] —[ 保存为web模式]
就会得到一个images的文件夹,里面是一些零散的图片(就是你分割的那些)。然后前端开始写代码,一般纯色的背景或者按钮 和一些系统自带的文字都是可以直接用代码打出来的,就那样用代码一点一点的组成、还原设计师设计的网页,其中的一些icon和图片自然是没办法用代码写出来的,所以需要用到之前切好的那些图片和图标,一起拼上去。拼成一个完整的网页,然后还可以给那些图标添加一些代码,使得使用者点击它的时候可以执行一些动作,比如有趣的动效,或者弹出一个神奇的窗口等等。
啊~真的通俗易懂,而且流程都清楚了。
作者:vvhl
链接:https://www.zhihu.com/question/38357171/answer/76030905
来源:知乎
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
阅读全文
1 0
- 前端切图的通俗解释(说人话)
- 关于前端技术名词的通俗解释
- BI的通俗解释
- 通俗的DC解释
- 神经网络的通俗解释
- 傅里叶变换 的通俗解释
- 递归的通俗解释!
- ejb 的通俗解释
- 通俗的解释加密
- 傅里叶变换的通俗解释
- 卷积(通俗解释)
- sql左联右联的通俗解释
- 控制反转的通俗解释
- 控制反转的通俗解释
- kalman滤波的通俗解释
- 机器学习的通俗解释
- c#属性的通俗解释
- 关于“卷积”的通俗解释
- ICPC2017网络赛(北京)Territorial Dispute(凸包分割)
- JAVA 多线程
- 数据库连接池的工作机制
- struts2 笔记
- C++(9):GetPrivateProfileString+WritePrivateProfileString->ini文件键值对操作
- 前端切图的通俗解释(说人话)
- 微信小程序多图上传
- <C++>5.如何全方位理解C++中的“引用”?
- 求Sn=a+aa+aaa+aaaa+aaaaa
- Circuit Switch与Packet Switch
- 阿西莫夫科幻巨著 “基地三部曲”推荐
- 学习seo的感觉
- hadoop入门(九)Mapreduce中的简单排序(手机流量排序)
- 【开发工具】 JEECG_3.7新版开发工具