html5學(xué)習(xí)精選5篇案例

HTML5是構(gòu)建Web內(nèi)容的一種語(yǔ)言描述方式。HTML5是互聯(lián)網(wǎng)的下一代標(biāo)準(zhǔn)，是構(gòu)建以及呈現(xiàn)互聯(lián)網(wǎng)內(nèi)容的一種語(yǔ)言方式.被認(rèn)為是互聯(lián)網(wǎng)的核心技術(shù)之一。下面給大家?guī)?lái)一些關(guān)于html5的學(xué)習(xí)心得，希望對(duì)大家有所幫助。

html5學(xué)習(xí)心得1

一：了解HTML5前端開(kāi)發(fā)技術(shù)

HTML 指的是超文本標(biāo)記語(yǔ)言 (Hyper Text Markup Language)，標(biāo)記語(yǔ)言是一套標(biāo)記標(biāo)簽 (markup tag)，HTML 使用標(biāo)記標(biāo)簽來(lái)描述網(wǎng)頁(yè)。HTML5區(qū)別于HTML的標(biāo)準(zhǔn)，基于全新的規(guī)則手冊(cè)，提供了一些新的元素和屬性，在web技術(shù)發(fā)展的過(guò)程中成為新的里程碑。HTML5被推廣用于Web平臺(tái)游戲開(kāi)發(fā)，及手機(jī)移動(dòng)領(lǐng)域，從市場(chǎng)來(lái)看，無(wú)論是桌面應(yīng)用還是移動(dòng)應(yīng)用，HTML5都是當(dāng)下Web技術(shù)中最炙手可熱的新寵，是創(chuàng)新的主旋律，在不久的時(shí)間里一定會(huì)大有作為。

二：課程能讓你學(xué)到什么

從前端開(kāi)發(fā)的基礎(chǔ)出發(fā)，學(xué)習(xí)使用HTML，CSS，JavaScript等一系列前端技術(shù)，實(shí)現(xiàn)動(dòng)畫特效。以開(kāi)發(fā)實(shí)例展示為主導(dǎo)，循序漸進(jìn)讓學(xué)員掌握HTML5技術(shù)的應(yīng)用。強(qiáng)化學(xué)員基礎(chǔ)，尤其是要針對(duì)JavaScpript基礎(chǔ)的強(qiáng)化從而掌握HTML5新功能API。

HTML5培訓(xùn)內(nèi)容首先是學(xué)習(xí)HTML5文檔結(jié)構(gòu)和基礎(chǔ)語(yǔ)法，了解HTML5新特性，CSS3基礎(chǔ)語(yǔ)法和布局樣式，圖形圖像軟件使用等。移動(dòng)前端的交互JavaScript編程基礎(chǔ)、JavaScript交互編程實(shí)戰(zhàn)、JavaScript異步操作基礎(chǔ)、Ajax、JQuery、AngularJS使用方法。移動(dòng)前段綜合開(kāi)發(fā);主要集中在H5+C3+jQ Mobile，基于HTML5的移動(dòng)網(wǎng)頁(yè)布局、移動(dòng)網(wǎng)頁(yè)界面樣式(CSS3)、HTML5本地存儲(chǔ)API、Geolocation地理定位、智能表單、Video、Audio應(yīng)用、canvas和SVG的應(yīng)用、桌面通知、離線應(yīng)用、webGL基礎(chǔ)及應(yīng)用(3D網(wǎng)頁(yè)游戲)、WEB前端框架(JQuery mobile、Sencha Touch、PhoneGap)、Cocos2d-HTML游戲引擎等。最后，項(xiàng)目實(shí)訓(xùn)。項(xiàng)目實(shí)訓(xùn)能夠提高綜合開(kāi)發(fā)能力。

html5學(xué)習(xí)心得2

首先，我想表達(dá)一下目前對(duì)于選擇來(lái)到重慶html5學(xué)習(xí)后內(nèi)心的感想，我完全不后悔來(lái)到千鋒，同時(shí)也覺(jué)得幸運(yùn)。之前在學(xué)校我對(duì)待學(xué)習(xí)就是一種佛系的態(tài)度，說(shuō)白了就是好吃懶做。這樣的生活習(xí)慣在千鋒這種學(xué)習(xí)氛圍下是不存在的，因?yàn)橛辛四康男?，完全沒(méi)有了以前那種關(guān)于學(xué)習(xí)無(wú)所謂的想法。來(lái)這里，就是為了學(xué)到技術(shù)，找到一份高薪工作。

時(shí)間過(guò)得很快，HTML5學(xué)習(xí)已經(jīng)到第二周了，經(jīng)過(guò)上一周HTML5礎(chǔ)的學(xué)習(xí)，我學(xué)習(xí)了一些更進(jìn)階的東西。比如盒模型的概念，元素的類型，定位和錨點(diǎn)的應(yīng)用，圖片的整合和寬高自適應(yīng)還有上周的高度塌陷問(wèn)題的解決方法等等。

這周學(xué)習(xí)的內(nèi)容相比較上周的更需要理解一些，要多應(yīng)用才能理解并自己寫出來(lái)。比如元素的類型，各種元素之間的轉(zhuǎn)換，要對(duì)元素的類型都理解了才能運(yùn)用自如，每種元素類型都有自己的特性。首先我們要背誦這些知識(shí)點(diǎn)，然后自己動(dòng)手寫一些頁(yè)面應(yīng)用，還有一些平時(shí)寫頁(yè)面會(huì)遇到的問(wèn)題和知識(shí)點(diǎn)，都需要去慢慢掌握。

這周的知識(shí)相比上周難了一些，也需要更多的練習(xí)，隨著學(xué)習(xí)的深入需要掌握的東西越來(lái)越多，不能學(xué)了這個(gè)忘了前面的，要及時(shí)復(fù)習(xí)，學(xué)習(xí)現(xiàn)在的并鞏固以前學(xué)的。我現(xiàn)在需要多總結(jié)，把難點(diǎn)和重點(diǎn)多看看，把不熟練的地方多練練，爭(zhēng)取都能掌握，并提高寫頁(yè)面的準(zhǔn)確性和速度。

