第1章 每個電商美工都應該知道的基礎
1.1 每個美工都應該知道的基本常識
1.2 切片
1.3 店鋪裝修后台
經驗分享——Photoshop CC版本快速切片
第2章 Dreamweaver與代碼入門
2.1 代碼和Dreamweaver
2.2 HTML與Dreamwea
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章 用CSS 3讓頁面動起來
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參數列表
