400-888-5228

課程介紹:

HTML5 是目前最為流行的前端網(wǎng)頁構(gòu)建技術(shù),提供了廣泛而豐富的 API為制作內(nèi)容豐富的網(wǎng)頁提供了良豐富的技術(shù)支撐,艾威Avtechcn(中國)HTML5與移動網(wǎng)頁開發(fā)培訓(xùn)課程將結(jié)合移動網(wǎng)頁開發(fā)特點,介紹如何使用 HTML5 這些豐富的 API 來實現(xiàn)移動互聯(lián)網(wǎng)時代的網(wǎng)頁開發(fā)與設(shè)計。

 

學(xué)習(xí)前提:

  HTML 基礎(chǔ)知識
  CSS 基礎(chǔ)知識
  JavaScript 基礎(chǔ)知識

課程目標:

  掌握 HTML5 的新技術(shù)特性
  掌握 CSS3 新技術(shù)特性
  掌握移動網(wǎng)頁開發(fā)的主要技術(shù)特點

課程時長:

2天

目標學(xué)員:

希望使用 HTML5 構(gòu)建網(wǎng)頁的前端開發(fā)人員

 

課程大綱:

  1. 新的頁面組織標記:
  2. HTML5 中從應(yīng)用角度出發(fā)提供了許多新的網(wǎng)頁標記,專門用于定位各種網(wǎng)頁內(nèi)容,本節(jié)課程我們將介
  3. 紹這些新標記,并說明如何使用這些新標記來組織你自己的文檔結(jié)構(gòu)
  4. 智能表單設(shè)計:
  5. 數(shù)據(jù)提交從來都是 web 應(yīng)用設(shè)計中的重要部分,而其中的數(shù)據(jù)格式驗證等功能需要腳本的輔助,HTML5
  6. 為了解決這一問題提供了一些新的表單樣式工具,為開發(fā)者開發(fā)更智能的表單輸入提供了良好支持,本
  7. 節(jié)課程著重于介紹如何制作這樣一個智能表單
  8. 引入多媒體對象:
  9. 在網(wǎng)頁當(dāng)中播放多媒體對象長期以來一直都是多媒體控件的專利,從 HTML5 開始,HTML 標記中也可以
  10. 引入多媒體音頻和視頻,如何應(yīng)用這些新標記讓自己的網(wǎng)頁內(nèi)容更豐富呢,本節(jié)課程將帶大家制作一個
  11. 簡單的多媒體應(yīng)用,來分享這一特性
  12. Canvas 對象你的畫布:
  13. 網(wǎng)頁中直接繪制圖表也曾經(jīng)是控件壟斷的天下,各種圖報表的繪制曾經(jīng)困擾著廣大開發(fā)者,現(xiàn)在 HTML5
  14. 中引入了原生的圖形繪制工具,可以讓你在 HTML 代碼中直接繪制圖表,本節(jié)課程將介紹如何使用這一
  15. 功能
  16. 擴展圖形標記
  17. 本節(jié)課程介紹一些新的圖形繪制方式和對象,幫助開發(fā)者更好的繪制自己的圖形應(yīng)用
  18. HTML5 中的地理應(yīng)用
  19. LBS(Location Based Service)是基于位置的服務(wù)縮寫,LBS 應(yīng)用目前已經(jīng)成為了移動互聯(lián)網(wǎng)時代的新興
  20. 的最重要應(yīng)用。HTML5 中提供了對 LBS 的天然支持,可以讓用戶方便的開發(fā)出基于地理位置的網(wǎng)頁應(yīng)
  21. 用。本節(jié)課程介紹如何使用這一特性
  22. 獨立數(shù)據(jù)存儲
  23. Web 應(yīng)用中也需要在用戶端存儲一些數(shù)據(jù),從 HTML5 開始,這個存儲功能不再僅限于存儲一些簡單的
  24. 文本信息,HTML5 提供了豐富的存儲功能,開發(fā)者可以把更復(fù)雜的數(shù)據(jù)類型保存在用戶端,本節(jié)課程將
  25. 要以一個實例來介紹如何在用戶端存儲用戶數(shù)據(jù)
  26. 新的網(wǎng)絡(luò)連接技術(shù)
  27. Web 應(yīng)用中經(jīng)常需要做一些異步交互,此次 HTML5 中專門提供了用于在后臺取回數(shù)據(jù)的連接對象,本
  28. 節(jié)課程介紹如何使用這一連接對象進行工作
  29. Web Workers
  30. Web 開發(fā)中經(jīng)常需要大量的交互式腳本,其中一些腳本耗時費力,影響響應(yīng)時間,降低用戶體驗,為了
  31. 解決這一問題 HTML5 提供了一個獨立線程,專門用于在后臺運行各種腳本,大大提高了用戶響應(yīng),這
  32. 就是本節(jié)課程介紹的 Web Worker 技術(shù)。本節(jié)課程通過兩個例子說明這一技術(shù)的優(yōu)勢。為廣大開發(fā)者開
  33. 發(fā)具有良好性能的 Web 應(yīng)用提供幫助。
  34. CSS3 技術(shù)
  35. CSS3 概述
  36. CSS 簡史
  37. CSS3 新特點
  38. CSS 基礎(chǔ)簡述
  39. 盒子模型
  40. float 排版
  41. position 定位
  42. 固定寬度且居中的布局
  43. 實例:一鍵換膚
  44. CSS3 媒體支持
  45. 處理不同屏幕的排版
  46. 實例:ipad 橫豎屏
  47. CSS3 透明度
  48. 不同瀏覽器的兼容問題
  49. 塊透明與文字透明
  50. 外引字體
  51. 字體的重要性
  52. 中文字體的困惑
  53. 實例:裁剪字體(sp)