为了账号安全,请及时绑定邮箱和手机立即绑定

从 psd 到 html

黑白猪 Web前端工程师
难度初级
时长 1小时51分
学习人数
综合评分9.6
400人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰
简介:爱前端的很多人也是喜欢那种所见即所得带来的成就感,这是一门很基础的活,不光是埋头写代码。本课用了一个很简单的 psd 案例来介绍切图的基本流程和遇到问题处理,加深对标签及css 规范的应用,兼容性和各工种的配合等等,让从没切过图的同学有一个完整的概念。

1章 为什么前端要成为切图仔

把 psd 转化成 html 或许不是每个前端都必备的,但肯定优秀前端的基础技能树
  1. 1-1 课程介绍 (01:13)
  2. 1-2 课程知识点简介 (02:13)

2章 拿到PSD第一件事是啥

动手前一定要弄清楚干啥,不能瞎子摸象,写出豪迈的代码。
  1. 2-1 样式文件和初始化 (09:19)
  2. 2-2 html页面结构整理 (14:05)

3章 公共部分开发

PSD公共部分可以先动手做,可以有效加快开发进度。
  1. 3-1 公共头部和尾部 (16:26)

5章 兼容和细节的处理

高手不是处理兼容的方法,而是处理兼容的思想,四两拨千斤,才能事半功倍。
  1. 5-1 兼容1 (04:30)
  2. 5-2 兼容2 (02:21)

6章 总结

总结出技术点,才可以快速点亮其他新的技能点。
  1. 6-1 总结 (04:19)
课程须知
1、对 html+css 基础知识已经掌握; 2、会简单使用 Photoshop; 3、需要一步一步动手做;
老师告诉你能学到什么?
1、独立完成一个设计稿的转化; 2、Css从整理到局部的分离; 3、Css命名一些技巧和语义化; 4、Html标签结构的优化和选择; 5、PS软件当中的切图技巧 6、Css代替部分图片实现小icon; 7、兼容性处理的方法; 8、和后端配合时注意的事项;
意见反馈 常见问题 APP下载
官方微信
hv128