第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