HTML5+CSS3移動Web開發(fā)實戰(zhàn)

單元1　跨平臺的網站首頁設計　1
教學導航　1
實例探析　1
任務1-1　探析攜程旅行網的首頁　1
【效果展示】　1
【網頁探析】　2
知識梳理　7
引導訓練　18
任務1-2　設計蘇寧易購網的首頁　18
【任務描述】　18
【任務實施】　18
【網頁瀏覽】　24
任務1-3　設計窮游網的首頁　24
【任務描述】　24
【任務實施】　24
【網頁瀏覽】　32
同步訓練　32
任務1-4　設計同程旅游網的首頁　32
【任務描述】　32
【任務實施】　33
【網頁瀏覽】　36
拓展訓練　36
任務1-5　設計酷狗音樂網的首頁　36
【任務描述】　36
【任務實施】　36
單元小結　38
單元2　文本新聞瀏覽網頁設計　39
教學導航　39
實例探析　39
任務2-1　探析手機搜狐網的名站導航網頁　39
【效果展示】　39
【網頁探析】　40
知識梳理　45
引導訓練　54
任務2-2　設計手機搜狐網的站內導航網頁　54
【任務描述】　54
【任務實施】　55
【網頁瀏覽】　60
任務2-3　設計手機搜狐網的文本新聞網頁　60
【任務描述】　60
【任務實施】　61
【網頁瀏覽】　65
同步訓練　65
任務2-4　設計新華網手機版的網址導航網頁　65
【任務描述】　65
【任務實施】　65
【網頁瀏覽】　69
任務2-5　設計新華網手機版的文本新聞網頁　69
【任務描述】　69
【任務實施】　69
【網頁瀏覽】　73
拓展訓練　73
任務2-6　設計新華網手機版的標題新聞及導航網頁　73
【任務描述】　73
【操作提示】　73
單元小結　75
單元3　旅游景點推薦網頁設計　76
教學導航　76
實例探析　76
任務3-1　探析螞蜂窩的推薦旅游目的地網頁　76
【效果展示】　76
【網頁探析】　76
知識梳理　82
引導訓練　86
任務3-2　設計去哪兒旅行網的Touch版旅圖網頁　86
【任務描述】　86
【任務實施】　86
【網頁瀏覽】　95
同步訓練　95
任務3-3　設計攜程旅行網的最佳旅游景區(qū)網頁　95
【任務描述】　95
【任務實施】　96
【網頁瀏覽】　98
拓展訓練　99
任務3-4　設計路趣網手機版的熱點景點推薦網頁　99
【任務描述】　99
【操作提示】　99
單元小結　101
單元4　商品信息展示網頁設計　102
教學導航　102
實例探析　102
任務4-1　探析麥包包網觸屏版的熱銷商品網頁　102
【效果展示】　102
【網頁探析】　103
知識梳理　111
引導訓練　117
任務4-2　設計蘇寧易購觸屏版的促銷商品列表網頁　117
【任務描述】　117
【任務實施】　118
【網頁瀏覽】　123
任務4-3　設計易購網的選用商品列表網頁　123
【任務描述】　123
【任務實施】　123
【網頁瀏覽】　126
同步訓練　127
任務4-4　設計凡客誠品網觸屏版的品牌墻網頁　127
【任務描述】　127
【任務實施】　127
【網頁瀏覽】　131
拓展訓練　131
任務4-5　設計蘇寧易購觸屏版的家用電器精選商品導航網頁　131
【任務描述】　131
【任務實施】　131
單元小結　132
單元5　注冊登錄與留言網頁設計　133
教學導航　133
實例探析　133
任務5-1　探析手機麥包包網的用戶注冊網頁　133
【效果展示】　133
【網頁探析】　133
知識梳理　137
引導訓練　142
任務5-2　設計同程旅游無線網的會員登錄網頁　142
【任務描述】　142
【任務實施】　142
【網頁瀏覽】　147
任務5-3　設計去哪兒網的意見反饋網頁　147
【任務描述】　147
【任務實施】　147
【網頁瀏覽】　151
同步訓練　151
任務5-4　設計掌上1號店的用戶登錄網頁　151
【任務描述】　151
【任務實施】　151
【網頁瀏覽】　155
拓展訓練　156
任務5-5　設計手機搜狐網的留言反饋網頁　156
【任務描述】　156
【任務實施】　156
任務5-6　設計易購網的個性化用戶注冊網頁　159
【任務描述】　159
【操作提示】　159
單元小結　161
單元6　音樂視頻播放網頁設計　162
教學導航　162
實例探析　162
任務6-1　探析基于HTML5的網頁音樂播放器之一　162
【效果展示】　162
【網頁探析】　163
任務6-2　探析基于HTML5的網頁視頻播放器之一　170
【效果展示】　170
【網頁探析】　170
知識梳理　171
引導訓練　172
任務6-3　設計基于HTML5的網頁音樂播放器之二　172
【任務描述】　172
【任務實施】　173
任務6-4　設計基于HTML5的網頁視頻播放器之二　173
【任務描述】　173
【任務實施】　174
同步訓練　177
任務6-5　設計基于HTML5的網頁音樂播放器之三　177
【任務描述】　177
【任務實施】　177
任務6-6　設計基于HTML5的網頁音樂播放器之四　178
【任務描述】　178
【任務實施】　178
任務6-7　設計基于HTML5的網頁視頻播放器之三　180
【任務描述】　180
【任務實施】　180
拓展訓練　181
任務6-8　設計基于HTML5的網頁音樂播放器之五　181
【任務描述】　181
【任務實施】　182
任務6-9　設計基于HTML5的網頁視頻播放器之四　187
【任務描述】　187
【操作提示】　187
任務6-10　設計基于HTML5的網頁視頻播放器之五　188
【任務描述】　188
【操作提示】　188
單元小結　189
單元7　網頁圖形繪制與游戲設計　190
教學導航　190
實例探析　190
任務7-1　在網頁中繪制菊花圖形　190
【效果展示】　190
【網頁探析】　191
任務7-2　在網頁中繪制精美掛鐘　192
【效果展示】　192
【網頁探析】　192
知識梳理　194
引導訓練　201
任務7-3　在網頁中繪制各種圖形和文字　201
【任務描述】　201
【任務實施】　202
任務7-4　設計網頁俄羅斯方塊游戲　207
【任務描述】　207
【網頁探析】　207
同步訓練　215
任務7-5　在網頁中繪制多種圖形和圖片　215
【任務描述】　215
【任務實施】　216
拓展訓練　219
任務7-6　在網頁中繪制多個五角星　219
【任務描述】　219
【操作提示】　219
任務7-7　設計HTML5版連連看網頁游戲　220
【任務描述】　220
【操作提示】　221
單元小結　224
單元8　復雜樣式與網頁特效設計　225
教學導航　225
實例探析　225
任務8-1　制作迷你音樂播放器面板　225
【效果展示】　225
【網頁探析】　226
任務8-2　探析純CSS3實現的焦點圖切換效果　228
【效果展示】　228
【網頁探析】　229
知識梳理　232
引導訓練　239
任務8-3　在網頁中繪制陰陽圖和五角星　239
【任務描述】　239
【任務實施】　239
任務8-4　在網頁中制作圓角按鈕和圓角圖片　241
【任務描述】　241
【任務實施】　241
任務8-5　設計網頁中的圓形導航
按鈕　244
【任務描述】　244
【任務實施】　245
任務8-6　在網頁中實現圖片拖動操作　247
【任務描述】　247
【任務實施】　247
任務8-7　在網頁中設計仿Office風格
的多級菜單　249
【任務描述】　249
【任務實施】　249
同步訓練　253
任務8-8　在網頁中繪制各種幾何圖形　253
【任務描述】　253
【任務實施】　253
任務8-9　在網頁中設計超酷導航菜單　255
【任務描述】　255
【任務實施】　255
任務8-10　在網頁中模仿蘋果iPhone的搜索框聚焦變長效果　258
【任務描述】　258
【任務實施】　258
拓展訓練　259
任務8-11　在網頁中實現相冊效果　259
【任務描述】　259
【操作提示】　260
任務8-12　在網頁中設計帶有字體圖標效果的下拉導航菜單　261
【任務描述】　261
【操作提示】　262
單元小結　264
附錄A　HTML5的常用標簽及其屬性、方法與事件　265
附錄B　CSS的屬性　274
參考文獻　281