学会掌握:这个一个价值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