HTML5+CSS3移動Web開發實戰（簡體書）

本書從跨平臺的移動Web開發實際應用的角度闡述了HTML5和CSS3的新元素和新功能，設置了跨平臺的網站首頁設計、文本新聞瀏覽網頁設計、旅遊景點推薦網頁設計、商品信息展示網頁設計、註冊登錄與留言網頁設計、音樂視頻播放網頁設計、網頁圖形繪製與遊戲設計、複雜樣式與網頁特效設計8個教學單元，將HTML5和CSS3的相關知識合理地安排到各個教學單元中。
本書優選了55個來自於真實網站或項目的典型教學案例，採用“任務驅動、精講多練、理論實踐一體化”的教學方法，每個教學單元設置“教學導航→實例探析→知識疏理→引導訓練→同步訓練→拓展訓練→單元小結”7個教學環節，同時提供了豐富的配套教學資源。
本書可以作為軟件類專業跨平臺的移動Web應用開發課程的教材，也可以作為移動Web應用開發的培訓用書及技術用書。

陳承歡， 三級教授 高級工程師 軟件設計師 湖南省省級專業帶頭人，國家精品課程與精品共享課程《網頁設計與製作》主持人，國家資源庫課程《計算機維護與維修》和《網頁樣式設計與應用》主持人，湖南省教育科學重點研究課題主持人，湖南省教學改革項目主持人。

