立体感+ 网店旺铺动态页面快速实现 全彩PDF电子书下载

第1章 每个电商美工都应该知道的基础 2

1.1每个美工都应该知道的基本常识 2

1.2切片 13

1.3店铺装修后台 27

经验分享——Photoshop CC版本快速切片 35

第2章 Dreamweaver与代码入门 40

2.1代码和Dreamweaver 40

2.2HTML与Dreamweaver 45

2.3表格 53

2.4 CSS样式与Dreamweaver 58

经验分享——如何制作单像素的表格 62

经验分享——为什么上传后图片大小/质量会改变？ 65

第3章 一切从框开始，介绍盒模型 68

3.1认识div 68

3.2盒模型 74

3.3框的背景 80

经验分享——用热图为大的图片添加链接 84

第4章 好玩的布局方法让框浮动起来 88

4.1简单的N列布局 88

4.2更复杂一点的浮动样式 96

4.3用嵌套来实现复杂布局 99

4.4一行N列在店招上应用的案例 102

经验分享——解决店招和导航之间的2像素的空隙 109

第5章 再复杂的布局也没问题：定位的技术 112

5.1相对定位 112

5.2绝对定位 115

5.3借用淘宝的样式 124

经验分享——用绝对定位来做客服列表 128

第6章 让你的店铺突破950的宽度 134

6.1突破950的原理 134

6.2实际操作步骤 141

6.3突破中的其他问题 146

经验分享——如何用自定义导航替代官方的导航 153

第7章 在框里填充内容 156

7.1插入文字 156

7.2插入图片 167

7.3插入视频 170

经验分享——在描述中的图文混排 176

第8章 用CSS3让页面动起来 181

8.1 hover鼠标响应效果 181

8.2更平滑的动画效果 190

8.3同时产生多个动画 194

8.4更多的动画效果 200

经验分享——店铺装修常见问题 207

第9章 淘宝官方的widget特效 211

9.1 widget简介 211

9.2标签页、卡盘、旋转木马 213

9.3手风琴 220

9.4弹出层 225

9.5倒计时 229

经验分享——做自定义导航和弹出菜单 234

第10章 淘宝官方社交组件的应用：sns及其他 244

10.1评论组件 244

10.2喜欢组件 249

10.3分享组件 252

10.4其他 255

经验分享——如何获取店铺ID和商品ID 262

附录 淘宝的常用widget参数列表 262