精選html5培訓心得體會4篇.doc

1、精選html5培訓心得體會4篇 HTML 5 的第一份正式草案已于xx年1月22日公布。HTML5 仍處于完善之中。然而，大部分現(xiàn)代瀏覽器已經(jīng)具備了某些 HTML5 支持。下面是收集的幾點html5培訓心得，僅供大家參考。 風塵仆仆的來到了沈陽，來參加匯HTML5培訓學校，從HTML5基礎(chǔ)講起，起初并不以為然，想這HTML這個平常上課也經(jīng)常接觸到的東西，但是聽完第一堂課后，后面的興趣越來越濃厚，尤其是講到HTML5的新特性時候，講到canvas畫布時候，突然感覺HTML的功能遠遠超出了我的想象，超出了我的預期，當自己做完第一個實例的時候，就想以后一定要把這個充滿未來潛力的東西傳到學校，學生一定

2、會感興趣。當老師簡單講完CSS和JS時候，然后將HTML5+CSS+JS結(jié)合起來的時候，就感覺這是個強大無比的組合，不次于使用C#在VS平臺上實現(xiàn)的功能。尤其是其在游戲和動畫上的效果，使得頁面可以輕松拋棄Flash的枷鎖也同樣能夠?qū)崿F(xiàn)強大的動畫效果。 最后一天老師講到如何將HTML5的APP上傳到不同平臺的應用商店時候，這時候就更感到自己學到的東西有意義了。不像以前單純教學，為了完成教學任務而教學，通過應用的上傳，可以更加鼓勵學生的積極性，激發(fā)他們的學習動力，嗯，不錯的思路，把這個思路用在教學上，一定能有所收獲，學生一定能感興趣。 這次培訓對于自己在今后教學過程中提出了一個新的思路，我們的教學

3、可以找到學生的興趣點，像紅樹林教育那樣能夠激發(fā)出學生自身的興趣，而這個激發(fā)就需要我們老師和企業(yè)共同想辦法能為學生由被動學習變?yōu)橹鲃蛹ぐl(fā)資深興趣去學習。 HTML5在網(wǎng)頁開發(fā)上，賦予網(wǎng)頁更好的意義和結(jié)構(gòu)，更加豐富的標簽將隨著對RDFa的，微數(shù)據(jù)與微格式等方面的支持，構(gòu)建對程序、對用戶都更 有價值的數(shù)據(jù)驅(qū)動的Web。北京恒泰博遠軟件開發(fā)公司對HTML5的解釋是，為開發(fā)者提供了一個跨平臺的移動apps開發(fā)方案，并且該方案具有很好的擴展 性和靈活性。 由目前it行業(yè)使用html5 開發(fā)app來看，如今國內(nèi)使用html5開發(fā)app應用技術(shù)尚有欠缺，因為在手機開發(fā)app上，html5應用只有兩種方法，要不

4、就是全使用HTML5的語法，要不就是僅使用JavaScript引擎。 JavaScript引擎的構(gòu)建方法讓制作手機網(wǎng)頁游戲成為可能。由于界面層很復雜，已預訂了一個UI工具包去使用。 純HTML5手機應用運行緩慢并錯漏百出，但優(yōu)化后的效果會好轉(zhuǎn)。盡管不是很多人愿意去做這樣的優(yōu)化，但依然可以去嘗試。 HTML5手機應用的最大優(yōu)勢就是可以在網(wǎng)頁上直接調(diào)試和修改。原生應用的開發(fā)人員可能需要花費非常大的力氣才能達到HTML5的效果，不斷地重復編碼、調(diào)試和運行，這是首先得解決的一個問題。 一：了解HTML5前端開發(fā)技術(shù) HTML 指的是超文本標記語言 (Hyper Text Markup Language

5、)，標記語言是一套標記標簽 (markup tag)，HTML 使用標記標簽來描述網(wǎng)頁。HTML5區(qū)別于HTML的標準，基于全新的規(guī)則手冊，提供了一些新的元素和屬性，在web技術(shù)發(fā)展的過程中成為新的里程碑。HTML5被推廣用于Web平臺游戲開發(fā)，及手機移動領(lǐng)域，從市場來看，無論是桌面應用還是移動應用，HTML5都是當下Web技術(shù)中最炙手可熱的新寵，是創(chuàng)新的主旋律，在不久的時間里一定會大有作為。 二：課程能讓你學到什么? 從前端開發(fā)的基礎(chǔ)出發(fā)，學習使用HTML，CSS，JavaScript等一系列前端技術(shù)，實現(xiàn)動畫特效。以開發(fā)實例展示為主導，循序漸進讓學員掌握HTML5技術(shù)的應用。強化學員基礎(chǔ)，