成功沒(méi)有捷徑，只有付出了汗水才能體驗(yàn)到成功那一刻的喜悅，我很慶幸我的選擇和我現(xiàn)在付出的努力，我想經(jīng)過(guò)幾個(gè)月的學(xué)習(xí)之后我可以達(dá)到我想要的效果，在這里不僅僅學(xué)到了技術(shù)，也認(rèn)識(shí)了一群志同道合和的同學(xué)，大家每天互相督促，共同學(xué)習(xí)，一起進(jìn)步，每一天都有成長(zhǎng)，在這里收獲了很多，也希望接下來(lái)繼續(xù)努力，保持好學(xué)習(xí)熱情和認(rèn)真的態(tài)度。

最后，送上我喜歡的一句話：天底下沒(méi)有誰(shuí)是理所當(dāng)然的程序員或者天生的高手，沒(méi)有這樣的道理，我們好不容易來(lái)到這世上走一遭，有些時(shí)候，該努力時(shí)候就該努力。

html5學(xué)習(xí)心得3

html5實(shí)訓(xùn)心得體會(huì)

由目前it行業(yè)使用html5開(kāi)發(fā)app來(lái)看，如今國(guó)內(nèi)使用html5開(kāi)發(fā)app應(yīng)用技術(shù)尚有欠缺，以下內(nèi)容是__為您精心整理的html5實(shí)訓(xùn)心得體會(huì)，歡迎參考!

html5實(shí)訓(xùn)心得體會(huì)　　HTML5在網(wǎng)頁(yè)開(kāi)發(fā)上，賦予網(wǎng)頁(yè)更好的意義和結(jié)構(gòu)，更加豐富的標(biāo)簽將隨著對(duì)RDFa的，微數(shù)據(jù)與微格式等方面的支持，構(gòu)建對(duì)程序、對(duì)用戶都更 有價(jià)值的數(shù)據(jù)驅(qū)動(dòng)的Web。北京恒泰博遠(yuǎn)軟件開(kāi)發(fā)公司對(duì)HTML5的解釋是，為開(kāi)發(fā)者提供了一個(gè)跨平臺(tái)的移動(dòng)apps開(kāi)發(fā)方案，并且該方案具有很好的擴(kuò)展 性和靈活性。

由目前it行業(yè)使用html5開(kāi)發(fā)app來(lái)看，如今國(guó)內(nèi)使用html5開(kāi)發(fā)app應(yīng)用技術(shù)尚有欠缺，因?yàn)樵谑謾C(jī)開(kāi)發(fā)app上，html5應(yīng)用只有兩種方法，要不就是全使用HTML5的語(yǔ)法，要不就是僅使用JavaScript引擎。

JavaScript引擎的構(gòu)建方法讓制作手機(jī)網(wǎng)頁(yè)游戲成為可能。由于界面層很復(fù)雜，已預(yù)訂了一個(gè)UI工具包去使用。

純HTML5手機(jī)應(yīng)用運(yùn)行緩慢并錯(cuò)漏百出，但優(yōu)化后的效果會(huì)好轉(zhuǎn)。盡管不是很多人愿意去做這樣的優(yōu)化，但依然可以去嘗試。

HTML5手機(jī)應(yīng)用的最大優(yōu)勢(shì)就是可以在網(wǎng)頁(yè)上直接調(diào)試和修改。原生應(yīng)用的開(kāi)發(fā)人員可能需要花費(fèi)非常大的力氣才能達(dá)到HTML5的效果，不斷地重復(fù)編碼、調(diào)試和運(yùn)行，這是首先得解決的一個(gè)問(wèn)題。

html5實(shí)訓(xùn)心得體會(huì)　　學(xué)習(xí)H5我們不需要過(guò)度的關(guān)注細(xì)節(jié)，五柳先生的“不求甚解”的態(tài)度就很好，遇到能想起來(lái)，用到明白來(lái)源，不用作為擴(kuò)展知識(shí)。

其次，H5的設(shè)計(jì)起點(diǎn)就是從實(shí)用出發(fā)的，也就是說(shuō)很多特性都是怎么方便就怎么來(lái)。所以我們可以關(guān)注我們感興趣的技術(shù)，但是開(kāi)發(fā)的時(shí)候還是不要特意的使用H5，能用到而且兼容性也不錯(cuò)就用，用不到也不要“畫蛇添足”，比如163郵箱就有用到nav標(biāo)簽等，但是如果自己不是很精通H5或者是沒(méi)必要重構(gòu)就不要去把一些東西改為H5的，比如編寫JS的時(shí)候特意的用WebWorker，這就很不好!除非我們很明確的知道，這就是針對(duì)移動(dòng)端這種基本上全面支持H5的Browser設(shè)計(jì)開(kāi)發(fā)的功能。

最后，H5技術(shù)不復(fù)雜，它從來(lái)都不是什么新技術(shù)，只是HTML的延續(xù)，我認(rèn)為的H5包括如下三點(diǎn)：

(1)改進(jìn)及增強(qiáng)的HTML屬性，新頁(yè)面可以嘗試使用。

(2)增強(qiáng)了的JS交互接口：WebWorker、WebStorage、Web DB、Offline Application、Geolocation、Canvas，可以說(shuō)H5和JS相互增強(qiáng)更上一層，但是還是要小心使用!

(3)CSS3：改進(jìn)增強(qiáng)CSS功能，讓頁(yè)面效果更絢麗，開(kāi)發(fā)更簡(jiǎn)單，尤其是“移動(dòng)先行”的現(xiàn)代互聯(lián)網(wǎng)網(wǎng)頁(yè)設(shè)計(jì)理念能讓“響應(yīng)式設(shè)計(jì)”越來(lái)越簡(jiǎn)單、流行，甚至出現(xiàn)了很多框架，比如bootstrap。

學(xué)習(xí)方法：

學(xué)習(xí)HTML這類的標(biāo)記語(yǔ)言，我們需要從四個(gè)方面入手：

(1)語(yǔ)法：即怎樣的書寫格式是Browser接受和支持的，HTML技術(shù)的語(yǔ)法很簡(jiǎn)單，只要注意大小寫在HTML、XHTML、H5中的一些細(xì)節(jié)不同就可以了。

