單元1　跨平臺的網站首頁設計　1 【教學導航】　1 【實例探析】　2 任務1-1　探析攜程旅行網的首頁　2 效果展示　2 網頁探析　2 【知識梳理】　7 【引導訓練】　18 任務1-2　設計蘇寧易購網的首頁　18 任務描述　18 任務實施　19 網頁瀏覽　24 任務1-3　設計窮游網的首頁　24 任務描述　24 任務實施　24 網頁瀏覽　32 【同步訓練】　32 任務1-4　設計同程旅游網的首頁　32 任務描述　32 任務實施　32 網頁瀏覽　35 【拓展訓練】　35 任務1-5　設計酷狗音樂網的首頁　35 任務描述　35 任務實施　35 【單元小結】　36 單元2　文本新聞瀏覽網頁設計　37 【教學導航】　37 【實例探析】　38 任務2-1　探析手機搜狐網的名站導航網頁　38 效果展示　38 網頁探析　38 【知識梳理】　43 【引導訓練】　52 任務2-2　設計手機搜狐網的站內導航網頁　52 任務描述　52 任務實施　53 網頁瀏覽　58 任務2-3　設計手機搜狐網的文本新聞網頁　58 任務描述　58 任務實施　58 網頁瀏覽　62 【同步訓練】　62 任務2-4　設計新華網手機版的網址導航網頁　62 任務描述　62 任務實施　62 網頁瀏覽　65 任務2-5　設計新華網手機版的文本新聞網頁　65 任務描述　65 任務實施　66 網頁瀏覽　69 【拓展訓練】　69 任務2-6　設計新華網手機版的標題新聞及導航網頁　69 任務描述　69 操作提示　69 【單元小結】　71 單元3　旅游景點推薦網頁設計　72 【教學導航】　72 【實例探析】　73 任務3-1　探析螞蜂窩的推薦旅游目的地網頁　73 效果展示　73 網頁探析　73 【知識梳理】　77 【引導訓練】　81 任務3-2　設計去哪兒旅行網的觸屏版旅圖網頁　81 任務描述　81 任務實施　82 網頁瀏覽　89 【同步訓練】　89 任務3-3　設計攜程旅行網的最佳旅游景區(qū)網頁　89 任務描述　89 任務實施　90 網頁瀏覽　92 【拓展訓練】　92 任務3-4　設計路趣網手機版的熱點景點推薦網頁　92 任務描述　92 操作提示　92 【單元小結】　94 單元4　商品信息展示網頁設計　95 【教學導航】　95 【實例探析】　96 任務4-1　探析麥包包網觸屏版的熱銷商品網頁　96 效果展示　96 網頁探析　96 【知識梳理】　103 【引導訓練】　110 任務4-2　設計蘇寧易購觸屏版的促銷商品列表網頁　110 任務描述　110 任務實施　111 網頁瀏覽　116 任務4-3　設計易購網的選用商品列表網頁　116 任務描述　116 任務實施　116 網頁瀏覽　119 【同步訓練】　119 任務4-4　設計凡客誠品網觸屏版的品牌墻網頁　119 任務描述　119 任務實施　119 網頁瀏覽　123 【拓展訓練】　123 任務4-5　設計蘇寧易購觸屏版的家用電器精選商品導航網頁　123 任務描述　123 任務實施　124 【單元小結】　125 單元5　注冊登錄與留言網頁設計　126 【教學導航】　126 【實例探析】　127 任務5-1　探析手機麥包包網的用戶注冊網頁　127 效果展示　127 網頁探析　127 【知識梳理】　130 【引導訓練】　135 任務5-2　設計同程旅游無線網的會員登錄網頁　135 任務描述　135 任務實施　135 網頁瀏覽　140 任務5-3　設計去哪兒網的意見反饋網頁　140 任務描述　140 任務實施　140 網頁瀏覽　144 【同步訓練】　144 任務5-4　設計掌上1號店的用戶登錄網頁　144 任務描述　144 任務實施　144 網頁瀏覽　148 【拓展訓練】　148 任務5-5　設計手機搜狐網的留言反饋網頁　148 任務描述　148 任務實施　148 任務5-6　設計易購網的個性化用戶注冊網頁　151 任務描述　151 操作提示　151 【單元小結】　152 單元6　音樂視頻播放網頁設計　153 【教學導航】　153 【實例探析】　154 任務6-1　探析基于HTML5的網頁音樂播放器　154 效果展示　154 網頁探析　154 任務6-2　探析基于HTML5的網頁視頻播放器　160 效果展示　160 網頁探析　160 【知識梳理】　161 【引導訓練】　163 任務6-3　設計基于HTML5的網頁音樂播放器之一　163 任務描述　163 任務實施　163 任務6-4　設計基于HTML5的網頁視頻播放器之一　164 任務描述　164 任務實施　164 【同步訓練】　167 任務6-5　設計基于HTML5的網頁音樂播放器之二/　167 任務描述　167 任務實施　167 任務6-6　設計基于HTML5的網頁音樂播放器之三　168 任務描述　168 任務實施　168 任務6-7　設計基于HTML5的網頁視頻播放器之二　170 任務描述　170 任務實施　170 【拓展訓練】　171 任務6-8　設計基于HTML5的網頁音樂播放器之四　171 任務描述　171 任務實施　172 任務6-9　設計基于HTML5的網頁視頻播放器之三　176 任務描述　176 操作提示　176 【單元小結】　176 單元7　網頁圖形繪制與游戲設計　177 【教學導航】　177 【實例探析】　178 任務7-1　在網頁中繪制菊花圖形　178 效果展示　178 網頁探析　178 任務7-2　在網頁中繪制精美掛鐘　179 效果展示　179 網頁探析　179 【知識梳理】　182 【引導訓練】　189 任務7-3　在網頁中繪制各種圖形和文字　189 任務描述　189 任務實施　190 任務7-4　設計網頁俄羅斯方塊游戲　195 任務描述　195 網頁探析　195 【同步訓練】　204 任務7-5　在網頁中繪制多種圖形和圖片　204 任務描述　204 任務實施　204 【拓展訓練】　207 任務7-6　在網頁中繪制多個五角星　207 任務描述　207 操作提示　207 任務7-7　設計HTML5版連連看網頁游戲　209 任務描述　209 操作提示　209 【單元小結】　212 單元8　復雜樣式與網頁特效設計　213 【教學導航】　213 【實例探析】　214 任務8-1　制作迷你音樂播放器面板　214 效果展示　214 網頁探析　214 任務8-2　探析純CSS3實現(xiàn)的焦點圖切換效果　216 效果展示　216 網頁探析　217 【知識梳理】　220 【引導訓練】　228 任務8-3　在網頁中繪制陰陽圖和五角星　228 任務描述　228 任務實施　228 任務8-4　在網頁中制作圓角按鈕和圓角圖片　230 任務描述　230 任務實施　230 任務8-5　設計網頁中的圓形導航按鈕　233 任務描述　233 任務實施　233 任務8-6　在網頁中實現(xiàn)圖片拖動操作　235 任務描述　235 任務實施　235 任務8-7　在網頁中設計仿Office風格的多級菜單　237 任務描述　237 任務實施　238 【同步訓練】　240 任務8-8　在網頁中繪制各種幾何圖形　240 任務描述　240 任務實施　241 任務8-9　在網頁中設計超酷導航菜單　243 任務描述　243 任務實施　243 任務8-10　在網頁中模仿蘋果iPhone的搜索框聚焦變長效果　245 任務描述　245 任務實施　245 【拓展訓練】　246 任務8-11　在網頁中實現(xiàn)相冊效果　246 任務描述　246 操作提示　247 任務8-12　在網頁中設計帶有字體圖標效果的下拉導航菜單　248 任務描述　248 操作提示　248 【單元小結】　250 附錄A　HTML5的常用標簽及其屬性、方法與事件　251 附錄Ｂ　CSS的屬性　261 參考文獻　268