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

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

1.2切片

1.3店铺装修后台

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

第2章 Dreamweaver与代码入门

2.1代码和Dreamweaver

2.2HTML与Dreamweaver

2.3表格

2.4 CSS样式与Dreamweaver

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

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

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

3.1认识div

3.2盒模型

3.3框的背景

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

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

4.1简单的N列布局

4.2更复杂一点的浮动样式

4.3用嵌套来实现复杂布局

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

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

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

5.1相对定位

5.2绝对定位

5.3借用淘宝的样式

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

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

6.1突破950的原理

6.2实际操作步骤

6.3突破中的其他问题

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

第7章 在框里填充内容

7.1插入文字

7.2插入图片

7.3插入视频

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

第8章 用CSS3让页面动起来

8.1 hover鼠标响应效果

8.2更平滑的动画效果

8.3同时产生多个动画

8.4更多的动画效果

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

第9章 淘宝官方的widget特效

9.1 widget简介

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

9.3手风琴

9.4弹出层

9.5倒计时

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

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

10.1评论组件

10.2喜欢组件

10.3分享组件

10.4其他

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

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