單元 1 站點創建與制作商品簡介頁面 1
教學導航　1
漸進訓練　2
任務　1-1 制作電腦版商品簡介頁面0101.html　2
【任務1-1-1】啟動Dreamweaver　CC 與初識其工作界面　2
【任務1-1-2】認識瀏覽器的基本組成和網頁的基本組成元素　8
【任務1-1-3】創建站點“易購網”　11
【任務1-1-4】管理本地站點　13
【任務1-1-5】管理網站中的文件和文件夾　15
【任務1-1-6】設置網頁的首選項　16
【任務1-1-7】新建網頁文檔0101.html　與設置頁面屬性　18
【任務1-1-8】在網頁中輸入與編輯文本　24
【任務1-1-9】網頁文檔的基本操作　28
【任務1-1-10】在網頁中插入與編輯圖像　29
【任務1-1-11】使用【資源】面板管理網站中的資源　31
【任務1-1-12】設置頁面0101.html　的頭部內容　34
【任務1-1-13】定義CSS　代碼美化網頁的文本與圖片　35
探索訓練　39
任務　1-2 制作觸屏版商品簡介頁面0102.html　39
析疑解惑　41
單元小結　51
單元習題　51
單元　2 超鏈接應用與制作幫助信息頁面　53
教學導航　53
漸進訓練　53
任務　2-1 設計與制作電腦版幫助信息頁面0201.html　53
【任務2-1-1】規劃與設計“易購網”的通用布局結構　54
【任務2-1-2】規劃與設計“易購網”幫助頁面的布局結構　57
【任務2-1-3】在網頁中添加與編輯列表　59
【任務2-1-4】創建頂部導航欄和插入LOGO　圖片　61
【任務2-1-5】創建底部橫向友情鏈接導航欄　67
【任務2-1-6】創建左側幫助導航欄與添加相應的幫助內容　69
【任務2-1-7】創建底部幫助導航欄　75
【任務2-1-8】創建多種形式的超級鏈接　78
探索訓練　82
任務　2-2 制作觸屏版幫助信息頁面0202.html　82
析疑解惑　85
單元小結　86
單元習題　86
單元　3 表格應用與制作購物車頁面　88
教學導航　88
漸進訓練　88
任務　3-1 制作電腦版購物車頁面0301.html　88
【任務3-1-1】在網頁中插入與設置表格　89
【任務3-1-2】使用表格制作購物車頁面　95
探索訓練　99
任務　3-2 制作觸屏版購物車頁面0302.html　99
析疑解惑　104
單元小結　108
單元習題　108
單元　4 表單應用與制作注冊登錄頁面　110
教學導航　110
漸進訓練　110
任務　4-1 制作與美化電腦版用戶注冊網頁0401.html　110
【任務4-1-1】創建電腦版用戶注冊網頁　111
【任務4-1-2】美化電腦版用戶注冊網頁　120
任務　4-2 制作與美化電腦版用戶登錄網頁0402.html　126
【任務4-2-1】創建電腦版用戶登錄網頁　126
【任務4-2-2】美化電腦版用戶登錄網頁　128
探索訓練　133
任務　4-3 制作觸屏版用戶注冊網頁0403.html　133
任務　4-4 制作觸屏版用戶登錄網頁0404.html　136
析疑解惑　140
單元小結　140
單元習題　141
單元　5 網頁布局與制作商品篩選頁面　142
教學導航　142
漸進訓練　143
任務　5-1 設計與制作電腦版商品篩選頁面0501.html　143
【任務5-1-1】規劃與設計商品篩選頁面的布局結構　143
【任務5-1-2】布局與美化商品篩選頁面的左側列表內容　146
【任務5-1-3】布局與美化商品篩選頁面的右側主體內容　151
探索訓練　160
任務　5-2 制作觸屏版促銷商品頁面0502.html　160
析疑解惑　165
單元小結　180
單元習題　181
單元　6 模板應用與制作商品推薦頁面　182
教學導航　182
漸進訓練　182
任務　6-1 設計與制作電腦版商品推薦頁面0601.html　182
【任務6-1-1】規劃與設計商品推薦頁面的布局結構　183
【任務6-1-2】制作用于生成網頁模板的網頁0601.html　187
任務　6-2 制作基于模板的電腦版商品推薦頁面0602.html　193
【任務6-2-1】基于網頁0601.html　創建網頁模板0602.dwt　193
【任務6-2-2】創建基本模板的網頁0602.html　199
【任務6-2-3】在網頁0602.html　中插入庫項目和代碼片段　203
探索訓練　207
任務　6-3 設計與制作觸屏版商品促銷頁面0603.html　207
任務　6-4 設計與制作觸屏版商品促銷頁面0604.html　213
析疑解惑　214
單元小結　215
單元習題　215
單元　7 網頁特效與制作商品詳情頁面　216
教學導航　216
漸進訓練　217
任務　7-1 設計與制作電腦版商品詳情頁面0701.html　217
【任務7-1-1】規劃與設計商品詳情頁面的布局結構　218
【任務7-1-2】在網頁頂部顯示當前日期和問候語　223
【任務7-1-3】網頁中動態改變局部區域文本字體大小　227
【任務7-1-4】在網頁中自動滾動圖片　229
【任務7-1-5】在網頁中實現選項卡功能　231
【任務7-1-6】在網頁中實現商品圖片輪換展示與放大功能　234
探索訓練　241
任務　7-2 制作觸屏版商品詳情頁面0702.html　241
析疑解惑　247
單元小結　251
單元習題　251
單元　8 網站整合與制作購物網站首頁　253
教學導航　253
漸進訓練　253
任務　8-1 熟悉網站開發流程和規范　253
任務　8-2 分析與規劃購物網站　258
任務　8-3 設計與制作電腦版網站首頁0801.html　261
【任務8-3-1】規劃與設計電腦版網站首頁的主體布局結構　262
【任務8-3-2】設計與實現電腦版網站首頁的導航結構　267
【任務8-3-3】設計與實現電腦版網站首頁的各個局部版塊內容　278
【任務8-3-4】實現電腦版網站首頁的特效功能　284
【任務8-3-5】設置“易購網”的超鏈接　290
任務　8-4 測試網站　290
任務　8-5 發布網站　295
任務　8-6 推廣與維護網站　298
探索訓練　302
任務　8-7 設計與制作觸屏版網站首頁0802.html　302
析疑解惑　310
單元小結　313
單元習題　313
附錄　HTML5 的常用標簽及其屬性　315