6、尤其是要針對JavaScpript基礎(chǔ)的強化從而掌握HTML5新功能API。 HTML5培訓內(nèi)容首先是學習HTML5文檔結(jié)構(gòu)和基礎(chǔ)語法，了解HTML5新特性，CSS3基礎(chǔ)語法和布局樣式，圖形圖像軟件使用等。移動前端的交互JavaScript編程基礎(chǔ)、JavaScript交互編程實戰(zhàn)、JavaScript異步操作基礎(chǔ)、Ajax、JQuery、AngularJS使用方法。移動前段綜合開發(fā);主要集中在H5+C3+jQ Mobile，基于HTML5的移動網(wǎng)頁布局、移動網(wǎng)頁界面樣式(CSS3)、HTML5本地存儲API、Geolocation地理定位、智能表單、Video、Audio應用、canvas和

7、SVG的應用、桌面通知、離線應用、webGL基礎(chǔ)及應用(3D網(wǎng)頁游戲)、WEB前端框架(JQuery mobile、Sencha Touch、PhoneGap)、Cocos2d-HTML游戲引擎等。最后，項目實訓。項目實訓能夠提高綜合開發(fā)能力。 6.10號是我去培訓學校學習的第一天，剛來時什么也不懂也不會，可以這么說完全是零基礎(chǔ)。一天的學習下來，自己深受觸動，認真聽講，認真筆記。一天的學習量很多也很充實。于是每天這么度過，一刻也不敢懈怠。漸漸地，我從無知到接觸 揣摩H5，開始老師講的聽不懂，但請教老師同學后，問題迎刃而解。老師同學都很親切積極幫助。來的時候老師就說三天學完基礎(chǔ)，第四天就要求能做

8、出頁面。我一聽不敢相信。因為自己零基礎(chǔ)，短短四天怎么可能，但是跟著老師一步步下來到第四天， 自己還真能馬馬虎虎做出來頁面。 時光流逝，很快在這里度過了一個月。然而月考即將到來，我忐忑不安。覺得自己第一階段還沒學好學扎實就考試了，感嘆時間過得好快，考試的一天，面對筆試題，我笑了，因為我這些日子日以繼夜的背全都會。機試本來我其實是應該發(fā)揮的特別好的，但是可惜的是框架搭錯了，除了倆個bug耽誤了一個小時，否則三個頁面我都能夠敲出來，不說滿分九十多分也是妥妥的。在這段時間里我拼命的背筆記，敲頁面練習。穩(wěn)固扎實。我覺得很好，起碼對得起自己，起碼自己學到手了。 H5說難也不難，說不難也難，關(guān)鍵看自己有沒有

9、付出，全身心投入。愛不愛好。 H5也很有趣，比如那些動畫，頁面什么的做出來很炫酷。自己都不可思議。下面是我 總結(jié)的部分知識點： <1>、HTML5的基本結(jié)構(gòu) 聲明文檔類型 html的根標簽 頭部區(qū)域 聲明編碼格式 內(nèi)容區(qū)域 <2>、文字的設(shè)置 文字大?。篺ont-size(常用字號 12、14、16、18.偶數(shù)) 常用單位：pc端 px Em pt rem 1em=16px; 0.75em=12px; 9pt=12px; 文字字體：font-family 如果是中文需要加引號，由一組英文單詞組成需要加引號，一個英文單詞組 成不需要，如果設(shè)置多個字體用逗號隔開(一般會設(shè)置

10、常用字體：宋體 黑體 微軟雅黑) 文字加粗：font-weight 文字傾斜：font-style 文字的行間距：line-height 可以是具體的倍數(shù)(不需要加單位) 文字顏色：color 常用六個十六進制數(shù) 可以用英文單詞 三原色rab(255,0,0) rgba(255,255,0, 0.5)a代表透明度取值0-1 小寫字母變成小型的大寫字母：font-variant 復合式寫法：font:style variant weight size/line-height family <3>、一、h5新增語義化標簽 1.header 定義頁面的頭部 2.footer 定義頁面的尾部 3.nav 定義頁面的導航部分 4.section 定義頁面的某