(2)元素：也就是標(biāo)簽，這個(gè)就靠經(jīng)驗(yàn)和記憶了，不求甚解多用就好。但是有一點(diǎn)，系統(tǒng)的學(xué)習(xí)和雜亂記憶的不同點(diǎn)就是：系統(tǒng)的學(xué)習(xí)會(huì)把元素分類。這樣方便記憶、對(duì)比和使用，能讓我們盡量減少不必要的錯(cuò)誤嵌套。一般會(huì)把HTML標(biāo)簽分為文檔結(jié)構(gòu)標(biāo)簽、文本格式標(biāo)簽、字符格式標(biāo)簽、列表標(biāo)簽、鏈接標(biāo)簽、表格標(biāo)簽和表單標(biāo)簽這8類，有些標(biāo)簽不實(shí)用就不用看了。

(3)屬性：知道每類標(biāo)簽都有什么屬性，一般來(lái)說(shuō)學(xué)習(xí)方法是知道有什么屬性，然后了解下哪些標(biāo)簽不支持這些屬性。其實(shí)，除了name、id、class、style外很多元素屬性我們都很少用，涉及到格式的屬性，我們都用CSS來(lái)代替了。這也是H5推薦的做法，那些屬性在H5中都被廢棄了，比如background屬性。

(4)其他：其他的東西就是去了解一些額外的知識(shí)：歷史背景、關(guān)聯(lián)技術(shù)、深入技術(shù)，比如XML、DTD，甚至是Browser對(duì)頁(yè)面的解析、渲染過(guò)程，DOM樹(shù)的構(gòu)建、Render Tree的構(gòu)建過(guò)程，來(lái)幫助我們學(xué)習(xí)、開(kāi)發(fā)高效頁(yè)面。“課外知識(shí)”多了，自然就能做到“他強(qiáng)由他強(qiáng)，清風(fēng)拂山崗”的境界了。

學(xué)習(xí)計(jì)算機(jī)技術(shù)，千萬(wàn)不能沉迷外家功夫!

html5學(xué)習(xí)心得4

篇一：html5實(shí)習(xí)心得體會(huì)

21世紀(jì)的時(shí)期，中國(guó)的網(wǎng)絡(luò)正在實(shí)飛猛進(jìn)，大多的企業(yè)都是通過(guò)建立網(wǎng)站來(lái)進(jìn)入企業(yè)宣傳，通過(guò)企業(yè)網(wǎng)站來(lái)打廣告，宣傳產(chǎn)品、品牌推廣，促進(jìn)銷售等 方法來(lái)實(shí)現(xiàn)企業(yè)營(yíng)利的目的。所以，中國(guó)的互聯(lián)網(wǎng)在中國(guó)的近幾年來(lái)，有了非常大的發(fā)展空間，如“網(wǎng)上商店”“網(wǎng)上服務(wù)”“網(wǎng)絡(luò)資源”非常的流行。所以網(wǎng)頁(yè)設(shè)計(jì)師中一個(gè)緊缺的人才。對(duì)一個(gè)企業(yè)來(lái)說(shuō)，做好一個(gè)網(wǎng)站是必不可少的。我們現(xiàn)在做為電子商務(wù)專業(yè)的，我們的最終目標(biāo)是針對(duì)全球這個(gè)大的市場(chǎng)，還有這個(gè)網(wǎng)絡(luò)市場(chǎng)。作為一個(gè)企業(yè)的管理者，應(yīng)當(dāng)為自己設(shè)計(jì)一個(gè)能夠促進(jìn)銷而且能夠代表我們企業(yè)的形象、宣傳我們企業(yè)最新出來(lái)的產(chǎn)品的這么一個(gè)網(wǎng)站。

我們學(xué)了一個(gè)學(xué)期的網(wǎng)頁(yè)設(shè)計(jì)，這周我們開(kāi)始實(shí)踐我們專用的計(jì)劃如下：

第一天：網(wǎng)頁(yè)設(shè)計(jì)與布局。網(wǎng)頁(yè)的題材自己定，可以任選。

第二天：準(zhǔn)備材料。建立站點(diǎn)，將所有的題材放到自己所建立好的站點(diǎn)里去，以便在做的可以更方便、快捷的應(yīng)用到網(wǎng)頁(yè)中，提高速率。

第三天：將所在準(zhǔn)備的材料一起聯(lián)接起來(lái)，放到自己的所設(shè)計(jì)的布局結(jié)構(gòu)中。再做二級(jí)網(wǎng)頁(yè)，建立超鏈接，把一級(jí)和二級(jí)網(wǎng)頁(yè)連接起來(lái)。

第四天：將所做的網(wǎng)頁(yè)進(jìn)行整理、調(diào)試、發(fā)布。在網(wǎng)站上申請(qǐng)一個(gè)空間，將自己做的網(wǎng)頁(yè)傳到網(wǎng)上去。

第五天：寫實(shí)習(xí)報(bào)告。將寫好的實(shí)習(xí)報(bào)告打成電子文檔，傳到老師處，審查。

網(wǎng)頁(yè)的布局：

網(wǎng)頁(yè)的布局指的是網(wǎng)頁(yè)的整體架構(gòu)，也就是排版。在一個(gè)被別人打開(kāi)網(wǎng)頁(yè)之后，如何才能突出我們網(wǎng)站里面最重要的內(nèi)容，即讓用戶第一眼就看到這個(gè)網(wǎng)頁(yè)所想要傳達(dá)的信息和內(nèi)容。這首先就要從網(wǎng)頁(yè)布局做起. 我覺(jué)得網(wǎng)頁(yè)布局應(yīng)當(dāng)注意以下幾點(diǎn)：1、整個(gè)網(wǎng)頁(yè)的長(zhǎng)和寬的比例，2、導(dǎo)航條的設(shè)置，3、正文的框架結(jié)構(gòu)。我的這個(gè)上網(wǎng)頁(yè)中，我的大體布局就是“F“型的。從我的首頁(yè)上看上去雖然有點(diǎn)亂的感覺(jué)，但整個(gè)的布局是清楚的，亂而有型。在大多數(shù)企業(yè)網(wǎng)站中的布局都是大同小異，但是它們做出來(lái)的效果顯得非常的完美，所也是他們企業(yè)的成功之處所在。因此，一個(gè)網(wǎng)頁(yè)布局是一個(gè)非常重要的一個(gè)工作。

網(wǎng)頁(yè)的設(shè)計(jì)：