單元1 跨平臺的網站首頁設計
教學導航
實例探析
任務1-1 探析攜程旅行網的首頁
【效果展示】
【網頁探析】
知識梳理
引導訓練
任務1-2 設計蘇甯易購網的首頁
【任務描述】
【任務實施】
【網頁瀏覽】
任務1-3 設計窮遊網的首頁
【任務描述】
【任務實施】
【網頁瀏覽】
同步訓練
任務1-4 設計同程旅遊網的首頁
【任務描述】
【任務實施】
【網頁瀏覽】
拓展訓練
任務1-5 設計酷狗音樂網的首頁
【任務描述】
【任務實施】
單元小結
單元2 文本新聞瀏覽網頁設計
教學導航
實例探析
任務2-1 探析手機搜狐網的名站導航網頁
【效果展示】
【網頁探析】
知識梳理
引導訓練
任務2-2 設計手機搜狐網的站內導航網頁
【任務描述】
【任務實施】
【網頁瀏覽】
任務2-3 設計手機搜狐網的文本新聞網頁
【任務描述】
【任務實施】
【網頁瀏覽】
同步訓練
任務2-4 設計新華網手機版的網址導航網頁
【任務描述】
【任務實施】
【網頁瀏覽】
任務2-5 設計新華網手機版的文本新聞網頁
【任務描述】
【任務實施】
【網頁瀏覽】
拓展訓練
任務2-6 設計新華網手機版的標題新聞及導航網頁
【任務描述】
【操作提示】
單元小結
單元3 旅遊景點推薦網頁設計
教學導航
實例探析
任務3-1 探析螞蜂窩的推薦旅遊目的地網頁
【效果展示】
【網頁探析】
知識梳理
引導訓練
任務3-2 設計去哪兒旅行網的Touch版旅圖網頁
【任務描述】
【任務實施】
【網頁瀏覽】
同步訓練
任務3-3 設計攜程旅行網的最佳旅遊景區網頁
【任務描述】
【任務實施】
【網頁瀏覽】
拓展訓練
任務3-4 設計路趣網手機版的熱點景點推薦網頁
【任務描述】
【操作提示】
單元小結
單元4 商品信息展示網頁設計
教學導航
實例探析
任務4-1 探析麥包包網觸屏版的熱銷商品網頁
【效果展示】
【網頁探析】
知識梳理
引導訓練
任務4-2 設計蘇甯易購觸屏版的促銷商品列表網頁
【任務描述】
【任務實施】
【網頁瀏覽】
任務4-3 設計易購網的選用商品列表網頁
【任務描述】
【任務實施】
【網頁瀏覽】
同步訓練
任務4-4 設計凡客誠品網觸屏版的品牌牆網頁
【任務描述】
【任務實施】
【網頁瀏覽】
拓展訓練
任務4-5 設計蘇甯易購觸屏版的家用電器精選商品導航網頁
【任務描述】
【任務實施】
單元小結
單元5 註冊登錄與留言網頁設計
教學導航
實例探析
任務5-1 探析手機麥包包網的用戶註冊網頁
【效果展示】
【網頁探析】
知識梳理
引導訓練
任務5-2 設計同程旅遊無線網的會員登錄網頁
【任務描述】
【任務實施】
【網頁瀏覽】
任務5-3 設計去哪兒網的意見反饋網頁
【任務描述】
【任務實施】
【網頁瀏覽】
同步訓練
任務5-4 設計掌上1號店的用戶登錄網頁
【任務描述】
【任務實施】
【網頁瀏覽】
拓展訓練
任務5-5 設計手機搜狐網的留言反饋網頁
【任務描述】
【任務實施】
任務5-6 設計易購網的個性化用戶註冊網頁
【任務描述】
【操作提示】
單元小結
單元6 音樂視頻播放網頁設計
教學導航
實例探析
任務6-1 探析基於HTML5的網頁音樂播放器之一
【效果展示】
【網頁探析】
任務6-2 探析基於HTML5的網頁視頻播放器之一
【效果展示】
【網頁探析】
知識梳理
引導訓練
任務6-3 設計基於HTML5的網頁音樂播放器之二
【任務描述】
【任務實施】
任務6-4 設計基於HTML5的網頁視頻播放器之二
【任務描述】
【任務實施】
同步訓練
任務6-5 設計基於HTML5的網頁音樂播放器之三
【任務描述】
【任務實施】
任務6-6 設計基於HTML5的網頁音樂播放器之四
【任務描述】
【任務實施】
任務6-7 設計基於HTML5的網頁視頻播放器之三
【任務描述】
【任務實施】
拓展訓練
任務6-8 設計基於HTML5的網頁音樂播放器之五
【任務描述】
【任務實施】
任務6-9 設計基於HTML5的網頁視頻播放器之四
【任務描述】
【操作提示】
任務6-10 設計基於HTML5的網頁視頻播放器之五
【任務描述】
【操作提示】
單元小結
單元7 網頁圖形繪製與遊戲設計
教學導航
實例探析
任務7-1 在網頁中繪製菊花圖形
【效果展示】
【網頁探析】
任務7-2 在網頁中繪製精美掛鐘
【效果展示】
【網頁探析】
知識梳理
引導訓練
任務7-3 在網頁中繪製各種圖形和文字
【任務描述】
【任務實施】
任務7-4 設計網頁俄羅斯方塊遊戲
【任務描述】
【網頁探析】
同步訓練
任務7-5 在網頁中繪製多種圖形和圖片
【任務描述】
【任務實施】
拓展訓練
任務7-6 在網頁中繪製多個五角星
【任務描述】
【操作提示】
任務7-7 設計HTML5版連連看網頁遊戲
【任務描述】
【操作提示】
單元小結
單元8 複雜樣式與網頁特效設計
教學導航
實例探析
任務8-1 製作迷你音樂播放器面板
【效果展示】
【網頁探析】
任務8-2 探析純CSS3實現的焦點圖切換效果
【效果展示】
【網頁探析】
知識梳理
引導訓練
任務8-3 在網頁中繪製陰陽圖和五角星
【任務描述】
【任務實施】
任務8-4 在網頁中製作圓角按鈕和圓角圖片
【任務描述】
【任務實施】
任務8-5 設計網頁中的圓形導航
按鈕
【任務描述】
【任務實施】
任務8-6 在網頁中實現圖片拖動操作
【任務描述】
【任務實施】
任務8-7 在網頁中設計仿Office風格
的多級菜單
【任務描述】
【任務實施】
同步訓練
任務8-8 在網頁中繪製各種幾何圖形
【任務描述】
【任務實施】
任務8-9 在網頁中設計超酷導航菜單
【任務描述】
【任務實施】
任務8-10 在網頁中模仿蘋果iPhone的搜索框聚焦變長效果
【任務描述】
【任務實施】
拓展訓練
任務8-11 在網頁中實現相冊效果
【任務描述】
【操作提示】
任務8-12 在網頁中設計帶有字體圖標效果的下拉導航菜單
【任務描述】
【操作提示】
單元小結
附錄A HTML5的常用標簽及其屬性、方法與事件
附錄B CSS的屬性
參考文獻