html5學習案例 篇1
html5實訓心得體會
由目前it行業使用html5開發app來看，如今國內使用html5開發app應用技術尚有欠缺，以下內容是__為您精心整理的html5實訓心得體會，歡迎參考!
html5實訓心得體會 HTML5在網頁開發上，賦予網頁更好的意義和結構，更加豐富的標籤將隨着對RDFa的，微數據與微格式等方面的支持，構建對程序、對用户都更有價值的數據驅動的Web。北京恆泰博遠軟件開發公司對HTML5的解釋是，為開發者提供了一個跨平台的移動apps開發方案，並且該方案具有很好的擴展性和靈活性。
由目前it行業使用html5開發app來看，如今國內使用html5開發app應用技術尚有欠缺，因為在手機開發app上，html5應用只有兩種方法，要不就是全使用HTML5的語法，要不就是僅使用JavaScript引擎。
JavaScript引擎的構建方法讓製作手機網頁遊戲成為可能。由於界面層很複雜，已預訂了一個UI工具包去使用。
純HTML5手機應用運行緩慢並錯漏百出，但優化後的效果會好轉。儘管不是很多人願意去做這樣的優化，但依然可以去嘗試。
HTML5手機應用的最大優勢就是可以在網頁上直接調試和修改。原生應用的開發人員可能需要花費非常大的力氣才能達到HTML5的效果，不斷地重複編碼、調試和運行，這是首先得解決的一個問題。
html5實訓心得體會 學習H5我們不需要過度的關注細節，五柳先生的“不求甚解”的態度就很好，遇到能想起來，用到明白來源，不用作為擴展知識。
其次，H5的設計起點就是從實用出發的，也就是説很多特性都是怎麼方便就怎麼來。所以我們可以關注我們感興趣的技術，但是開發的時候還是不要特意的使用H5，能用到而且兼容性也不錯就用，用不到也不要“畫蛇添足”，比如163郵箱就有用到nav標籤等，但是如果自己不是很精通H5或者是沒必要重構就不要去把一些東西改為H5的，比如編寫JS的時候特意的用WebWorker，這就很不好!除非我們很明確的知道，這就是針對移動端這種基本上全面支持H5的Browser設計開發的功能。
最後，H5技術不復雜，它從來都不是什麼新技術，只是HTML的延續，我認為的H5包括如下三點：
(1)改進及增強的HTML屬性，新頁面可以嘗試使用。
(2)增強了的JS交互接口：WebWorker、WebStorage、Web DB、OfflineApplication、Geolocation、Canvas，可以説H5和JS相互增強更上一層，但是還是要小心使用!
(3)CSS3：改進增強CSS功能，讓頁面效果更絢麗，開發更簡單，尤其是“移動先行”的現代互聯網網頁設計理念能讓“響應式設計”越來越簡單、流行，甚至出現了很多框架，比如bootstrap。
學習方法：
學習HTML這類的標記語言，我們需要從四個方面入手：
(1)語法：即怎樣的書寫格式是Browser接受和支持的，HTML技術的語法很簡單，只要注意大小寫在HTML、XHTML、H5中的一些細節不同就可以了。
(2)元素：也就是標籤，這個就靠經驗和記憶了，不求甚解多用就好。但是有一點，系統的學習和雜亂記憶的不同點就是：系統的學習會把元素分類。這樣方便記憶、對比和使用，能讓我們儘量減少不必要的錯誤嵌套。一般會把HTML標籤分為文檔結構標籤、文本格式標籤、字符格式標籤、列表標籤、鏈接標籤、表格標籤和表單標籤這8類，有些標籤不實用就不用看了。
(3)屬性：知道每類標籤都有什麼屬性，一般來説學習方法是知道有什麼屬性，然後瞭解下哪些標籤不支持這些屬性。其實，除了name、id、class、style外很多元素屬性我們都很少用，涉及到格式的屬性，我們都用CSS來代替了。這也是H5推薦的做法，那些屬性在H5中都被廢棄了，比如background屬性。
(4)其他：其他的東西就是去了解一些額外的知識：歷史背景、關聯技術、深入技術，比如XML、DTD，甚至是Browser對頁面的解析、渲染過程，DOM樹的構建、RenderTree的構建過程，來幫助我們學習、開發高效頁面。“課外知識”多了，自然就能做到“他強由他強，清風拂山崗”的境界了。
學習計算機技術，千萬不能沉迷外家功夫!
html5學習案例 篇2
篇一：html5實習心得體會
21世紀的時期，中國的網絡正在實飛猛進，大多的企業都是通過建立網站來進入企業宣傳，通過企業網站來打廣告，宣傳產品、品牌推廣，促進銷售等方法來實現企業營利的目的。所以，中國的互聯網在中國的近幾年來，有了非常大的發展空間，如“網上商店”“網上服務”“網絡資源”非常的流行。所以網頁設計師中一個緊缺的人才。對一個企業來説，做好一個網站是必不可少的。我們現在做為電子商務專業的，我們的最終目標是針對全球這個大的市場，還有這個網絡市場。作為一個企業的管理者，應當為自己設計一個能夠促進銷而且能夠代表我們企業的形象、宣傳我們企業最新出來的產品的這麼一個網站。
我們學了一個學期的網頁設計，這周我們開始實踐我們專用的計劃如下：
第一天：網頁設計與佈局。網頁的題材自己定，可以任選。
第二天：準備材料。建立站點，將所有的題材放到自己所建立好的站點裏去，以便在做的可以更方便、快捷的應用到網頁中，提高速率。
第三天：將所在準備的材料一起聯接起來，放到自己的所設計的佈局結構中。再做二級網頁，建立超鏈接，把一級和二級網頁連接起來。
第四天：將所做的網頁進行整理、調試、發佈。在網站上申請一個空間，將自己做的網頁傳到網上去。
第五天：寫實習報告。將寫好的實習報告打成電子文檔，傳到老師處，審查。
網頁的佈局：
網頁的佈局指的是網頁的整體架構，也就是排版。在一個被別人打開網頁之後，如何才能突出我們網站裏面最重要的內容，即讓用户第一眼就看到這個網頁所想要傳達的信息和內容。這首先就要從網頁佈局做起.我覺得網頁佈局應當注意以下幾點：1、整個網頁的長和寬的比例，2、導航條的設置，3、正文的框架結構。我的這個上網頁中，我的大體佈局就是“F“型的。從我的首頁上看上去雖然有點亂的感覺，但整個的佈局是清楚的，亂而有型。在大多數企業網站中的佈局都是大同小異，但是它們做出來的效果顯得非常的完美，所也是他們企業的成功之處所在。因此，一個網頁佈局是一個非常重要的一個工作。
網頁的設計：
網頁的設計不僅需要學好網頁設計軟件的方法，還需要和其它的軟件一起使用，如動畫設計軟件，靜態圖像處理軟件，等等。所以學習起來的確有點困難，所以需要有有點耐心去學習，不要是因為一時的好奇而去做網站，那肯定是不得行的。當我們遇到問題的時候要總要想着自己去面對解決，不要掉入技術的陷阱，如果你的網頁設計技術一流，並且對軟件的掌握程度已經達到一定水平，但是你設計的網頁確不堪目睹，這是因為網頁設計是介於平面設計和編程技術兩者之間的邊緣科學.不僅涉及到美學,心理學,平面構成,色彩搭配等平面設計的方面的知識,還涉及到html,javascript,css,asp,php等編程語言技術方面的知識.只有綜合運用多種知識,才能設計出視聽特效,動感十足,富於個性的web頁面,才能全面展現互聯網這一新型媒體的獨特魅力和多維空間的超強功能。
網頁的整個形象：
在一個網頁做成之後，就要去找開看下網站的整個效果。首先是給視覺效果人視覺效果的，而在視覺效果中又最注重是顏色的，所以色彩的配合是必不可少的知識。在調整好之後，到網上去申請一個空間，傳到網上去，看下效果。
總結：
從我不知從何下手做網頁時到現在學習了一學期和這個專用周結束，總算有一個大體的方向和設置的格式了。我一開始對什麼網頁的佈局和設置啊，什麼都着落，對於一個好的網站的是如何做出來的和它所應用的方法都大概有一個認識。比如説那些動畫、流動的窗口和按鈕、彈出圖片等等一些廣告、視屏之類的。在我們的課本中沒有多少的代碼，只有文字性的操作步驟。還有那些什麼JAVA代碼一個都沒有。然而在我們製作過程中，我們很多的時候都需要使用那些JAVA代碼，我們又不知道，只有到網上去找。但是這並不是一件壞事。我們還可以學到很多東西，這也是我們所需要的。我覺得我現在做出的網頁雖然不是很好，但是通過了這一週的實習，我收穫也是不少啊!
篇二：html5實習心得體會
回顧這一個月來的實習生活是一件很值得紀念的事，這是我第一次在外實習，第一次在網上投簡歷能收到回覆。對於我們這樣的藝術設計學生，我深刻的體會到單單是學校教的遠遠不夠，學校教的很籠統，很抽象，很大概，如果可以，我希望這個專業的師弟師妹們，有空多多到圖書館充實自己，靜下心來充分自學。在外實習前，第一件事是把自己賣出去，包裝自己，所以簡歷很重要，務必屬實，因為你有多少兩重，閲人無數的人事主管和老闆在面試的交談中很快就能從你各方面行為和語言中找到答案。既然要面試，衣服當然要穿正裝，其實我也想的只是大二實習期沒有大三的三個月那麼長，就那麼一個月。這樣短期的工作其實根本沒有什麼公司願意招聘，所以我感覺到萬分榮幸能夠進到這一支專業的創業團隊，真的是一件了不起的事，而且這個崗位與我學習的和自己喜愛的科目對的很準，我自己也十分樂於這份工作。
記得剛開始的一個多星期，公司並沒有讓我馬上投入工作，因為當時對產品瞭解不熟悉，要從學校的圈子走出來到商業模式去還是有點顧慮，但是當你接觸到這商業化的東西，你會發現，學校的東西遠遠不足。所以一般公司會進行些培訓，很感激william楊，他提供了很多設計的書籍給我自學閲讀，可惜在我深刻讀完《瞬間之美--web界面設計如果讓用户心動》(點擊跳到本人的讀書筆記)一書後，就再也很難抽取一點時間來閲讀了。
在接下來的這個月裏，除了必要的培訓以熟悉公司及其產品知識外，我也開始忙碌起來，因為產品的第一個內部版本需要再X月X日這個好日子發佈。剛開始的兩個星期，因為對產品並不熟悉，一直以來在學校設計的作品都很“學校”但是商業設計比較少，出頭設計的時候真的抓破頭腦，因為習慣了學校的生活，習慣了客户給要求按照客户的想法去做。至於什麼叫很學校呢，就是一種填鴨式的，根據參考去模仿設計，然而在社會上涉及很多版權問題，所以商業上的設計基本上都是原創或者參考過後進行大幅度的提高審美設計，其次因為涉及商業利益，在商業的角度上，商業的資金來源是客户，所以他們的需求來源於客户，注重用户感受的設計，是一個好設計。其實設計是件看起來簡單，但是操作起來卻感覺很漫長的一件事情，每一個細節自己不斷的琢磨推敲，自己就會讓工作時間變長，效率變低，卻又希望哪天能像那些設計家門隨心所欲的設計出自己喜歡，人們喜歡，客户滿意的東西。設計來源與生活，應用於生活，我還需要多多積累。
X月X日這個內部版本中，我主要的工作就是設計界面，然後photoshop切圖，然後繼續傻傻的使用習慣的notepad2++手寫html和css。經歷這樣的蠢事之後，我決定還是回到dreamweaver的懷抱，因為畢竟知識不夠強，在兼容性方面還需要有dreamweaver來實時的告訴我，以提高我的工作效率。期間william楊還多次與我熟悉，很感激他們都關心我，提醒我應該有自己的就業方向，3年5年__年的計劃，説長不長説短不短的大學2年已經過去了。我應該有怎樣的人生，我有想過，但卻還沒如此認真的付出着。我想起老闆那句，你喜歡設計?你覺得設計適合你嗎?我真的很需要考慮我的以後，但目前設計還是我喜歡的事情，我也願意身心的投入到其中，有時候可以不必得到回報，只是為了滿足我小小的心靈。
當X月X日一過，為慶祝產品大賣，公司還組織爬山活動，然而平常我們在深山中休養學習的多，爬山的少。爬山是鍛鍊毅力的一種好方法，工作之餘不能忘了生活，忘了自然。這次高強度的爬山活動從下午3點一直爬到了晚上10點多才下到山腳，經歷的時間之長，讓我感受到一個人在公司裏，不僅要有強硬的專業知識，還需要強壯的身體支撐來效益公司，而下山mk的那段話，真的讓我感受到他們很關心我，因為畢竟他們都是過來人，謝謝他們的指導。
產品的初步版本確定之後，就要開始慢慢的改進了。william作為產品經理，不僅要領導着整個團隊，還要協調工作的進度。他會製作出甘特圖，通知每個人需要做什麼事情，大概需要多長時間來完成。在其中，我會不時的停滯，因為某些小bug會導致我去轉牛角尖，而這樣會導致拖慢整個進度，然而在這個環節，我學會的最多的事，做事情要分優先級。總體要現出來，大方向，模糊地對，細節的錯，慢慢改。而那個定律資源一定了，時間也定了，只能減少的剩下特性。
從X月X日開始到__日，又是另一個版本的小跨越，一個星期裏做的事並不多，除了不斷配合小楊完善頁面的重構和美化工作，還要檢查最繁瑣的兼容性問題，心裏知道很多房地產經紀人使用的電腦基本上都是深度、雨林木風、電腦公司特別版的ghost系統，所以基本上都是ie6ie7為主流的瀏覽器，兼容性方面的確在工作上成為一個重點。
__日的第二個小版本後，會議總結了3頁的分條建立修改文件，當看見滿是修改意見的一行行文字，寫上我負責的q，心理是有點擔心，是否能在期限內完成工作，然而15日這次的爬山活動並沒有參加，因為我知道我應該更加抓緊時間處理問題，一天下來最讓我自己感到滿意的是導航，親力親為的感覺，頗有成就感。一方面不僅要不斷的完善頁面的佈局，一方面還要抽時間設計虎之翼公司的logo和網頁，他們真是替我捏了把汗似的，都有種壓力很大吧。我感覺還好吧，不過腦子真的要轉的很快了，因為沒有創作來源，讓我在上下班的途中朝思暮想的想着設計，充分利用上下班的塞車時間，不斷的觀看經過車窗的各型各類的廣告來尋來創意來源。最後還是有驚無險的完成這些工作。除了這些工作，公司越來越多人了，剛進去的時候只有我和sandy，後來多了好多個人，很羨慕參數組，能有説有笑的工作，但是我這項工作，我不是一個人在戰鬥。再後來，開始招聘銷售，因為產品到__號就要正式發佈了，有點讓我走也走的不放心的感覺，要配合銷售展開小單張的宣傳。時至__日，才基本完成。
希望，我的能力能幫到公司，獻出我自己一份的力量。
從開始的實習，讓我體驗到這個暑假回會過得更有意義，會特別漫長特別充實。的確學習是一個漫長的過程，學習要耐得住寂寞的抵住誘惑。通過這次的實習，不僅讓我覺得我應該改變自己的內向，學會轉變與人主動交流，才能解決問題，讓我覺得設計還是不錯的，但是自己的專業真的很需要培養與加強，感覺到學校教的和自己學的遠遠不夠。而且在接下來的日子還要規劃好自己的未來，才能更好得在崗位上發揮自己的才能。
最後感謝dav給我這麼一個機會，留在公司實習，公司不僅需要各類型的人才，更需要一個有堅定和遠見的老闆;感謝william，看過頭像和手機桌面，女兒很可愛，想必是個和藹的爸爸，從一開始便覺得他是個很會閲人的hr，但後來才知道是pm，不過沒有變的，總是耐心地培養我，給我很多資料和很多網站，提高自己的審美和用户體驗感受;感謝mk，認真的時候很認真，玩的時候還像個大孩子，喜歡和參數組交流時逗逗我，調劑我，這點我最喜歡了，因為有你們整個公司才顯得有活氣，沒有那麼沉悶;感謝kevin，雖然接觸不多，感覺他很用心，是市場方面的主管，看的最多就是修空調，快遞要發票的時候，會為公司的財政斤斤計較，到後來q總q總得叫我，真不好意思呢;感謝小楊，能夠和你愉快的合作，如果可以我也想學jsp，後來小白走了，你又要一個人辛苦了;感謝adam，強硬的技術支持，我想沒有你這位核心人物為公司撐下一片藍天，可能我們這個產品就很難走下去了;謝謝一起在虎之翼公司裏工作的所有工作人員。
我很喜歡你們,喜歡這樣的工作氛圍，謝謝你們!
篇三：html5實習心得體會
真的是萬事開頭難啊，遇到了很多問題，比如：插入的圖片不符合規格，一下子把其他內容的框架擠開;插入的層太多，大一點的就把小一點的給覆蓋掉了;插入的FLASH不能產生效果。總之問題一籮筐。實踐出真知，原來自己還有那麼多欠缺的知識。於是迴歸本源，先把課本上的東西弄通再談其他。然後又到圖書管裏借了幾本網頁製作方面的書籍來參考。
在對基本知識有了詳細的瞭解之後，做起東西來就得心應手多了，知道引導頁能過加映像之後，我決定為我的網頁設計一個引導頁。
然後是主頁和二級頁面的設置。要注意,網上只能使用JPG和GIF兩種圖象格式，其他諸如BMP和TIF等很通用的格式都不能用在網上,因為它們太大了,但可以用圖象軟件進行轉換，比如Office97的照片編輯器。把準備在主頁上出現的圖象放進相應的目錄裏後.
在一步一步的邊學邊做的過程中，看着心中的東西一點一點的出來，真的很有成就感。雖然自己的網頁技術還差的遠，但是回顧一下這周真的學到了很多的東西。
網頁的調試
之前把作過的東西放到U盤裏，發生過圖片顯示不出來的狀況，還好即使找到了解救的方法，把源文件和WEB頁面放到一起這樣就算路徑改變的話也不會影響頁面的效果。
一.網站的整體規劃
1.討論網站主題：因為自己對普羅旺斯很感興趣，於是就想到要是一下為心中的仙境設計一個旅遊網站。
2.定位網站CI形象：旅遊網站最重要的就是是瀏覽者產生想去親身體驗一下的共鳴。於是在網頁設計上面，根據普羅旺斯夢幻般的意境，我採用的是清新雋永的CI形象。使瀏覽者有賓至如歸的感受。
3.確定欄目和板塊：
1]首先要考慮整個網頁的長和寬，以及長度和寬度之間的比例。
2]其次就應該考慮導航條的設置了。
3]正文的框架設置 (橫向因素和縱向因素交錯)
在瀏覽了很多精美的旅遊網站之後，再結合自己的想法，我先在草紙上畫出了大體的欄目和板塊。
4.網站的整體風格和創意：建立一個浪漫的旅行網站，走映像派路線，目的務必使瀏覽者留下映像。
二.網頁製作的前期策劃與準備
1.資料的蒐集：由於個人的愛好，我很早以前就收集了許多普羅旺斯的美圖，這次就方便多了。接着就蒐集了一些有夢幻效果的網頁背景，FIASH源代碼、小圖標和一些GIF的動畫等。
2.熟悉製作工具軟件：
主頁製作的基本條件有：網頁設計實習總結
硬件：
一台電腦(64MB以上內存，當然越大越好啦);可以撥號上網;如果你有條件的話,建議:配置掃描儀,這將大大方便圖像和文字的輸入;
軟件：
HTML編輯軟件：常用的有Frontpage、Hotdog等，本文重點介紹 Dreamweaver;
圖像處理軟件：常用的有Photoshop、flash、Fireworks 等;
文件上傳軟件：常用的有Cuteftp、WSftp等。
html5學習案例 篇3
首先，我想表達一下目前對於選擇來到重慶html5學習後內心的感想，我完全不後悔來到千鋒，同時也覺得幸運。之前在學校我對待學習就是一種佛系的態度，説白了就是好吃懶做。這樣的生活習慣在千鋒這種學習氛圍下是不存在的，因為有了目的性，完全沒有了以前那種關於學習無所謂的想法。來這裏，就是為了學到技術，找到一份高薪工作。
時間過得很快，HTML5學習已經到第二週了，經過上一週HTML5礎的學習，我學習了一些更進階的東西。比如盒模型的概念，元素的類型，定位和錨點的應用，圖片的整合和寬高自適應還有上週的高度塌陷問題的解決方法等等。
這周學習的內容相比較上週的更需要理解一些，要多應用才能理解並自己寫出來。比如元素的類型，各種元素之間的轉換，要對元素的類型都理解了才能運用自如，每種元素類型都有自己的特性。首先我們要背誦這些知識點，然後自己動手寫一些頁面應用，還有一些平時寫頁面會遇到的問題和知識點，都需要去慢慢掌握。
這周的知識相比上週難了一些，也需要更多的練習，隨着學習的深入需要掌握的東西越來越多，不能學了這個忘了前面的，要及時複習，學習現在的並鞏固以前學的。我現在需要多總結，把難點和重點多看看，把不熟練的地方多練練，爭取都能掌握，並提高寫頁面的準確性和速度。
成功沒有捷徑，只有付出了汗水才能體驗到成功那一刻的喜悦，我很慶幸我的選擇和我現在付出的努力，我想經過幾個月的學習之後我可以達到我想要的效果，在這裏不僅僅學到了技術，也認識了一羣志同道合和的同學，大家每天互相督促，共同學習，一起進步，每一天都有成長，在這裏收穫了很多，也希望接下來繼續努力，保持好學習熱情和認真的態度。
最後，送上我喜歡的一句話：天底下沒有誰是理所當然的程序員或者天生的高手，沒有這樣的道理，我們好不容易來到這世上走一遭，有些時候，該努力時候就該努力。