400-888-5228

課程介紹:

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

 

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

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

課程目標(biāo):

  掌握 HTML5 的新技術(shù)特性
  掌握 CSS3 新技術(shù)特性
  掌握移動(dòng)網(wǎng)頁(yè)開(kāi)發(fā)的主要技術(shù)特點(diǎn)

課程時(shí)長(zhǎng):

2天

目標(biāo)學(xué)員:

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

 

課程大綱:

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