学会掌握:这个一个价值2000的项目案例,耗时3小时完成,记录了一套完整的切图技巧和方法,以及PSD切图项目实操,增加你的动手能力以及项目的全局观,增加你的经验。
适合人群:适合小白、站长、设计师以及从业一两年的前端从业者等
- 第1章: 介绍
- 1.1: 快速了解我
- 1.2: 快速了解切图
- 1.3: 项目成品展示
- 第2章: 实战篇
- 2.1: PSD设计稿分析
- 2.2: 切出需要用到的图片
- 2.3: 书写html结构
- 2.4: 第一屏页面制作上
- 2.5: 第一屏页面制作下
- 2.6: 第二屏页面制作
- 2.7: 第三屏页面制作
- 2.8: 第四屏页面制作
- 2.9: 整体页面细节调整上
- 2.10: 整体页面细节调整下
- 2.11: 添加css3动画让网页更有档次
- 2.12: 采用fullpage完成页面滑屏效果
- 2.13: 为滑屏效果添加css3出场动画
- 2.14: 结语
- 第3章: 番外篇
- 3.1:切图需要用到哪些工具?
- 3.2:我用了10年的一套photoshop切图快捷操作
- 3.3:为什么浮动元素的父级要加overflow:hidden;
- 3.4:html命名规范
- 3.5:图片文件命名规范
- 3.6:css书写规范
- 3.7:一个网页项目的目录结构
- 3.8:css重写
- 3.9:有关jquery,为什么我不建议用JS