網(wǎng)頁(yè)的設(shè)計(jì)不僅需要學(xué)好網(wǎng)頁(yè)設(shè)計(jì)軟件的方法，還需要和其它的軟件一起使用，如動(dòng)畫設(shè)計(jì)軟件，靜態(tài)圖像處理軟件，等等。所以學(xué)習(xí)起來(lái)的確有點(diǎn)困難，所以需要有有點(diǎn)耐心去學(xué)習(xí)，不要是因?yàn)橐粫r(shí)的好奇而去做網(wǎng)站，那肯定是不得行的。當(dāng)我們遇到問(wèn)題的時(shí)候要總要想著自己去面對(duì)解決，不要掉入技術(shù)的陷阱，如果你的網(wǎng)頁(yè)設(shè)計(jì)技術(shù)一流，并且對(duì)軟件的掌握程度已經(jīng)達(dá)到一定水平，但是你設(shè)計(jì)的網(wǎng)頁(yè)確不堪目睹，這是因?yàn)榫W(wǎng)頁(yè)設(shè)計(jì)是介于平面設(shè)計(jì)和編程技術(shù)兩者之間的邊緣科學(xué).不僅涉及到美學(xué),心理學(xué),平面構(gòu)成,色彩搭配等平面設(shè)計(jì)的方面的知識(shí),還涉及到html,javascript,css,asp,php等編程語(yǔ)言技術(shù)方面的知識(shí).只有綜合運(yùn)用多種知識(shí),才能設(shè)計(jì)出視聽(tīng)特效,動(dòng)感十足,富于個(gè)性的web頁(yè)面,才能全面展現(xiàn)互聯(lián)網(wǎng)這一新型媒體的獨(dú)特魅力和多維空間的超強(qiáng)功能。

網(wǎng)頁(yè)的整個(gè)形象：

在一個(gè)網(wǎng)頁(yè)做成之后，就要去找開(kāi)看下網(wǎng)站的整個(gè)效果。首先是給視覺(jué)效果人視覺(jué)效果的，而在視覺(jué)效果中又最注重是顏色的，所以色彩的配合是必不可少的知識(shí)。在調(diào)整好之后，到網(wǎng)上去申請(qǐng)一個(gè)空間，傳到網(wǎng)上去，看下效果。

總結(jié)：

從我不知從何下手做網(wǎng)頁(yè)時(shí)到現(xiàn)在學(xué)習(xí)了一學(xué)期和這個(gè)專用周結(jié)束，總算有一個(gè)大體的方向和設(shè)置的格式了。我一開(kāi)始對(duì)什么網(wǎng)頁(yè)的布局和設(shè)置啊，什么都著落，對(duì)于一個(gè)好的網(wǎng)站的是如何做出來(lái)的和它所應(yīng)用的方法都大概有一個(gè)認(rèn)識(shí)。比如說(shuō)那些動(dòng)畫、流動(dòng)的窗口和按鈕、彈出圖片等等一些廣告、視屏之類的。在我們的課本中沒(méi)有多少的代碼，只有文字性的操作步驟。還有那些什么JAVA代碼一個(gè)都沒(méi)有。然而在我們制作過(guò)程中，我們很多的時(shí)候都需要使用那些JAVA代碼，我們又不知道，只有到網(wǎng)上去找。但是這并不是一件壞事。我們還可以學(xué)到很多東西，這也是我們所需要的。我覺(jué)得我現(xiàn)在做出的網(wǎng)頁(yè)雖然不是很好，但是通過(guò)了這一周的實(shí)習(xí)，我收獲也是不少啊!

篇二：html5實(shí)習(xí)心得體會(huì)

回顧這一個(gè)月來(lái)的實(shí)習(xí)生活是一件很值得紀(jì)念的事，這是我第一次在外實(shí)習(xí)，第一次在網(wǎng)上投簡(jiǎn)歷能收到回復(fù)。對(duì)于我們這樣的藝術(shù)設(shè)計(jì)學(xué)生，我深刻的體會(huì)到單單是學(xué)校教的遠(yuǎn)遠(yuǎn)不夠，學(xué)校教的很籠統(tǒng)，很抽象，很大概，如果可以，我希望這個(gè)專業(yè)的師弟師妹們，有空多多到圖書館充實(shí)自己，靜下心來(lái)充分自學(xué)。在外實(shí)習(xí)前，第一件事是把自己賣出去，包裝自己，所以簡(jiǎn)歷很重要，務(wù)必屬實(shí)，因?yàn)槟阌卸嗌賰芍兀喨藷o(wú)數(shù)的人事主管和老板在面試的交談中很快就能從你各方面行為和語(yǔ)言中找到答案。既然要面試，衣服當(dāng)然要穿正裝，其實(shí)我也想的只是大二實(shí)習(xí)期沒(méi)有大三的三個(gè)月那么長(zhǎng)，就那么一個(gè)月。這樣短期的工作其實(shí)根本沒(méi)有什么公司愿意招聘，所以我感覺(jué)到萬(wàn)分榮幸能夠進(jìn)到這一支專業(yè)的創(chuàng)業(yè)團(tuán)隊(duì)，真的是一件了不起的事，而且這個(gè)崗位與我學(xué)習(xí)的和自己喜愛(ài)的科目對(duì)的很準(zhǔn)，我自己也十分樂(lè)于這份工作。

記得剛開(kāi)始的一個(gè)多星期，公司并沒(méi)有讓我馬上投入工作，因?yàn)楫?dāng)時(shí)對(duì)產(chǎn)品了解不熟悉，要從學(xué)校的圈子走出來(lái)到商業(yè)模式去還是有點(diǎn)顧慮，但是當(dāng)你接觸到這商業(yè)化的東西，你會(huì)發(fā)現(xiàn)，學(xué)校的東西遠(yuǎn)遠(yuǎn)不足。所以一般公司會(huì)進(jìn)行些培訓(xùn)，很感激william楊，他提供了很多設(shè)計(jì)的書籍給我自學(xué)閱讀，可惜在我深刻讀完《瞬間之美--web界面設(shè)計(jì)如果讓用戶心動(dòng)》(點(diǎn)擊跳到本人的讀書筆記)一書后，就再也很難抽取一點(diǎn)時(shí)間來(lái)閱讀了。

