HTML5+CSS3網(wǎng)頁設(shè)計與制作實用教程（第3版）

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