- HTML5培訓(xùn)心得體會 推薦度:
- 相關(guān)推薦
html5心得體會
從某件事情上得到收獲以后,常?梢詫⑺鼈儗懗梢黄牡皿w會,這樣我們就可以提高對思維的訓(xùn)練。那么要如何寫呢?以下是小編幫大家整理的html5心得體會,僅供參考,大家一起來看看吧。
html5心得體會1
風(fēng)塵仆仆的來到了沈陽,來參加匯HTML5培訓(xùn)學(xué)校,從HTML5基礎(chǔ)講起,起初并不以為然,想這HTML這個平常上課也經(jīng)常接觸到的東西,但是聽完第一堂課后,后面的興趣越來越濃厚,尤其是講到HTML5的新特性時候,講到canvas畫布時候,突然感覺HTML的功能遠(yuǎn)遠(yuǎn)超出了我的想象,超出了我的預(yù)期,當(dāng)自己做完第一個實例的時候,就想以后一定要把這個充滿未來潛力的東西傳到學(xué)校,學(xué)生一定會感興趣。當(dāng)老師簡單講完CSS和JS時候,然后將HTML5+CSS+JS結(jié)合起來的時候,就感覺這是個強大無比的組合,不次于使用C#在VS平臺上實現(xiàn)的功能。尤其是其在游戲和動畫上的效果,使得頁面可以輕松拋棄Flash的.枷鎖也同樣能夠?qū)崿F(xiàn)強大的動畫效果。
最后一天老師講到如何將HTML5的APP上傳到不同平臺的應(yīng)用商店時候,這時候就更感到自己學(xué)到的東西有意義了。不像以前單純教學(xué),為了完成教學(xué)任務(wù)而教學(xué),通過應(yīng)用的上傳,可以更加鼓勵學(xué)生的積極性,激發(fā)他們的學(xué)習(xí)動力,嗯,不錯的思路,把這個思路用在教學(xué)上,一定能有所收獲,學(xué)生一定能感興趣。
這次培訓(xùn)對于自己在今后教學(xué)過程中提出了一個新的思路,我們的教學(xué)可以找到學(xué)生的興趣點,像紅樹林教育那樣能夠激發(fā)出學(xué)生自身的興趣,而這個激發(fā)就需要我們老師和企業(yè)共同想辦法能為學(xué)生由被動學(xué)習(xí)變?yōu)橹鲃蛹ぐl(fā)資深興趣去學(xué)習(xí)。
html5心得體會2
一:了解HTML5前端開發(fā)技術(shù)
HTML 指的是超文本標(biāo)記語言 (Hyper Text Markup Language),標(biāo)記語言是一套標(biāo)記標(biāo)簽 (markup tag),HTML 使用標(biāo)記標(biāo)簽來描述網(wǎng)頁。HTML5區(qū)別于HTML的標(biāo)準(zhǔn),基于全新的規(guī)則手冊,提供了一些新的元素和屬性,在web技術(shù)發(fā)展的過程中成為新的`里程碑。HTML5被推廣用于Web平臺游戲開發(fā),及手機移動領(lǐng)域,從市場來看,無論是桌面應(yīng)用還是移動應(yīng)用,HTML5都是當(dāng)下Web技術(shù)中最炙手可熱的新寵,是創(chuàng)新的主旋律,在不久的時間里一定會大有作為。
二:課程能讓你學(xué)到什么?
從前端開發(fā)的基礎(chǔ)出發(fā),學(xué)習(xí)使用HTML,CSS,JavaScript等一系列前端技術(shù),實現(xiàn)動畫特效。以開發(fā)實例展示為主導(dǎo),循序漸進(jìn)讓學(xué)員掌握HTML5技術(shù)的應(yīng)用。強化學(xué)員基礎(chǔ),尤其是要針對JavaScpript基礎(chǔ)的強化從而掌握HTML5新功能API。
HTML5培訓(xùn)內(nèi)容首先是學(xué)習(xí)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應(yīng)用、canvas和SVG的應(yīng)用、桌面通知、離線應(yīng)用、webGL基礎(chǔ)及應(yīng)用(3D網(wǎng)頁游戲)、WEB前端框架(JQuery mobile、Sencha Touch、PhoneGap)、Cocos2d-HTML游戲引擎等。最后,項目實訓(xùn)。項目實訓(xùn)能夠提高綜合開發(fā)能力。
html5心得體會3
學(xué)習(xí)H5我們不需要過度的關(guān)注細(xì)節(jié),五柳先生的“不求甚解”的態(tài)度就很好,遇到能想起來,用到明白來源,不用作為擴展知識。
其次,H5的設(shè)計起點就是從實用出發(fā)的,也就是說很多特性都是怎么方便就怎么來。所以我們可以關(guān)注我們感興趣的技術(shù),但是開發(fā)的時候還是不要特意的使用H5,能用到而且兼容性也不錯就用,用不到也不要“畫蛇添足”,比如163郵箱就有用到nav標(biāo)簽等,但是如果自己不是很精通H5或者是沒必要重構(gòu)就不要去把一些東西改為H5的,比如編寫JS的時候特意的用WebWorker,這就很不好!除非我們很明確的知道,這就是針對移動端這種基本上全面支持H5的Browser設(shè)計開發(fā)的功能。
最后,H5技術(shù)不復(fù)雜,它從來都不是什么新技術(shù),只是HTML的延續(xù),我認(rèn)為的H5包括如下三點:
(1)改進(jìn)及增強的HTML屬性,新頁面可以嘗試使用。
(2)增強了的JS交互接口:WebWorker、WebStorage、Web DB、Offline Application、Geolocation、Canvas,可以說H5和JS相互增強更上一層,但是還是要小心使用!
(3)CSS3:改進(jìn)增強CSS功能,讓頁面效果更絢麗,開發(fā)更簡單,尤其是“移動先行”的現(xiàn)代互聯(lián)網(wǎng)網(wǎng)頁設(shè)計理念能讓“響應(yīng)式設(shè)計”越來越簡單、流行,甚至出現(xiàn)了很多框架,比如bootstrap。
學(xué)習(xí)方法:
學(xué)習(xí)HTML這類的標(biāo)記語言,我們需要從四個方面入手:
(1)語法:即怎樣的書寫格式是Browser接受和支持的,HTML技術(shù)的語法很簡單,只要注意大小寫在HTML、XHTML、H5中的一些細(xì)節(jié)不同就可以了。
(2)元素:也就是標(biāo)簽,這個就靠經(jīng)驗和記憶了,不求甚解多用就好。但是有一點,系統(tǒng)的學(xué)習(xí)和雜亂記憶的不同點就是:系統(tǒng)的'學(xué)習(xí)會把元素分類。這樣方便記憶、對比和使用,能讓我們盡量減少不必要的錯誤嵌套。一般會把HTML標(biāo)簽分為文檔結(jié)構(gòu)標(biāo)簽、文本格式標(biāo)簽、字符格式標(biāo)簽、列表標(biāo)簽、鏈接標(biāo)簽、表格標(biāo)簽和表單標(biāo)簽這8類,有些標(biāo)簽不實用就不用看了。
(3)屬性:知道每類標(biāo)簽都有什么屬性,一般來說學(xué)習(xí)方法是知道有什么屬性,然后了解下哪些標(biāo)簽不支持這些屬性。其實,除了name、id、class、style外很多元素屬性我們都很少用,涉及到格式的屬性,我們都用CSS來代替了。這也是H5推薦的做法,那些屬性在H5中都被廢棄了,比如background屬性。
(4)其他:其他的東西就是去了解一些額外的知識:歷史背景、關(guān)聯(lián)技術(shù)、深入技術(shù),比如XML、DTD,甚至是Browser對頁面的解析、渲染過程,DOM樹的構(gòu)建、Render Tree的構(gòu)建過程,來幫助我們學(xué)習(xí)、開發(fā)高效頁面!罢n外知識”多了,自然就能做到“他強由他強,清風(fēng)拂山崗”的境界了。
學(xué)習(xí)計算機技術(shù),千萬不能沉迷外家功夫!
html5心得體會4
號是我去培訓(xùn)學(xué)校學(xué)習(xí)的第一天,剛來時什么也不懂也不會,可以這么說完全是零基礎(chǔ)。一天的學(xué)習(xí)下來,自己深受觸動,認(rèn)真聽講,認(rèn)真筆記。一天的學(xué)習(xí)量很多也很充實。于是每天這么度過,一刻也不敢懈怠。漸漸地,我從無知到接觸
揣摩H5,開始老師講的聽不懂,但請教老師同學(xué)后,問題迎刃而解。老師同學(xué)都很親切積極幫助。來的時候老師就說三天學(xué)完基礎(chǔ),第四天就要求能做出頁面。我一聽不敢相信。因為自己零基礎(chǔ),短短四天怎么可能,但是跟著老師一步步下來到第四天,
自己還真能馬馬虎虎做出來頁面。
時光流逝,很快在這里度過了一個月。然而月考即將到來,我忐忑不安。覺得自己第一階段還沒學(xué)好學(xué)扎實就考試了,感嘆時間過得好快,考試的一天,面對筆試題,我笑了,因為我這些日子日以繼夜的背全都會。機試本來我其實是應(yīng)該發(fā)揮的特別好的,但是可惜的是框架搭錯了,除了倆個bug耽誤了一個小時,否則三個頁面我都能夠敲出來,不說滿分九十多分也是妥妥的。在這段時間里我拼命的背筆記,敲頁面練習(xí)。穩(wěn)固扎實。我覺得很好,起碼對得起自己,起碼自己學(xué)到手了。
H5說難也不難,說不難也難,關(guān)鍵看自己有沒有付出,全身心投入。愛不愛好。
H5也很有趣,比如那些動畫,頁面什么的做出來很炫酷。自己都不可思議。下面是我
總結(jié)的部分知識點:
<1>、HTML5的基本結(jié)構(gòu)
文字大。篺ont-size(常用字號 12、14、16、偶數(shù))
常用單位:pc端 px Em pt rem 1em=16px; ; 9pt=12px;
文字字體:font-family
如果是中文需要加引號,由一組英文單詞組成需要加引號,一個英文單詞組
成不需要,如果設(shè)置多個字體用逗號隔開(一般會設(shè)置常用字體:宋體 黑體 微軟雅黑)
文字加粗:font-weight
文字傾斜:font-style
文字的行間距:line-height
可以是具體的`倍數(shù)(不需要加單位)
文字顏色:color
常用六個十六進(jìn)制數(shù) 可以用英文單詞 三原色rab(255,0,0) rgba(255,255,0,
)a代表透明度取值0-1
小寫字母變成小型的大寫字母:font-variant
復(fù)合式寫法:font:style variant weight size/line-height family
<3>、一、h5新增語義化標(biāo)簽
定義頁面的頭部
定義頁面的尾部
定義頁面的導(dǎo)航部分
定義頁面的某個區(qū)域(類似于div劃分版塊功能)
定義頁面的側(cè)邊欄
定義頁面中的一篇文章
對頁面中的一些標(biāo)題進(jìn)行組合
對頁面中的某些元素進(jìn)行組合
定義figure元素的標(biāo)題
定義一個對話框(類似微信)
html5心得體會5
風(fēng)塵仆仆的來到了大連,來參加匯博組織的HTML5培訓(xùn),從HTML5基礎(chǔ)講起,起初并不以為然,想這HTML這個平常上課也經(jīng)常接觸到的東西,但是聽完第一堂課后,后面的越來越濃厚,尤其是講到HTML5的新特性時候,講到canvas畫布時候,突然感覺HTML的功能遠(yuǎn)遠(yuǎn)超出了我的想象,超出了我的預(yù)期,當(dāng)自己做完第一個實例的時候,就想以后一定要把這個充滿未來潛力的東西傳到學(xué)校,學(xué)生一定會感興趣。當(dāng)老師簡單講完CSS和JS時候,然后將HTML5+CSS+JS結(jié)合起來的時候,就感覺這是個強大無比的組合,不次于使用C#在VS平臺上實現(xiàn)的功能。尤其是其在和動畫上的效果,使得頁面可以輕松拋棄Flash的.枷鎖也同樣能夠?qū)崿F(xiàn)強大的動畫效果。
最后一天Intel的老師講到如何將HTML5的APP上傳到不同平臺的應(yīng)用商店時候,這時候就更感到自己學(xué)到的東西有意義了。不像以前單純教學(xué),為了完成教學(xué)任務(wù)而教學(xué),通過應(yīng)用的上傳,可以更加鼓勵學(xué)生的積極性,激發(fā)他們的學(xué)習(xí)動力,嗯,不錯的思路,把這個思路用在教學(xué)上,一定能有所收獲,學(xué)生一定能感興趣。
這次培訓(xùn)對于自己在今后教學(xué)過程中提出了一個新的思路,我們的教學(xué)可以找到學(xué)生的興趣點,像歐美國家環(huán)境那樣能夠激發(fā)出學(xué)生自身的興趣,而這個激發(fā)就需要我們老師和企業(yè)共同想能為學(xué)生由被動學(xué)習(xí)變?yōu)橹鲃蛹ぐl(fā)資深興趣去學(xué)習(xí)。這才是最重要的,才能培養(yǎng)出高質(zhì)量人才?傊,感謝Intel,感謝微軟,感謝匯博給我們提供了這次培訓(xùn),期待下次培訓(xùn)。
html5心得體會6
HTML5在網(wǎng)頁開發(fā)上,賦予網(wǎng)頁更好的意義和結(jié)構(gòu),更加豐富的標(biāo)簽將隨著對RDFa的,微數(shù)據(jù)與微格式等方面的支持,構(gòu)建對程序、對用戶都更 有價值的數(shù)據(jù)驅(qū)動的Web。北京恒泰博遠(yuǎn)軟件開發(fā)公司對HTML5的解釋是,為開發(fā)者提供了一個跨平臺的移動apps開發(fā)方案,并且該方案具有很好的擴展 性和靈活性。
由目前it行業(yè)使用html5 開發(fā)app來看,如今國內(nèi)使用html5開發(fā)app應(yīng)用技術(shù)尚有欠缺,因為在手機開發(fā)app上,html5應(yīng)用只有兩種方法,要不就是全使用HTML5的語法,要不就是僅使用JavaScript引擎。
JavaScript引擎的構(gòu)建方法讓制作手機網(wǎng)頁游戲成為可能。由于界面層很復(fù)雜,已預(yù)訂了一個UI工具包去使用。
純HTML5手機應(yīng)用運行緩慢并錯漏百出,但優(yōu)化后的效果會好轉(zhuǎn)。盡管不是很多人愿意去做這樣的優(yōu)化,但依然可以去嘗試。
HTML5手機應(yīng)用的最大優(yōu)勢就是可以在網(wǎng)頁上直接調(diào)試和修改。原生應(yīng)用的開發(fā)人員可能需要花費非常大的力氣才能達(dá)到HTML5的效果,不斷地重復(fù)編碼、調(diào)試和運行,這是首先得解決的一個問題。
即使這樣,我們還是很看好html5 app開發(fā),原因有一下幾點。
一、是基于html5強大的兼容性,因為HTML5提供了前所未有的數(shù)據(jù)與應(yīng)用接入開放接口,使外部應(yīng)用可以直接與瀏覽器內(nèi)部的數(shù)據(jù)直接相連, 例如視頻影音可直接與microphones及攝像頭相聯(lián),就因為這種強大的兼容性,使得在當(dāng)下開發(fā)界是如此的火,同樣也是因為這強大的兼容性,使得手機 應(yīng)用軟件,app更適合,也更方便。所以更適合手機app軟件開發(fā),正好補充了手機小巧的不足。
二、html5 app開發(fā)支持的手機系統(tǒng)有android、ios。
三、html5其突出的特點就是強化了web頁的.表現(xiàn)性,追加了本地數(shù)據(jù)庫,可以用作離線應(yīng)用的開發(fā),離線應(yīng)用就是把需要的資源先緩存到本地,下次再查看時無需聯(lián)網(wǎng)。
四、html5 app開發(fā),能提供更快、更簡便的服務(wù),代碼可高度重用,服務(wù)發(fā)布方便。
五、動畫、游戲動態(tài)效果,定位等很多app應(yīng)用正在崛起,而html5技術(shù)的強大優(yōu)勢就是這種讓我們驚嘆的效果。而未來采用html5開發(fā)app的,將會大量減少代碼量,應(yīng)用軟件也會得到更高的用戶體驗,更好的視覺效果。
html5心得體會7
學(xué)習(xí)H5我們不需要過度的關(guān)注細(xì)節(jié),五柳先生的“不求甚解”的態(tài)度就很好,遇到能想起來,用到明白來源,不用作為擴展知識。
其次,H5的設(shè)計起點就是從實用出發(fā)的,也就是說很多特性都是怎么方便就怎么來。所以我們可以關(guān)注我們感興趣的技術(shù),但是開發(fā)的時候還是不要特意的使用H5,能用到而且兼容性也不錯就用,用不到也不要“畫蛇添足”,比如163郵箱就有用到nav標(biāo)簽等,但是如果自己不是很精通H5或者是沒必要重構(gòu)就不要去把一些東西改為H5的,比如編寫JS的時候特意的用WebWorker,這就很不好!除非我們很明確的知道,這就是針對移動端這種基本上全面支持H5的Browser設(shè)計開發(fā)的功能。
最后,H5技術(shù)不復(fù)雜,它從來都不是什么新技術(shù),只是HTML的延續(xù),我認(rèn)為的H5包括如下三點:
(1)改進(jìn)及增強的HTML屬性,新頁面可以嘗試使用。
(2)增強了的JS交互接口:WebWorker、WebStorage、Web DB、Offline Application、Geolocation、Canvas,可以說H5和JS相互增強更上一層,但是還是要小心使用!
(3)CSS3:改進(jìn)增強CSS功能,讓頁面效果更絢麗,開發(fā)更簡單,尤其是“移動先行”的`現(xiàn)代互聯(lián)網(wǎng)理念能讓“響應(yīng)式設(shè)計”越來越簡單、流行,甚至出現(xiàn)了很多框架,比如bootstrap。
。
學(xué)習(xí)HTML這類的標(biāo)記語言,我們需要從四個方面入手:
(1)語法:即怎樣的書寫格式是Browser接受和支持的,HTML技術(shù)的語法很簡單,只要注意大小寫在HTML、XHTML、H5中的一些細(xì)節(jié)不同就可以了。
(2)元素:也就是標(biāo)簽,這個就靠和記憶了,不求甚解多用就好。但是有一點,系統(tǒng)的學(xué)習(xí)和雜亂記憶的不同點就是:系統(tǒng)的學(xué)習(xí)會把元素分類。這樣方便記憶、對比和使用,能讓我們盡量減少不必要的錯誤嵌套。一般會把HTML標(biāo)簽分為文檔結(jié)構(gòu)標(biāo)簽、文本格式標(biāo)簽、字符格式標(biāo)簽、列表標(biāo)簽、鏈接標(biāo)簽、表格標(biāo)簽和表單標(biāo)簽這8類,有些標(biāo)簽不實用就不用看了。
(3)屬性:知道每類標(biāo)簽都有什么屬性,一般來說學(xué)習(xí)方法是知道有什么屬性,然后了解下哪些標(biāo)簽不支持這些屬性。其實,除了name、id、class、style外很多元素屬性我們都很少用,涉及到格式的屬性,我們都用CSS來代替了。這也是H5推薦的做法,那些屬性在H5中都被廢棄了,比如background屬性。
(4)其他:其他的東西就是去了解一些額外的知識:背景、關(guān)聯(lián)技術(shù)、深入技術(shù),比如XML、DTD,甚至是Browser對頁面的解析、渲染過程,DOM樹的構(gòu)建、Render Tree的構(gòu)建過程,來幫助我們學(xué)習(xí)、開發(fā)高效頁面!罢n外知識”多了,就能做到“他強由他強,清風(fēng)拂山崗”的境界了。
學(xué)習(xí)技術(shù),千萬不能沉迷外家功夫!
html5心得體會8
關(guān)于html5培訓(xùn)心得總結(jié)??
一:了解HTML5前端開發(fā)技術(shù)? ??
HTML?指的是超文本標(biāo)記語言?(Hyper?Text?Markup?Language),標(biāo)記語言是一套標(biāo)記標(biāo)簽?(markup?tag),HTML?使用標(biāo)記標(biāo)簽來描述網(wǎng)頁。HTML5區(qū)別于HTML的標(biāo)準(zhǔn),基于全新的規(guī)則手冊,提供了一些新的元素和屬性,在web技術(shù)發(fā)展的過程中成為新的里程碑。HTML5被推廣用于Web平臺游戲開發(fā),及手機移動領(lǐng)域,從市場來看,無論是桌面應(yīng)用還是移動應(yīng)用,HTML5都是當(dāng)下Web技術(shù)中最炙手可熱的新寵,是創(chuàng)新的主旋律,在不久的時間里一定會大有作為。
二:課程能讓你學(xué)到什么? ??
從前端開發(fā)的基礎(chǔ)出發(fā),學(xué)習(xí)使用HTML,CSS,JavaScript等一系列前端技術(shù),實現(xiàn)動畫特效。以開發(fā)實例展示為主導(dǎo),循序漸進(jìn)讓學(xué)員掌握HTML5技術(shù)的應(yīng)用。強化學(xué)員基礎(chǔ),尤其是要針對JavaScpript基礎(chǔ)的'強化從而掌握HTML5新功能API。?
HTML5培訓(xùn)內(nèi)容首先是學(xué)習(xí)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應(yīng)用、canvas和SVG的應(yīng)用、桌面通知、離線應(yīng)用、webGL基礎(chǔ)及應(yīng)用(3D網(wǎng)頁游戲)、WEB前端框架(JQuery?mobile、Sencha?Touch、PhoneGap)、Cocos2d-HTML游戲引擎等。最后,項目實訓(xùn)。項目實訓(xùn)能夠提高綜合開發(fā)能力。
【html5心得體會】相關(guān)文章:
HTML5培訓(xùn)心得體會03-09
HTML5前端開發(fā)工程師的職責(zé)通用12-13
HTML5前端開發(fā)工程師的工作職責(zé)03-05
HTML5開發(fā)工程師工作的職責(zé)(優(yōu)選)07-16
HTML5開發(fā)工程師工作的崗位職責(zé)11-07