在接下來(lái)的這個(gè)月里，除了必要的培訓(xùn)以熟悉公司及其產(chǎn)品知識(shí)外，我也開(kāi)始忙碌起來(lái)，因?yàn)楫a(chǎn)品的第一個(gè)內(nèi)部版本需要再X月X日這個(gè)好日子發(fā)布。剛開(kāi)始的兩個(gè)星期，因?yàn)閷?duì)產(chǎn)品并不熟悉，一直以來(lái)在學(xué)校設(shè)計(jì)的作品都很“學(xué)?！钡巧虡I(yè)設(shè)計(jì)比較少，出頭設(shè)計(jì)的時(shí)候真的抓破頭腦，因?yàn)榱?xí)慣了學(xué)校的生活，習(xí)慣了客戶給要求按照客戶的想法去做。至于什么叫很學(xué)校呢，就是一種填鴨式的，根據(jù)參考去模仿設(shè)計(jì)，然而在社會(huì)上涉及很多版權(quán)問(wèn)題，所以商業(yè)上的設(shè)計(jì)基本上都是原創(chuàng)或者參考過(guò)后進(jìn)行大幅度的提高審美設(shè)計(jì)，其次因?yàn)樯婕吧虡I(yè)利益，在商業(yè)的角度上，商業(yè)的資金來(lái)源是客戶，所以他們的需求來(lái)源于客戶，注重用戶感受的設(shè)計(jì)，是一個(gè)好設(shè)計(jì)。其實(shí)設(shè)計(jì)是件看起來(lái)簡(jiǎn)單，但是操作起來(lái)卻感覺(jué)很漫長(zhǎng)的一件事情，每一個(gè)細(xì)節(jié)自己不斷的琢磨推敲，自己就會(huì)讓工作時(shí)間變長(zhǎng)，效率變低，卻又希望哪天能像那些設(shè)計(jì)家門隨心所欲的設(shè)計(jì)出自己喜歡，人們喜歡，客戶滿意的東西。設(shè)計(jì)來(lái)源與生活，應(yīng)用于生活，我還需要多多積累。

X月X日這個(gè)內(nèi)部版本中，我主要的工作就是設(shè)計(jì)界面，然后photoshop切圖，然后繼續(xù)傻傻的使用習(xí)慣的notepad2++手寫html和css。經(jīng)歷這樣的蠢事之后，我決定還是回到dreamweaver的懷抱，因?yàn)楫吘怪R(shí)不夠強(qiáng)，在兼容性方面還需要有dreamweaver來(lái)實(shí)時(shí)的告訴我，以提高我的工作效率。期間william楊還多次與我熟悉，很感激他們都關(guān)心我，提醒我應(yīng)該有自己的就業(yè)方向，3年5年__年的計(jì)劃，說(shuō)長(zhǎng)不長(zhǎng)說(shuō)短不短的大學(xué)2年已經(jīng)過(guò)去了。我應(yīng)該有怎樣的人生，我有想過(guò)，但卻還沒(méi)如此認(rèn)真的付出著。我想起老板那句，你喜歡設(shè)計(jì)?你覺(jué)得設(shè)計(jì)適合你嗎?我真的很需要考慮我的以后，但目前設(shè)計(jì)還是我喜歡的事情，我也愿意身心的投入到其中，有時(shí)候可以不必得到回報(bào)，只是為了滿足我小小的心靈。

當(dāng)X月X日一過(guò)，為慶祝產(chǎn)品大賣，公司還組織爬山活動(dòng)，然而平常我們?cè)谏钌街行蒺B(yǎng)學(xué)習(xí)的多，爬山的少。爬山是鍛煉毅力的一種好方法，工作之余不能忘了生活，忘了自然。這次高強(qiáng)度的爬山活動(dòng)從下午3點(diǎn)一直爬到了晚上10點(diǎn)多才下到山腳，經(jīng)歷的時(shí)間之長(zhǎng)，讓我感受到一個(gè)人在公司里，不僅要有強(qiáng)硬的專業(yè)知識(shí)，還需要強(qiáng)壯的身體支撐來(lái)效益公司，而下山mk的那段話，真的讓我感受到他們很關(guān)心我，因?yàn)楫吘顾麄兌际沁^(guò)來(lái)人，謝謝他們的指導(dǎo)。

產(chǎn)品的初步版本確定之后，就要開(kāi)始慢慢的改進(jìn)了。william作為產(chǎn)品經(jīng)理，不僅要領(lǐng)導(dǎo)著整個(gè)團(tuán)隊(duì)，還要協(xié)調(diào)工作的進(jìn)度。他會(huì)制作出甘特圖，通知每個(gè)人需要做什么事情，大概需要多長(zhǎng)時(shí)間來(lái)完成。在其中，我會(huì)不時(shí)的停滯，因?yàn)槟承┬ug會(huì)導(dǎo)致我去轉(zhuǎn)牛角尖，而這樣會(huì)導(dǎo)致拖慢整個(gè)進(jìn)度，然而在這個(gè)環(huán)節(jié)，我學(xué)會(huì)的最多的事，做事情要分優(yōu)先級(jí)。總體要現(xiàn)出來(lái)，大方向，模糊地對(duì)，細(xì)節(jié)的錯(cuò)，慢慢改。而那個(gè)定律資源一定了，時(shí)間也定了，只能減少的剩下特性。

從X月X日開(kāi)始到__日，又是另一個(gè)版本的小跨越，一個(gè)星期里做的事并不多，除了不斷配合小楊完善頁(yè)面的重構(gòu)和美化工作，還要檢查最繁瑣的兼容性問(wèn)題，心里知道很多房地產(chǎn)經(jīng)紀(jì)人使用的電腦基本上都是深度、雨林木風(fēng)、電腦公司特別版的ghost系統(tǒng)，所以基本上都是ie6 ie7為主流的瀏覽器，兼容性方面的確在工作上成為一個(gè)重點(diǎn)。

