HTML5+CSS3網(wǎng)頁設(shè)計與制作實戰(zhàn)（項目式 第4版）

單元 1 站點創(chuàng)建與制作商品簡介頁面 1
教學(xué)導(dǎo)航 1
漸進訓(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)” 10
【任務(wù)1-1-4】管理本地站點 11
【任務(wù)1-1-5】管理網(wǎng)站中的文件和文件夾 13
【任務(wù)1-1-6】設(shè)置網(wǎng)頁的首選項 14
【任務(wù)1-1-7】新建網(wǎng)頁文檔0101．html與設(shè)置頁面屬性 16
【任務(wù)1-1-8】在網(wǎng)頁中輸入與編輯文本 22
【任務(wù)1-1-9】網(wǎng)頁文檔的基本操作 25
【任務(wù)1-1-10】在網(wǎng)頁中插入與編輯圖像 26
【任務(wù)1-1-11】使用【資源】面板管理網(wǎng)站中的資源 28
【任務(wù)1-1-12】設(shè)置頁面0101．html的頭部內(nèi)容 30
【任務(wù)1-1-13】定義CSS代碼美化網(wǎng)頁的文本與圖片 32
探索訓(xùn)練 35
任務(wù)1-2 制作觸屏版商品簡介頁面0102．html 35
析疑解惑 37
單元小結(jié) 47
單元習(xí)題 47
單元 2 超鏈接應(yīng)用與制作幫助信息頁面 49
教學(xué)導(dǎo)航 49
漸進訓(xùn)練 49
任務(wù)2-1 設(shè)計與制作電腦版幫助信息頁面0201．html 49
【任務(wù)2-1-1】規(guī)劃與設(shè)計“易購網(wǎng)”的通用布局結(jié)構(gòu) 50
【任務(wù)2-1-2】規(guī)劃與設(shè)計“易購網(wǎng)”幫助頁面的布局結(jié)構(gòu) 53
【任務(wù)2-1-3】在網(wǎng)頁中添加與編輯列表 55
【任務(wù)2-1-4】創(chuàng)建頂部導(dǎo)航欄和插入LOGO圖片 56
【任務(wù)2-1-5】創(chuàng)建底部橫向友情鏈接導(dǎo)航欄 62
【任務(wù)2-1-6】創(chuàng)建左側(cè)幫助導(dǎo)航欄與添加相應(yīng)的幫助內(nèi)容 64
【任務(wù)2-1-7】創(chuàng)建底部幫助導(dǎo)航欄 69
【任務(wù)2-1-8】創(chuàng)建多種形式的超鏈接 72
探索訓(xùn)練 75
任務(wù)2-2 制作觸屏版幫助信息頁面0202．html 75
析疑解惑 78
單元小結(jié) 79
單元習(xí)題 79
單元 3 表格應(yīng)用與制作購物車頁面 81
教學(xué)導(dǎo)航 81
漸進訓(xùn)練 81
任務(wù)3-1 制作電腦版購物車頁面0301．html 81
【任務(wù)3-1-1】在網(wǎng)頁中插入與設(shè)置表格 82
【任務(wù)3-1-2】使用表格制作購物車頁面 87
探索訓(xùn)練 91
任務(wù)3-2 制作觸屏版購物車頁面0302．html 91
析疑解惑 96
單元小結(jié) 100
單元習(xí)題 100
單元 4 表單應(yīng)用與制作注冊登錄頁面 101
教學(xué)導(dǎo)航 101
漸進訓(xùn)練 101
任務(wù)4-1 制作與美化電腦版用戶注冊網(wǎng)頁0401．html 101
【任務(wù)4-1-1】創(chuàng)建電腦版用戶注冊網(wǎng)頁 101
【任務(wù)4-1-2】美化電腦版用戶注冊網(wǎng)頁 109
任務(wù)4-2 制作與美化電腦版用戶登錄網(wǎng)頁0402．html 115
【任務(wù)4-2-1】創(chuàng)建電腦版用戶登錄網(wǎng)頁 115
【任務(wù)4-2-2】美化電腦版用戶登錄網(wǎng)頁 116
探索訓(xùn)練 121
任務(wù)4-3 制作觸屏版用戶注冊網(wǎng)頁0403．html 121
任務(wù)4-4 制作觸屏版用戶登錄網(wǎng)頁0404．html 124
析疑解惑 128
單元小結(jié) 128
單元習(xí)題 128
單元 5 網(wǎng)頁布局與制作商品篩選頁面 130
教學(xué)導(dǎo)航 130
漸進訓(xùn)練 131
任務(wù)5-1 設(shè)計與制作電腦版商品篩選頁面0501．html 131
【任務(wù)5-1-1】規(guī)劃與設(shè)計商品篩選頁面的布局結(jié)構(gòu) 131
【任務(wù)5-1-2】布局與美化商品篩選頁面的左側(cè)列表內(nèi)容 134
【任務(wù)5-1-3】布局與美化商品篩選頁面的右側(cè)主體內(nèi)容 139
探索訓(xùn)練 147
任務(wù)5-2 制作觸屏版促銷商品頁面0502．html 147
析疑解惑 151
單元小結(jié) 165
單元習(xí)題 165
單元 6 模板應(yīng)用與制作商品推薦頁面 167
教學(xué)導(dǎo)航 167
漸進訓(xùn)練 167
任務(wù) 6-1 設(shè)計與制作電腦版商品推薦頁面0601．html 167
【任務(wù)6-1-1】規(guī)劃與設(shè)計商品推薦頁面的布局結(jié)構(gòu) 167
【任務(wù)6-1-2】制作用于生成網(wǎng)頁模板的網(wǎng)頁0601．html 172
任務(wù) 6-2 制作基于模板的電腦版商品推薦頁面0602．html 177
【任務(wù)6-2-1】基于網(wǎng)頁0601．html創(chuàng)建網(wǎng)頁模板0602．dwt 177
【任務(wù)6-2-2】創(chuàng)建基于模板的網(wǎng)頁0602．html 183
【任務(wù)6-2-3】在網(wǎng)頁0602．html中插入庫項目和代碼片段 186
探索訓(xùn)練 189
任務(wù) 6-3 設(shè)計與制作觸屏版商品促銷頁面0603．html 189
任務(wù) 6-4 設(shè)計與制作觸屏版商品促銷頁面0604．html 195
析疑解惑 195
單元小結(jié) 196
單元習(xí)題 196
單元 7 網(wǎng)頁特效與制作商品詳情頁面 198
教學(xué)導(dǎo)航 198
漸進訓(xùn)練 199
任務(wù) 7-1 設(shè)計與制作電腦版商品詳情頁面0701．html 199
【任務(wù)7-1-1】規(guī)劃與設(shè)計商品詳情頁面的布局結(jié)構(gòu) 200
【任務(wù)7-1-2】在網(wǎng)頁頂部顯示當(dāng)前日期和問候語 204
【任務(wù)7-1-3】在網(wǎng)頁中動態(tài)改變局部區(qū)域文本字體大小 209
【任務(wù)7-1-4】在網(wǎng)頁中自動滾動圖片 210
【任務(wù)7-1-5】在網(wǎng)頁中實現(xiàn)選項卡功能 212
【任務(wù)7-1-6】在網(wǎng)頁中實現(xiàn)商品圖片輪換展示與放大功能 215
探索訓(xùn)練 221
任務(wù) 7-2 制作觸屏版商品詳情頁面0702．html 221
析疑解惑 228
單元小結(jié) 231
單元習(xí)題 232
單元 8 網(wǎng)站整合與制作購物網(wǎng)站首頁 233
教學(xué)導(dǎo)航 233
漸進訓(xùn)練 233
任務(wù) 8-1 熟悉網(wǎng)站開發(fā)流程和規(guī)范 233
任務(wù) 8-2 分析與規(guī)劃購物網(wǎng)站 237
任務(wù) 8-3 設(shè)計與制作電腦版網(wǎng)站首頁0801．html 241
【任務(wù)8-3-1】規(guī)劃與設(shè)計電腦版網(wǎng)站首頁的主體布局結(jié)構(gòu) 242
【任務(wù)8-3-2】設(shè)計與實現(xiàn)電腦版網(wǎng)站首頁的導(dǎo)航結(jié)構(gòu) 245
【任務(wù)8-3-3】設(shè)計與實現(xiàn)電腦版網(wǎng)站首頁的各個局部版塊內(nèi)容 256
【任務(wù)8-3-4】實現(xiàn)電腦版網(wǎng)站首頁的特效功能 262
【任務(wù)8-3-5】設(shè)置“易購網(wǎng)”的超鏈接 268
任務(wù) 8-4 測試網(wǎng)站 268
任務(wù) 8-5 發(fā)布網(wǎng)站 272
任務(wù) 8-6 推廣與維護網(wǎng)站 274
探索訓(xùn)練 278
任務(wù) 8-7 設(shè)計與制作觸屏版網(wǎng)站首頁0802．html 278
析疑解惑 286
單元小結(jié) 289
單元習(xí)題 289
附錄
HTML5的常用標(biāo)簽及其屬性 291