html網頁心得
當我們心中積累了不少感想和見解時，心得體會是很好的記錄方式，這麼做可以讓我們不斷思考不斷進步。怎樣寫好心得體會呢？以下是小編為大家收集的html網頁心得，希望能夠幫助到大家。
html網頁心得1
風塵僕僕的來到了大連，來參加匯博組織的HTML5培訓，從HTML5基礎講起，起初並不以為然，想這HTML這個平常上課也經常接觸到的東西，但是聽完第一堂課後，後面的興趣越來越濃厚，尤其是講到HTML5的新特性時候，講到canvas畫布時候，突然感覺HTML的功能遠遠超出了我的想象，超出了我的預期，當自己做完第一個實例的時候，就想以後一定要把這個充滿未來潛力的'東西傳到學校，學生一定會感興趣。當老師簡單講完CSS和JS時候，然後將HTML5+CSS+JS結合起來的時候，就感覺這是個強大無比的組合，不次於使用C#在VS平台上實現的功能。尤其是其在遊戲和動畫上的效果，使得頁面可以輕鬆拋棄Flash的枷鎖也同樣能夠實現強大的動畫效果。
最後一天Intel的老師講到如何將HTML5的APP上傳到不同平台的應用商店時候，這時候就更感到自己學到的東西有意義了。不像以前單純教學，為了完成教學任務而教學，通過應用的上傳，可以更加鼓勵學生的積極性，激發他們的學習動力，嗯，不錯的思路，把這個思路用在教學上，一定能有所收穫，學生一定能感興趣。
這次培訓對於自己在今後教學過程中提出了一個新的思路，我們的教學可以找到學生的興趣點，像歐美國家教育環境那樣能夠激發出學生自身的興趣，而這個激發就需要我們老師和企業共同想辦法能為學生由被動學習變為主動激發資深興趣去學習。這才是最重要的，才能培養出高質量人才。總之，感謝Intel，感謝微軟，感謝匯博給我們提供了這次培訓，期待下次培訓。
html網頁心得2
從大一暑假進入實驗室，進的這個實驗室叫做網絡實驗室，是一個充滿愛、充滿歡笑的大家庭，每個人都很努力，都知道自己的目標，儘管我不知道自己的具體目標是什麼，但是我一直在尋找，尋找自己的道路，繪畫自己的精彩。
現在就開始説説自己開發歷程吧，先從html説起。
html是一種標記語言，是用在web網絡上的標記語言，從開始html1.0到現在很流行的html5.0，我開始學的時候是從4.0開始學的，其實看起來4.0和5.0沒有多大的區別，但是html5.0比4.0的兼容性更好，代碼更簡潔，運行速度更快。
下面就從html的完整 式來説明。
一般的html 式,這樣的 式沒有那麼嚴謹，適合剛開始學的同學。
如果嚴謹的話，那我們就從表頭開始説起:在表頭上還有一行代碼，它是用於聲明一個頁面的文檔類型定義(document type declaration, 即dtd).此元素聲明位於文檔中的最前面的位置，處於 標籤之前。
通過確認頁面的dtd,可以同時確定頁面使用哪種w3c規範(比如html 或 xhtml 規範)。
html 4.01 規定了三種文檔類型:strict、transitional 以及 frameset。
總上面來看，其實兩者的表示形式沒有太大的差別，但是html和xhtml的表示形式就有點不一樣，在這裏就不詳細説了，等下一遍再跟大家詳細比較這兩者的'詳細區別。
再往下説就是標籤裏的寫法了，如果上面的不寫的話，在裏也不用寫什麼，所以在這裏我們嚴 的來説在中要寫xmlns="http://www.w3.org/1999/xhtml"來表明這個文件是可以自定義自己的標記，但你定義的標記和其他人定義的標記有可能相同，但表示不同的含義。
html網頁心得3
時間過得很快，從剛開始的培訓開始到現在的培訓結束，似乎都是眨眼間的事情。首先很感謝任課老師莫老師和班主任以及其他騰科工作人員的工作付出，還有班級上共同學習進步的小夥伴們，讓我順利的'學完了HTML5所有課程。這次HTML5課程的學習讓我學到了很多前端方面的知識，感覺自身的IT技術提升了不少。
此次課程培訓讓我對HTML5有了更加深入的瞭解。HTML指的是超文本標記語言，標記語言是一套標記標籤，HTML使用標記標籤來描述網頁。HTML5區別於HTML的標準，基於全新的規則手冊，提供了一些新的元素和屬性，在web技術發展的過程中成為新的里程碑。從市場來看，無論是桌面應用還是移動應用，HTML5都是當下Web技術中最炙手可熱的新寵，是創新的主旋律，在不久的時間裏一定會大有作為。
學習都是一步一個腳印，H5學習也是從前端開發的基礎學起，首先學習使用HTML、CSS、Java、Jquery等一系列前端技術，實現一些網頁動態效果。再到後面的Vue。js、bootstrap、Type等一些主流框架，還有微信小程序的學習。培訓課程當然不是上課聽懂就可以，而是必須能要去動手操作，達到熟練使用的要求和效果，為了保證學習效果，課程以理論和實例相結合的方式進行授課。而且每個學習階段的結束都會做一個實訓項目，做項目不僅能是學到一些新知識，也能查缺補漏，鞏固自己所學知識。
最好希望自己早日找到工作，在前端開發這條路上創造輝煌！
html網頁心得4
在平日裏，心中難免會有一些新的'想法，不如來好好地做個總結，寫一篇心得體會，這麼做可以讓我們不斷思考不斷進步。那麼寫心得體會要注意的內容有什麼呢？以下是小編為大家整理的html網頁設計心得體會範文（精選8篇），歡迎大家借鑑與參考，希望對大家有所幫助。
html網頁心得5
如今移動互聯網發展迅速，技術不斷的更新迭代，所學知識也需與時俱進。現在市場上的主流互聯網網站，需要打造的是一流用户交互體驗。對於前端開發者的要求，不再是簡單的頁面展示，而是需要全棧式的前端開發工程師。
方法一：注重實踐，由實踐出真知
在HTML5知識學習過程中，有些學員不喜歡動手，更喜歡聽講師講或者自己背誦，這種學習方法是萬萬不可取的。因為代碼的學習，是個需要動手的過程。掌握代碼不僅僅只有記憶還有嘗試。嘗試自己去寫代碼，然後發現問題，最後進行歸納總結，同時形成理論並記憶。
方法二：由整體到局部，由骨架到血肉
我們在學習HTML和CSS時，會涉及到網頁的搭建等相關知識。在學習這部分知識時我們採取的是“由外及內”、“由整體到部分”、“由全局到細節”的學習方法。我們在接觸某一個新的知識點時，一定要從主幹到枝葉，不要拘泥於某一個細節而沉溺於其中。主幹如同知識的一個主線，這種先找主幹後添枝葉的學習方法能夠讓知識遺漏變成最少，也會比較容易建立起知識與知識間的關係。
方法三：記憶很重要
我們剛才在方法一中提到注重實踐，並不是讓我們忽略記憶。記憶也是同樣重要的，學習時我們通常會遇到需要記憶的知識點。如有哪些數據類型、有哪些標籤元素等等。遇到這類知識點時我們一定要通過記憶將其熟練掌握，很多人在學習的過程中覺得還是理解是最重要的，這種想法是錯誤的。因為如果連記都記不住還談什麼理解呢?
方法四：類比
在學習CSS引入方式這種知識點時，我們採用了另一種學習方法。類比，或者也可以叫做辨析。這種方法主要針對於區分相似的兩種或多種事物。如strong與em，塊元素與行元素，同步與異步等等此類知識具有相似性的知識，應多多思考，抓取幾種事物的不同點，結合去記憶。
方法五：循序漸進的學習
學習是一個日積月累的過程，不能一口吃成一個胖子。在學習的過程中我們通常會遇到一些大型的知識，這種知識是比較難啃的。當我們遇到此類知識時，不要急於求成，要腳踏實地一步一步的來，例如動畫框架的學習就是一個典型的例子。
在循序漸進的學習過程中，學習思路也是很重要的。換句話説，我們面對一個“大型”的知識點，知道要按部就班的一步一步的來完成，但是就是不知道該怎麼開始，從哪兒開始。這時候就需要我們有明確的學習思路，在學習知識的過程中重點是關注思路，而具體的小知識點就是血和肉。
方法六：有一雙善於發現的眼睛，利用生活輔助學習。
這種學習方法簡單來講就是利用生活中的實際事物輔助抽象知識的學習。利用這種方法能夠讓我們更快更好的理解和吸收知識，例如在講解AJAX時我們利用了信件郵寄。在講解構造函數時，我們利用了毛坯房和裝修房。在講解引用類型變量的時候我們藉助了鑰匙和倉庫的關係等等。
學習並不是一蹴而就的，在學習過程中有一個良好的學習方法這是至關重要的。掌握一套自己的學習方法，日後必定受益終生的。
還有最重要的'一個關鍵，那就是你必須要堅持，必須要有求知的慾望。
隨着互聯網的高速發展，軟件行業更加火爆，幾乎高薪職位都與軟件行業掛勾，程序員成了高薪的標誌。HTML5作為近幾年非常火的軟件開發語言，更是得到了多人一致的好評和青睞。既然HTML5這麼火，學習這門課程當然前景更可觀。
只要努力學到真東西，前途自然不會差。如果你想學好HTML5開發語言，應該根據自己的實際需求去實地看一下，先去試聽之後，再選擇比較適合自己的，希望能給你帶去幫助。
其實你會使用HTML4.01，那麼HTML5不需要多學，知道幾個刪除的標籤和新增的標籤就好。H5主要體現在新的javascript的api上，比如canvas的繪圖，js與video標籤結合來代替傳統的flash player的播放模式。
個人認為HTML5不止是超文本標籤語言，更像是一種集合，包含了HTML5CSS3JS，HTML5配合CSS3JS結合起來才能發揮作用，所以要學習HTML5還需要學習CSS3和javascript。
html網頁心得6
通過這次實訓，我收穫了很多。以下是我的實訓總結。
在實訓中除了學到了許多新的知識，還鍛鍊了我做項目的能力，提高了獨立思考問題、自己動手操作的能力。實訓中的項目作業也使我更加有團隊精神。
一、繼續學習，不斷充實自我。
在實訓中除了學到了許多新的'知識，瞭解了關於HTML5的相關知識，對互聯網+有了新的認識，對於未來工作的方向也多了一種選擇。
二、努力實踐，不斷提升自我。
只有將理論付諸於實踐才能實現理論自身的價值，也只有將理論付諸於實踐才能使理論得以檢驗。同樣，一個人的價值也是通過實踐活動來實現的，也只有通過實踐才能鍛鍊人的品質，彰顯人的意志。這次跟隨老師實訓完成了四個項目，和我的小夥伴們獨立完成了一個小項目，滿滿的激動，未來還要更加努力。
三、完善總結，不斷深造自我。
實訓，展現在自己面前的是一片任自己馳騁的沃土，耕種夢想，成就未來。我將繼續學習，深入實踐，不斷提升自我，多反思，多總結，吸取經驗，為以後打下基礎。
可以説這次實訓不僅使我學到了知識，豐富了經驗；將會有利於我更好的適應以後的工作。最後，我要感謝學院組織的這次十分有意義的實訓，使我們學到了很多，也領悟了很多。
html網頁心得7
HTML5在網頁開發上，賦予網頁更好的意義和結構，更加豐富的標籤將隨着對RDFa的，微數據與微格式等方面的支持，構建對程序、對用户都更有價值的數據驅動的Web。北京恆泰博遠軟件開發公司對HTML5的解釋是，為開發者提供了一個跨平台的移動apps開發方案，並且該方案具有很好的擴展性和靈活性。
由目前it行業使用html5開發app來看，如今國內使用html5開發app應用技術尚有欠缺，因為在手機開發app上，html5應用只有兩種方法，要不就是全使用HTML5的語法，要不就是僅使用JavaScript引擎。
JavaScript引擎的構建方法讓製作手機網頁遊戲成為可能。由於界面層很複雜，已預訂了一個UI工具包去使用。
純HTML5手機應用運行緩慢並錯漏百出，但優化後的效果會好轉。儘管不是很多人願意去做這樣的優化，但依然可以去嘗試。
HTML5手機應用的最大優勢就是可以在網頁上直接調試和修改。原生應用的開發人員可能需要花費非常大的力氣才能達到HTML5的效果，不斷地重複編碼、調試和運行，這是首先得解決的一個問題。
即使這樣，我們還是很看好html5app開發，原因有一下幾點。
一、是基於html5強大的兼容性，因為HTML5提供了前所未有的數據與應用接入開放接口，使外部應用可以直接與瀏覽器內部的數據直接相連，例如視頻影音可直接與microphones及攝像頭相聯，就因為這種強大的兼容性，使得在當下開發界是如此的火，同樣也是因為這強大的兼容性，使得手機應用軟件，app更適合，也更方便。所以更適合手機app軟件開發，正好補充了手機小巧的不足。
二、html5app開發支持的手機系統有android、ios。
三、html5其突出的.特點就是強化了web頁的表現性,追加了本地數據庫，可以用作離線應用的開發，離線應用就是把需要的資源先緩存到本地，下次再查看時無需聯網。
四、html5app開發，能提供更快、更簡便的服務，代碼可高度重用，服務發佈方便。
五、動畫、遊戲動態效果，地理定位等很多app應用正在崛起，而html5技術的強大優勢就是這種讓我們驚歎的效果。而未來採用html5開發app的，將會大量減少代碼量，應用軟件也會得到更高的用户體驗，更好的視覺效果。
html網頁心得8
時光飛逝，轉眼間在千鋒學習html5開發生活半年了，如今學成畢業找到心儀的工作，最要感謝的莫過於千鋒了。
起初剛來千鋒還是有些不適應，習慣了大學散漫的生活，突然正經的按時上課，每天學習那麼久的時間，覺得好累，還記得第一天上完課完成作業是21:15，那時候我感觸特別深，上了3年的大學都從沒有認真學習到這個點的時候，真是奇蹟，當時還興奮的不行，覺得不可思議，直到後來，在千鋒的學習，才知道這是家常便飯，也習以為常。
從起初的不適應覺得不現實，到如今的每天主動學習，到關教學樓才會回寢室，這對於我來説就是從一個學渣逆襲成為學霸，千鋒成就了我。
有緣遇見助教華哥盡職盡責
來到千鋒先認識的就是我們26班的助教華哥，其實來千鋒學習最終收穫滿意的成果最要感謝的莫過於華哥了，初入千鋒遠離家人，不懂不會的好多，華哥都會盡心盡力的幫我們解決，無論生活還是學習，就是我們的大哥哥，帶領我們學習，還記得當初有問題，問華哥，為我們改問題找錯到好晚，
一直陪着我們學習，9.30下晚自習就可以回去休息的他，每天陪我們到關教學樓，是班級最後一個走的人，週六我們上自習，還來陪我們給我們解決問題。
用自己休息的時間來帶我們，真的是盡心盡力，從未遇見這麼負責的老師。
後來來到了32班，又有緣遇見華哥，那時候正是3階段，最關鍵的時候，華哥每天晚自習考我們面試題，給我們講面試題，讓我們找到一個好工作，真是盡職盡責。
昨日的付出才有今日的成績
還記得我們不學好不會你認真講解的樣子，還記得我們貪玩不認真，你跟我們着急生氣的`樣子，還記得我們拿到心儀的offer，你高興的樣子，還記得太多太多，都是你帶給我們的，沒有你當初陪我們激勵我們學習，也就沒有今天的我們，在此特別感謝華哥。感謝千鋒的老師。
還記得做項目期間cookie不會，想抄以前的代碼改一改，高老師就坐在我旁邊，一步一步的教我怎麼寫，直到我自己寫出來為止，我回來為止。
在我自己想放棄的時候，高老師都沒有放棄我，而是帶着我，一步一步的講解，耐心的給我教會，也讓我重拾了信心，還有鵬哥，知道我們幾個人基礎差，每次講完課都會下來問一遍學會了沒有，沒聽懂就再講一遍，一遍不會講兩遍，午休給我們講，晚自習還給我們講，直到我們學會了為止。
盡心盡力從無怨言。
真的有你們昨日的付出，才有我們今日的成績。
感謝遇見這樣的團隊，這樣的老師。
如今，已完成這半年的艱苦奮鬥，終於‘修成正果’。
找到理想的工作，是千鋒成就了我，給了我希望，給了我未來。
在這裏特別向千鋒致敬，感謝有這麼負責的教育機構，同時希望千鋒越來越好，培養出更多的人才。
html網頁心得9
一、要進行個人網站前台功能設計
包括個人網站主題確定、前台功能設計與管理、個人網站首頁設計、個人網站留言板、註冊、忘記密碼、搜索等網頁設計與管理。
二、個人網站後台管理功能設計
包括個人網站後台管理功能設計，後台管理信息系統功能設計，後台系統權限管理，後台文件管理，個人網站後台管理系統主頁設計。
三、網站發佈
通常我們發佈一個網站，這樣我們可以註冊域名，但我們也可以利用主機和安裝iis，這樣其他人可以通過“我的IP”地址訪問“我的主頁”。
四、個人網站推廣
一個網站做好了，就有必要推廣一下個人網站，這是一個電子商務網站必須做的一步，因為如果你不推廣你的網站，即使你發佈了也沒有人會知道。
在設計網站時真的可以體會很多東西，從一開始確定頁面的主題，到整個主頁的設計，信息的收集，前台功能的設計與管理，後台功能的設計與管理，每一個頁面的表面設計。我把它們都一一進行規劃，因為如果你不好好規劃，想做什麼就做什麼，你是做不好的。因為我意識到這句話：“機會是屬於那些有準備的人”。我詳細到一個表的寬度都一一列出來。例如：775寬，分成三欄，每欄佔多少。因為我深知“細微之處才見真功夫”。
給我最深印象的是留言板，因為之前SQL數據庫實際鍛鍊做過了，所以這次做相對容易，但我經過長時間的練習，完成了n次，有些人可能會認為，肯定是不會才做很多次！但我想告訴這些人，我每次做都是用不同的方法。第一次使用access數據庫，第二次使用SQL數據庫+權限管理，第三次使用數據源名稱的連接。每次用的方法都不一樣。
可能會有人説我笨，有方法就行了，要那麼多幹嘛？但我想説的是，沒有這麼多次練習，就不會有這麼多不同的方法，不會創造今天熟能生巧的我。方法，只有你自己先學會，才會學通、學
廣。
做出一個好的網頁一般都離不開dreamweaver，flash，photoshop這三個軟件，當然，還可以用到其他一些輔助軟件就會加快網頁的設計了，比如：SothinkDHTMLMenu，Sothink_Logo_Maker等軟件，這些軟件不僅可以快速開發出導航，logo等，而且很漂亮，美觀。
製作網頁，首先是確定主題，每一版塊都有其個性的色彩，清晰明瞭，便於閲讀瀏覽，大致分幾部分，每一部分又分幾小部分，內容比較充分，多樣。內容精彩豐富，簡潔明快，語言風趣，通俗易懂。頁面可愛清爽。而我們這次的實習就是用這幾款軟件來設計，主要使用div+css來佈局，避開傳統的table（表格）佈局DIV+CSS的網頁佈局對SEO的好處一、不存在表格的嵌套問題：很多“網站如何推廣”的文章中稱，搜索引擎一般不抓取三層以上的表格嵌套，這一點一直沒有得到搜索引擎相關的官方證實。我的幾項實驗結果沒有完全出來，但根據目前掌握的情況來看，Spider爬行Table佈局的頁面，遇到多層表格嵌套時，會跳過嵌套的內容或直接放棄整個頁面。
使用Table佈局，為了達到一定的視覺效果，不得不套用多個表格。如果嵌套的表格中是核心內容，蜘蛛（Spider）爬行時跳過了這一段沒有抓取到頁面的核心，這個頁面就成了相似頁面。網站中過多的相似頁面會影響排名及域名信任度。
DIV+CSS的網頁佈局對SEO的好處二、精簡的代碼使用DIVCSS佈局，頁面代碼精簡，這一點相信對XHTML有所瞭解的都知道。觀看更多的HTML教程內容。
代碼精簡所帶來的直接好處有兩點：一是提高蜘蛛（Spider）爬行效率，能在最短的時間內爬完整個頁面，這樣對收錄質量有一定好處；二是由於能高效的爬行，就會受到蜘蛛（Spider）歡迎，這樣對收錄數量有很大好處。而DIV+CSS佈局基本上不會存在這樣的問題，從技術角度來説，XHTML在控制樣式時也不需要過多的嵌套。這雖然沒有得到確認，但還是建議使用Table佈局的朋友們，在設計時儘可能的不要使用多層表格嵌套，SEOer（seo工作者們）們在文章中説明了這一點，相信他們也不是沒有依據。
DIV+CSS的網頁佈局對SEO的好處三、對搜索引擎的排名基於XTHML標準的DIV+CSS佈局，一般在設計完成後會盡可能的完善到能通過W3C驗證。截止目前沒有搜索引擎表示排名規則會傾向於符合W3C標準的網站或頁面，但事實證明使用XTHML架構的網站排名狀況一般都不錯。
DIV+CSS的網頁佈局對SEO的好處四、提高網頁的訪問速度：DIV+CSS佈局較Table佈局減少了頁面代碼，加載速度得到很大的提高，這在蜘蛛（Spider）爬行時是非常有利的`。過多的頁面代碼可能造成爬行超時，蜘蛛（Spider）就會認為這個頁面無法訪問，影響收錄及權重。
真正的SEOer（seo工作者們）不只是為了追求收錄、排名，快速的響應速度是提高用户體驗度的基礎，這對整個搜索引擎優化及營銷都是非常有利的。換一個角度拋開DIV+CSS對SEO的有利影響。單獨來講這種div+css佈局也是很有益的，可以説是實下是最流行的網頁佈局方式。當然div+css佈局也有不完善的方面。
總之Div+css佈局的優勢如下：
由於將大部分頁面代碼寫在了CSS當中，使得頁面體積容量變得更小。相對於表格嵌套的方式，DIV+CSS將頁面獨立成更多的區域，在打開頁面的時候，逐層加載。而不像表格嵌套那樣將整個頁面圈在一個大表格里，使得加載速度很慢。
頁面體積變小，瀏覽速度變快，這就使得對於某些控制主機流量的網站來説是最大的優勢了。由於使用了DIV+CSS製作方法，在修改頁面的時候更加容易省時。根據區域內容標記，到CSS裏找到相應的ID，使得修改頁面的時候更加方便，也不會破壞頁面其他部分的佈局樣式。
DIV+CSS最重要的優勢之一：保持視覺的一致性；以往表格嵌套的製作方法，會使得頁面與頁面，或者區域與區域之間的顯示效果會有偏差。而使用DIV+CSS的製作方法，將所有頁面，或所有區域統一用CSS文件控制，就避免了不同區域或不同頁面體現出的效果偏差。
我們都知道網站做出來是給瀏覽者使用的，對瀏覽者和瀏覽器更具親和力，DIV+CSS在這方面更具優勢。由於CSS富含豐富的樣式，使頁面更加靈活性，它可以根據不同的瀏覽器，而達到顯示效果的統一和不變形。
好的網頁，也離不開photoshop，前面我也説了，flash的製作所需要的圖片都要在photoshop中事先PS好的。那photoshop的作用就顯得很重要了，網頁中的flash都僅僅是一小部分，圖片佔的分量還是比flash要大的，故好的photoshop技術，那麼PS出來的圖片就會顯得更好，這樣網頁的檔次也會隨着上升。這次的網頁設計，因為是仿照一張圖片，那麼就要求我們要懂得photoshop中的切片工具的使用。切好片後，還要獲取圖片的背景色。這樣我們又得掌握吸管工具的使用了。切片過程中要注意的就是圖片的大小要控制在一個像素以內。所以我們需要先放大，然後才來控制切片線的位置。
從製作網頁過程中，我學到了新的美化網頁的方法，運用了更多以前未運用的技巧。這使我學到了更多的知識，並且為我自己在製作網頁這方面積累了一些經驗。這些將是我人生中的一次重要的經歷，將是我今後走上社會後的一筆巨大的財富。這次實習的收穫對我來説有不少，我自己感覺在知識、技能等方面都有了不少的收穫。總體來説這次是對我的綜合素質的培養，鍛鍊和提高。這兩週的學習實習中我在老師的指導下以大量明晰的操作步驟和典型的應用實例，教會我們。使更豐富全面的軟件技術和應用技巧，使我們真正對所學的軟件融會貫通。當前的軟件的功能日趨複雜，不學到一定的深度和廣度是難以在實際工作中應付自如的。因此反映出學習的還不夠，缺點疏漏。需在加以刻苦鑽研及學習，不斷開拓視野，增強自己的實踐操作技能，為以後能做出出色的網頁。
html網頁心得10
利用假期和休息時間，初步學習了有關html+css的知識，感觸頗多。做網站原來一直處於一種茫然的狀態，邊學邊做，邊實踐邊維護，每每遇到問題了，便會花費很大的精力去解決，在解決問題的過程中也慢慢提高，但工作有時相當的吃力。通過一段時間詳細的接觸到html+css，從基礎知識補起，利用空閒時間看書及有關div+css“佈局入門教程”，它通過舉一個例子，然後讓你上機測試效果，讓我有對樣式表CSS有一個初步的印象，知道了CSS能做什麼。我覺得這份教程很有條理，由淺入深，一步一步引領你向前走，讓你明白他們在説什麼。
在些之前，我是從未接觸過div+css的，甚至連dreamwear、photoshop的工具也都是皮毛。我的學習思路是這樣的：
一、先寫HTML還是先寫CSS？
對於一個新手而言，在有了一點html知識之後，對於CSS、DIV都感覺特別的疑惑，不知道這其中到底是什麼聯繫？為什麼用了CSS的網頁不能像其它代碼一樣直觀？html和css哪個先寫？其實這些問題在我看完教程，但還沒真正上手實踐時的疑惑！等真正上手自己做時，我才發現應該－－－兩者同時寫！
二、把站點建好，目錄建好，比如建好文件夾css,images,這兩個是最其本的，然後新建一個.html空文件，一個.css空樣式表，把.css外部樣式表連接到.html這個文件上，鏈接寫在中。
三、寫HTML中的最基本的佈局部分，都是用DIV，然後直接在DIV里加入ID或CLASS，這些佈局部分包括外套部分，頭部分，中間部分，左，中，右，版權部分等。
四、到樣式表中寫各個佈局層的樣式。
五、寫一段代碼後就進行瀏覽器的測試，同時用IE6與FF一起測試。在瀏覽器中調試，調試時發現許多之前沒有預料的問題，如瀏覽器的兼容問題、浮動的問題等。
六、不斷的找出問題、理解怎麼出錯的，不斷的再測試！
這樣的學習和研究過程，讓我體驗到了許多次的付出與回報的樂趣，如：
第一：閲讀一本書，一般來説我第一次要先把整個書通讀一遍，不理解的也要往下看，因為在往下看的過程中也許會找到那個問題的答案，等看完後我會有一個大概的`印象，但一定會有很多不明白的地方，沒關係，繼續往下看。
第二：就要邊看邊做學習筆記了，我有隨時寫筆記的習慣，電子稿或手寫稿均可。把自己認為是重點的部分寫上，便於以後查閲；再者，把覺得有疑問的部分記下，帶着疑問看下去，如果沒有答案，上網查詢或是問前輩，解疑是提高知識最快的一種方式。
第三：心態很重要，一定得靜下心看書，能不越過的看就不越過，要樹立信心，堅持再堅持下去。系統的將教程學完，一遍不行兩遍，持之以恆。
第四：當你到達終點時你回發現一切都是順理成章的事。因為你努力了，努力了就會有回報，有結果。
學習永遠沒有終點，隨着學習，知識不斷提高，所接觸的技術領域也隨之擴大。堅持看書，堅持以任何一種方式學習，都將受益無窮，也都是一件十分快樂的`事情。
html網頁心得11
一、瞭解HTML5前端開發技術
HTML？指的是超文本標記語言？，標記語言是一套標記標籤？HTML？使用標記標籤來描述網頁。HTML5區別於HTML的標準，基於全新的規則手冊，提供了一些新的元素和屬性，在web技術發展的過程中成為新的里程碑。HTML5被推廣用於Web平台遊戲開發，及手機移動領域，從市場來看，無論是桌面應用還是移動應用，HTML5都是當下Web技術中最炙手可熱的新寵，是創新的主旋律，在不久的時間裏一定會大有作為。
二、課程能讓你學到什麼
從前端開發的基礎出發，學習使用HTML，CSS，JavaScript等一系列前端技術，實現動畫特效。以開發實例展示為主導，循序漸進讓學員掌握HTML5技術的`應用。強化學員基礎，尤其是要針對JavaScpript基礎的強化從而掌握HTML5新功能API。
HTML5培訓內容首先是學習HTML5文檔結構和基礎語法，瞭解HTML5新特性，CSS3基礎語法和佈局樣式，圖形圖像軟件使用等。移動前端的交互JavaScript編程基礎、JavaScript交互編程實戰、JavaScript異步操作基礎、Ajax、JQuery、AngularJS使用方法。移動前段綜合開發；主要集中在H5+C3+jQ？Mobile，基於HTML5的移動網頁佈局、移動網頁界面樣式（CSS3）、HTML5本地存儲API、Geolocation地理定位、智能表單、Video、Audio應用、canvas和SVG的應用、桌面通知、離線應用、webGL基礎及應用（3D網頁遊戲）、WEB前端框架（JQuery，mobile、Sencha？Touch、PhoneGap）、Cocos2d—HTML遊戲引擎等。最後，項目實訓。項目實訓能夠提高綜合開發能力。
html網頁心得12
6.10號是我去培訓學校學習的第一天，剛來時什麼也不懂也不會，可以這麼説完全是零基礎。一天的學習下來，自己深受觸動，認真聽講，認真筆記。一天的學習量很多也很充實。於是每天這麼度過，一刻也不敢懈怠。漸漸地，我從無知到接觸
揣摩H5，開始老師講的聽不懂，但請教老師同學後，問題迎刃而解。老師同學都很親切積極幫助。來的時候老師就説三天學完基礎，第四天就要求能做出頁面。我一聽不敢相信。因為自己零基礎，短短四天怎麼可能，但是跟着老師一步步下來到第四天，自己還真能馬馬虎虎做出來頁面。
時光流逝，很快在這裏度過了一個月。然而月考即將到來，我忐忑不安。覺得自己第一階段還沒學好學紮實就考試了，感歎時間過得好快，考試的.一天，面對筆試題，我笑了，因為我這些日子日以繼夜的背全都會。機試本來我其實是應該發揮的特別好的，但是可惜的是框架搭錯了，除了倆個bug耽誤了一個小時，否則三個頁面我都能夠敲出來，不説滿分九十多分也是妥妥的。在這段時間裏我拼命的背筆記，敲頁面練習。穩固紮實。我覺得很好，起碼對得起自己，起碼自己學到手了。
H5説難也不難，説不難也難，關鍵看自己有沒有付出，全身心投入。愛不愛好。
html網頁心得13
學習H5我們不需要過度的關注細節，五柳先生的“不求甚解”的態度就很好，遇到能想起來，用到明白來源，不用作為擴展知識。
其次，H5的設計起點就是從實用出發的，也就是説很多特性都是怎麼方便就怎麼來。所以我們可以關注我們感興趣的技術，但是開發的時候還是不要特意的使用H5，能用到而且兼容性也不錯就用，用不到也不要“畫蛇添足”，比如163郵箱就有用到nav標籤等，但是如果自己不是很精通H5或者是沒必要重構就不要去把一些東西改為H5的，比如編寫JS的時候特意的用WebWorker，這就很不好!除非我們很明確的知道，這就是針對移動端這種基本上全面支持H5的Browser設計開發的功能。
最後，H5技術不復雜，它從來都不是什麼新技術，只是HTML的延續，我認為的H5包括如下三點:
(1)改進及增強的HTML屬性，新頁面可以嘗試使用。
(2)增強了的JS交互接口:WebWorker、WebStorage、WebDB、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的構建過程，來幫助我們學習、開發高效頁面。“課外知識”多了，自然就能做到“他強由他強，清風拂山崗”的境界了。