__日的第二個(gè)小版本后，會(huì)議總結(jié)了3頁(yè)的分條建立修改文件，當(dāng)看見(jiàn)滿是修改意見(jiàn)的一行行文字，寫上我負(fù)責(zé)的q，心理是有點(diǎn)擔(dān)心，是否能在期限內(nèi)完成工作，然而15日這次的爬山活動(dòng)并沒(méi)有參加，因?yàn)槲抑牢覒?yīng)該更加抓緊時(shí)間處理問(wèn)題，一天下來(lái)最讓我自己感到滿意的是導(dǎo)航，親力親為的感覺(jué)，頗有成就感。一方面不僅要不斷的完善頁(yè)面的布局，一方面還要抽時(shí)間設(shè)計(jì)虎之翼公司的logo和網(wǎng)頁(yè)，他們真是替我捏了把汗似的，都有種壓力很大吧。我感覺(jué)還好吧，不過(guò)腦子真的要轉(zhuǎn)的很快了，因?yàn)闆](méi)有創(chuàng)作來(lái)源，讓我在上下班的途中朝思暮想的想著設(shè)計(jì)，充分利用上下班的塞車時(shí)間，不斷的觀看經(jīng)過(guò)車窗的各型各類的廣告來(lái)尋來(lái)創(chuàng)意來(lái)源。最后還是有驚無(wú)險(xiǎn)的完成這些工作。除了這些工作，公司越來(lái)越多人了，剛進(jìn)去的時(shí)候只有我和sandy，后來(lái)多了好多個(gè)人，很羨慕參數(shù)組，能有說(shuō)有笑的工作，但是我這項(xiàng)工作，我不是一個(gè)人在戰(zhàn)斗。再后來(lái)，開(kāi)始招聘銷售，因?yàn)楫a(chǎn)品到__號(hào)就要正式發(fā)布了，有點(diǎn)讓我走也走的不放心的感覺(jué)，要配合銷售展開(kāi)小單張的宣傳。時(shí)至__日，才基本完成。

希望，我的能力能幫到公司，獻(xiàn)出我自己一份的力量。

從開(kāi)始的實(shí)習(xí)，讓我體驗(yàn)到這個(gè)暑假回會(huì)過(guò)得更有意義，會(huì)特別漫長(zhǎng)特別充實(shí)。的確學(xué)習(xí)是一個(gè)漫長(zhǎng)的過(guò)程，學(xué)習(xí)要耐得住寂寞的抵住誘惑。通過(guò)這次的實(shí)習(xí)，不僅讓我覺(jué)得我應(yīng)該改變自己的內(nèi)向，學(xué)會(huì)轉(zhuǎn)變與人主動(dòng)交流，才能解決問(wèn)題，讓我覺(jué)得設(shè)計(jì)還是不錯(cuò)的，但是自己的專業(yè)真的很需要培養(yǎng)與加強(qiáng)，感覺(jué)到學(xué)校教的和自己學(xué)的遠(yuǎn)遠(yuǎn)不夠。而且在接下來(lái)的日子還要規(guī)劃好自己的未來(lái)，才能更好得在崗位上發(fā)揮自己的才能。

最后感謝dav給我這么一個(gè)機(jī)會(huì)，留在公司實(shí)習(xí)，公司不僅需要各類型的人才，更需要一個(gè)有堅(jiān)定和遠(yuǎn)見(jiàn)的老板;感謝william，看過(guò)頭像和手機(jī)桌面，女兒很可愛(ài)，想必是個(gè)和藹的爸爸，從一開(kāi)始便覺(jué)得他是個(gè)很會(huì)閱人的hr，但后來(lái)才知道是pm，不過(guò)沒(méi)有變的，總是耐心地培養(yǎng)我，給我很多資料和很多網(wǎng)站，提高自己的審美和用戶體驗(yàn)感受;感謝mk，認(rèn)真的時(shí)候很認(rèn)真，玩的時(shí)候還像個(gè)大孩子，喜歡和參數(shù)組交流時(shí)逗逗我，調(diào)劑我，這點(diǎn)我最喜歡了，因?yàn)橛心銈冋麄€(gè)公司才顯得有活氣，沒(méi)有那么沉悶;感謝kevin，雖然接觸不多，感覺(jué)他很用心，是市場(chǎng)方面的主管，看的最多就是修空調(diào)，快遞要發(fā)票的時(shí)候，會(huì)為公司的財(cái)政斤斤計(jì)較，到后來(lái)q總q總得叫我，真不好意思呢;感謝小楊，能夠和你愉快的合作，如果可以我也想學(xué)jsp，后來(lái)小白走了，你又要一個(gè)人辛苦了;感謝adam，強(qiáng)硬的技術(shù)支持，我想沒(méi)有你這位核心人物為公司撐下一片藍(lán)天，可能我們這個(gè)產(chǎn)品就很難走下去了;謝謝一起在虎之翼公司里工作的所有工作人員。

我很喜歡你們,喜歡這樣的工作氛圍，謝謝你們!

篇三：html5實(shí)習(xí)心得體會(huì)

真的是萬(wàn)事開(kāi)頭難啊，遇到了很多問(wèn)題，比如：插入的圖片不符合規(guī)格，一下子把其他內(nèi)容的框架擠開(kāi);插入的層太多，大一點(diǎn)的就把小一點(diǎn)的給覆蓋掉了;插入的FLASH不能產(chǎn)生效果?？傊畣?wèn)題一籮筐。實(shí)踐出真知，原來(lái)自己還有那么多欠缺的知識(shí)。于是回歸本源，先把課本上的東西弄通再談其他。然后又到圖書管里借了幾本網(wǎng)頁(yè)制作方面的書籍來(lái)參考。

在對(duì)基本知識(shí)有了詳細(xì)的了解之后，做起東西來(lái)就得心應(yīng)手多了，知道引導(dǎo)頁(yè)能過(guò)加映像之后，我決定為我的網(wǎng)頁(yè)設(shè)計(jì)一個(gè)引導(dǎo)頁(yè)。

然后是主頁(yè)和二級(jí)頁(yè)面的設(shè)置。要注意,網(wǎng)上只能使用JPG和GIF兩種圖象格式，其他諸如BMP和TIF等很通用的格式都不能用在網(wǎng)上,因?yàn)樗鼈兲罅?但可以用圖象軟件進(jìn)行轉(zhuǎn)換，比如Office 97的照片編輯器。把準(zhǔn)備在主頁(yè)上出現(xiàn)的圖象放進(jìn)相應(yīng)的目錄里后.

