第1 章 每個電商美工都應該知道的基礎
1.1 每個美工都應該知道的基本常識.................2
1.2 切片.........13
1.3 店鋪裝修后臺.....................27
經驗分享——Photoshop CC 版本快速切片..35
第2 章 Dreamweaver 與代碼入門
2.1 代碼和Dreamweaver........40
2.2 HTML 與Dreamweaver....45
2.3 表格.........53
2.4 CSS 樣式與Dreamweaver.............................58
經驗分享——如何制作單像素的表格............62
經驗分享——為什么上傳后圖片大小/ 質量會改變?...........65
第3 章 一切從框開始，介紹盒模型
3.1 認識div.................................68
3.2 盒模型....................................74
3.3 框的背景...............................80
經驗分享——用熱圖為大的圖片添加鏈接..84
第4 章 好玩的布局方法讓框浮動起來
4.1 簡單的N 列布局................88
4.2 更復雜一點的浮動樣式.................................96
4.3 用嵌套來實現復雜布局.................................99
4.4 一行N 列在店招上應用的案例............... 102
經驗分享——解決店招和導航之間的2 像素的空隙........... 109
第5 章 再復雜的布局也沒問題：定位的技術
5.1 相對定位............................ 112
5.2 絕對定位............................ 115
5.3 借用淘寶的樣式............. 124
經驗分享——用絕對定位來做客服列表.... 128
第6 章 讓你的店鋪突破950 的寬度
6.1 突破950 的原理............. 134
6.2 實際操作步驟.................. 141
6.3 突破中的其他問題......... 146
經驗分享——如何用自定義導航替代官方的導航................ 153
第7 章 在框里填充內容
7.1 插入文字............................ 156
7.2 插入圖片............................ 167
7.3 插入視頻............................ 170
經驗分享——在描述中的圖文混排.............. 176
第8 章 用CSS3 讓頁面動起來
8.1 hover 鼠標響應效果...... 181
8.2 更平滑的動畫效果......... 190
8.3 同時產生多個動畫......... 194
8.4 更多的動畫效果............. 200
經驗分享——店鋪裝修常見問題.................. 207
第9 章 淘寶官方的widget 特效
9.1 widget 簡介...................... 211
9.2 標簽頁、卡盤、旋轉木馬......................... 213
9.3 手風琴................................. 220
9.4 彈出層................................. 225
9.5 倒計時................................. 229
經驗分享——做自定義導航和彈出菜單.... 234
第10 章 淘寶官方社交組件的應用：sns 及其他
10.1 評論組件......................... 244
10.2 喜歡組件......................... 249
10.3 分享組件......................... 252
10.4 其他................................... 255
經驗分享——如何獲取店鋪ID 和商品ID................................ 262
附 錄 淘寶的常用widget 參數列表