跨平臺的移動Web開發(fā)實戰(zhàn)（HTML5+CSS3）

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