在一步一步的邊學(xué)邊做的過(guò)程中，看著心中的東西一點(diǎn)一點(diǎn)的出來(lái)，真的很有成就感。雖然自己的網(wǎng)頁(yè)技術(shù)還差的遠(yuǎn)，但是回顧一下這周真的學(xué)到了很多的東西。

網(wǎng)頁(yè)的調(diào)試

之前把作過(guò)的東西放到U盤里，發(fā)生過(guò)圖片顯示不出來(lái)的狀況，還好即使找到了解救的方法，把源文件和WEB頁(yè)面放到一起這樣就算路徑改變的話也不會(huì)影響頁(yè)面的效果。

一.網(wǎng)站的整體規(guī)劃

1.討論網(wǎng)站主題：因?yàn)樽约簩?duì)普羅旺斯很感興趣，于是就想到要是一下為心中的仙境設(shè)計(jì)一個(gè)旅游網(wǎng)站。

2.定位網(wǎng)站CI形象：旅游網(wǎng)站最重要的就是是瀏覽者產(chǎn)生想去親身體驗(yàn)一下的共鳴。于是在網(wǎng)頁(yè)設(shè)計(jì)上面，根據(jù)普羅旺斯夢(mèng)幻般的意境，我采用的是清新雋永的CI形象。使瀏覽者有賓至如歸的感受。

3.確定欄目和板塊：

1]首先要考慮整個(gè)網(wǎng)頁(yè)的長(zhǎng)和寬，以及長(zhǎng)度和寬度之間的比例。

2]其次就應(yīng)該考慮導(dǎo)航條的設(shè)置了。

3]正文的框架設(shè)置 (橫向因素和縱向因素交錯(cuò))

在瀏覽了很多精美的旅游網(wǎng)站之后，再結(jié)合自己的想法，我先在草紙上畫出了大體的欄目和板塊。

4.網(wǎng)站的整體風(fēng)格和創(chuàng)意：建立一個(gè)浪漫的旅行網(wǎng)站，走映像派路線，目的務(wù)必使瀏覽者留下映像。

二.網(wǎng)頁(yè)制作的前期策劃與準(zhǔn)備

1.資料的搜集：由于個(gè)人的愛(ài)好，我很早以前就收集了許多普羅旺斯的美圖，這次就方便多了。接著就搜集了一些有夢(mèng)幻效果的網(wǎng)頁(yè)背景，F(xiàn)IASH源代碼、小圖標(biāo)和一些GIF的動(dòng)畫等。

2.熟悉制作工具軟件：

主頁(yè)制作的基本條件有：網(wǎng)頁(yè)設(shè)計(jì)實(shí)習(xí)總結(jié)

硬件：

一臺(tái)電腦(64MB以上內(nèi)存，當(dāng)然越大越好啦);可以撥號(hào)上網(wǎng);如果你有條件的話,建議:配置掃描儀,這將大大方便圖像和文字的輸入;

軟件：

HTML編輯軟件：常用的有Frontpage、Hotdog等，本文重點(diǎn)介紹 Dreamweaver;

圖像處理軟件：常用的有Photoshop、flash、Fireworks 等;

文件上傳軟件：常用的有Cuteftp、WSftp等。

html5學(xué)習(xí)心得5

1.什么是html:HyperTextMarket language，超文本標(biāo)記語(yǔ)言,是用來(lái)描述網(wǎng)頁(yè)語(yǔ)言，html使用標(biāo)記標(biāo)簽來(lái)描述網(wǎng)頁(yè)，html不是編程語(yǔ)言，是一種標(biāo)記語(yǔ)言。

2.經(jīng)歷過(guò)得版本:HTML2.0、HTML3.2、HTML4.0、HTML4.0.1、HTML5

3.H5新特性:

用于繪畫的 canvas 元素

用于媒介回放的 video 和 audio 元素

對(duì)本地離線存儲(chǔ)的更好的支持

新的特殊內(nèi)容元素，比如 article、footer、header、nav、section

新的表單控件，比如 calendar、date、time、email、url、search

4.html都是由標(biāo)簽組成的

5.html的基本格式:

XML/HTML Code復(fù)制內(nèi)容到剪貼板

- DOCTYPE:聲明文檔的版本

- meta：告訴瀏覽器一些關(guān)于該文檔的信息1.html注意事項(xiàng):

?多數(shù)標(biāo)簽都是有開(kāi)始標(biāo)簽和結(jié)束標(biāo)簽，其中有個(gè)別標(biāo)簽因?yàn)橹挥袉我还δ埽蛘邲](méi)有要修飾的內(nèi)容可以在標(biāo)簽內(nèi)結(jié)束。

?想要對(duì)被標(biāo)簽修飾的內(nèi)容進(jìn)行更豐富的操作，就用到了標(biāo)簽中的屬性，通過(guò)對(duì)屬性值的改變，增加了更多的效果選擇。

?屬性與屬性值之間用“=”連接，屬性值可以用雙引號(hào)或單引號(hào)或者不用引號(hào)，一般都會(huì)用雙引號(hào)?；蚬疽?guī)定書寫規(guī)范。

h5全局屬性:

文本元素

XML/HTML Code復(fù)制內(nèi)容到剪貼板

超鏈接，屬性:

XML/HTML Code復(fù)制內(nèi)容到剪貼板

abrr 縮略語(yǔ)

b 不帶任何強(qiáng)調(diào)意義的標(biāo)記一段文字，加粗

strong 表示重要內(nèi)容，加粗

em 表示著重強(qiáng)調(diào)一段文字，傾斜

i 不帶任何強(qiáng)調(diào)意義的標(biāo)記一段文字，傾斜

cite 表示作品標(biāo)題，將作品名傾斜

del 表示從文檔中刪除的文字

s 表示文字已經(jīng)不再準(zhǔn)確，也是刪除線

u 不帶強(qiáng)調(diào)意義的給一段文字加下劃線

ins 表示加入文檔的文字，也是下劃線

small 表示小號(hào)字體

sub 表示下標(biāo)文字

sup 表示上標(biāo)文字

q 表示引自其它的內(nèi)容，被q標(biāo)簽修飾的自己加了引號(hào)表示引用

pre 表示格式化一段文字，也可以用來(lái)引入一段代碼

span css中使用的添加樣式的模塊

?p會(huì)換行，span不會(huì)換行

?注釋

html實(shí)體

也就是在網(wǎng)頁(yè)中使用,空格等。

嵌入元素

1. 嵌入圖像

- img標(biāo)簽嵌入圖像

- src屬性:表示圖像的路徑

- alt屬性:表示圖像若顯示不出來(lái)顯示的內(nèi)容

- width/height屬性:設(shè)置圖像的寬和高

2. 嵌入一張網(wǎng)頁(yè)

- iframe標(biāo)簽表示嵌入一張網(wǎng)頁(yè)

- src屬性:表示超鏈接文檔的地址

- width/height:該區(qū)域的寬和高

- name:給iframe命名，方便以后a標(biāo)簽的target屬性調(diào)用進(jìn)入實(shí)體頁(yè)面

3. 視頻/音頻 video/audio

- scr:路徑

- autoplay:自動(dòng)播放視頻

- controls:顯示播放控件

- loop:循環(huán)播放

- width/height

4. 進(jìn)度條

- progress標(biāo)簽

- max屬性:規(guī)定任務(wù)一共需要多少工作 100%

- value屬性:規(guī)定已經(jīng)完成了多少任務(wù) 80%分組元素

1. p 段落標(biāo)簽，在開(kāi)始和結(jié)束的位置上都會(huì)留下一段空行

- 屬性:align,對(duì)齊方式

2. hr 分割線

- 屬性:width寬度 100px或者30%

- align:對(duì)齊方式

- size:粗細(xì)

- color:顏色

3. 有序列表ol li

- type:列表前的序標(biāo)號(hào)

- start:從第幾個(gè)開(kāi)始

4. 無(wú)序列表ul li

5. 自定義列表

- dl:表示自定義列表

- dd:表示自定義列表項(xiàng)

- dt:表示自定義列表標(biāo)題

6. 區(qū)域

- p:聲明一塊區(qū)域

- span:聲明一塊區(qū)域 一般用于用戶名密碼之后的提示，例如:該用戶名已被注冊(cè)。

- p與span的區(qū)別:p一長(zhǎng)列，自動(dòng)換行，span一短列，不換行。

7. 圖片區(qū)域

- figure圖片區(qū)域，里邊套img標(biāo)簽和figcaption和a標(biāo)簽等

- figcaption:表示對(duì)圖片的描述華為P9:3999帶回家8. pre:格式化一段文字或者添加代碼表格元素(重要)

- 作用:格式化數(shù)據(jù)

- table 聲明一個(gè)表格屬性:

1.border 邊框 border=1

2.width 寬度

3.cellpadding 文字與內(nèi)邊框的距離 cellpadding=10

4.cellspacing 單元格間距 cellspacing=0

?tr 行

1.align:對(duì)齊方式

?td 列

1.width/height

2.colspan 合并列

3.rowspan 合并行

?th 表頭，會(huì)加粗，并且會(huì)居中

?caption 表格的標(biāo)題

?給表格劃分區(qū)域(不常用)

1.thead、tbody、tfoot

語(yǔ)義元素(不多用)

?h1~h6:表示標(biāo)題

?header:表示頭部

?nav:表示導(dǎo)航

?footer:表示尾部

?address:表示文檔或article的聯(lián)系信息

?aside:表示側(cè)邊欄

?section:表示主題區(qū)域

?article:表示一段獨(dú)立的內(nèi)容

XML/HTML Code復(fù)制內(nèi)容到剪貼板

框架(就是在一個(gè)頁(yè)面中展示多個(gè)頁(yè)面)，框架標(biāo)簽不能寫在body標(biāo)簽當(dāng)中或下面。不然瀏覽器無(wú)法解析。

?frameset:框架結(jié)構(gòu)

?ros:將頁(yè)面分為n行

?cols:將頁(yè)面分為n列

?frame:放在框架中的每個(gè)html文檔

XML/HTML Code復(fù)制內(nèi)容到剪貼板

表單元素(重點(diǎn))

?作用:可以和服務(wù)器進(jìn)行交互

中的屬性:

1.action:定義一個(gè)URL，當(dāng)點(diǎn)擊提交按鈕時(shí)，向這個(gè)URL發(fā)送數(shù)據(jù)

2.method(get/post):用于向action URL發(fā)送數(shù)據(jù)的HTTP方法。默認(rèn)是get。

get和post區(qū)別：

1)get方式表單封裝的數(shù)據(jù)直接顯示在url上。post方式數(shù)據(jù)不顯示在url上。

2)get方式安全級(jí)別較低，post級(jí)別較高。

3)get方式數(shù)據(jù)的長(zhǎng)度，post支持大數(shù)據(jù)。?input 標(biāo)簽:定義輸入字段，用戶可在其中輸入數(shù)據(jù)。

input 中 type屬性:

1)type=text 文本框

2)type=password 密碼

3)type=radio 單選按鈕 name屬性

4)type=checkbox 多選按鈕

單選和多選都有默認(rèn)值：checked="checked"

5)type=reset 重置按鈕

6)type=submit 提交按鈕

7)type=file 上傳文件的輸入項(xiàng)

8)type=button 按鈕

9)type=image 圖片(也是提交按鈕，)

10)type=hidden 隱藏標(biāo)簽(用戶不用看到的，但是咱們開(kāi)發(fā)時(shí)必須要使用的，可以把數(shù)據(jù)封裝到隱藏標(biāo)簽中，和表單一起提交到后臺(tái))

選擇標(biāo)簽

select /select>選擇下拉框 option 表示內(nèi)容 /option

文本域textarea

textarea 文本內(nèi)容 /textareavalue屬性:

對(duì)于按鈕、重置按鈕和確認(rèn)按鈕：定義按鈕上的文本。

對(duì)于圖像按鈕：定義傳遞向某個(gè)腳本的此域的符號(hào)結(jié)果。

對(duì)于復(fù)選框和單選按鈕：定義 input 元素被點(diǎn)擊時(shí)的結(jié)果。

對(duì)于隱藏域、密碼域以及文本域：定義元素的默認(rèn)值。

注釋：不能與 type="file" 一同使用。

注釋：與 type="checkbox" 和 type="radio" 一同使用時(shí)，此元素是必需的。?name屬性:為 input 元素定義唯一的名稱。