html網頁設計實訓心得范文（精選17篇）

　　某些事情讓我們心里有了一些心得后，將其記錄在心得體會里，讓自己銘記于心，這么做能夠提升我們的書面表達能力。你想好怎么寫心得體會了嗎？以下是小編收集整理的html網頁設計實訓心得范文（精選17篇），希望能夠幫助到大家。

html網頁設計實訓心得范文（精選17篇）1

　　時光飛逝，轉眼間在千鋒學習html5開發生活半年了，如今學成畢業找到心儀的工作，最要感謝的莫過于千鋒了。

　　起初剛來千鋒還是有些不適應，習慣了大學散漫的生活，突然正經的按時上課，每天學習那么久的時間，覺得好累，還記得第一天上完課完成作業是21:15，那時候我感觸特別深，上了3年的大學都從沒有認真學習到這個點的時候，真是奇跡，當時還興奮的不行，覺得不可思議，直到后來，在千鋒的學習，才知道這是家常便飯，也習以為常。

　　從起初的不適應覺得不現實，到如今的每天主動學習，到關教學樓才會回寢室，這對于我來說就是從一個學渣逆襲成為學霸，千鋒成就了我。

　　有緣遇見助教華哥盡職盡責

　　來到千鋒先認識的就是我們26班的助教華哥，其實來千鋒學習最終收獲滿意的成果最要感謝的莫過于華哥了，初入千鋒遠離家人，不懂不會的好多，華哥都會盡心盡力的幫我們解決，無論生活還是學習，就是我們的大哥哥，帶領我們學習，還記得當初有問題，問華哥，為我們改問題找錯到好晚，

　　一直陪著我們學習，9.30下晚自習就可以回去休息的他，每天陪我們到關教學樓，是班級最后一個走的人，周六我們上自習，還來陪我們給我們解決問題。

　　用自己休息的時間來帶我們，真的是盡心盡力，從未遇見這么負責的老師。

　　后來來到了32班，又有緣遇見華哥，那時候正是3階段，最關鍵的時候，華哥每天晚自習考我們面試題，給我們講面試題，讓我們找到一個好工作，真是盡職盡責。

　　昨日的付出才有今日的成績

　　還記得我們不學好不會你認真講解的樣子，還記得我們貪玩不認真，你跟我們著急生氣的樣子，還記得我們拿到心儀的`offer，你高興的樣子，還記得太多太多，都是你帶給我們的，沒有你當初陪我們激勵我們學習，也就沒有今天的我們，在此特別感謝華哥。感謝千鋒的老師。

　　還記得做項目期間cookie不會，想抄以前的代碼改一改，高老師就坐在我旁邊，一步一步的教我怎么寫，直到我自己寫出來為止，我回來為止。

　　在我自己想放棄的時候，高老師都沒有放棄我，而是帶著我，一步一步的講解，耐心的給我教會，也讓我重拾了信心，還有鵬哥，知道我們幾個人基礎差，每次講完課都會下來問一遍學會了沒有，沒聽懂就再講一遍，一遍不會講兩遍，午休給我們講，晚自習還給我們講，直到我們學會了為止。

　　盡心盡力從無怨言。

　　真的有你們昨日的付出，才有我們今日的成績。

　　感謝遇見這樣的團隊，這樣的老師。

　　如今，已完成這半年的艱苦奮斗，終于‘修成正果’。

　　找到理想的工作，是千鋒成就了我，給了我希望，給了我未來。

　　在這里特別向千鋒致敬，感謝有這么負責的教育機構，同時希望千鋒越來越好，培養出更多的人才。

html網頁設計實訓心得范文（精選17篇）2

　　風塵仆仆的來到了大連，來參加匯博組織的HTML5培訓，從HTML5基礎講起，起初并不以為然，想這HTML這個平常上課也經常接觸到的東西，但是聽完第一堂課后，后面的興趣越來越濃厚，尤其是講到HTML5的新特性時候，講到canvas畫布時候，突然感覺HTML的.功能遠遠超出了我的想象，超出了我的預期，當自己做完第一個實例的時候，就想以后一定要把這個充滿未來潛力的東西傳到學校，學生一定會感興趣。當老師簡單講完CSS和JS時候，然后將HTML5+CSS+JS結合起來的時候，就感覺這是個強大無比的組合，不次于使用C#在VS平臺上實現的功能。尤其是其在游戲和動畫上的效果，使得頁面可以輕松拋棄Flash的枷鎖也同樣能夠實現強大的動畫效果。

　　最后一天Intel的老師講到如何將HTML5的APP上傳到不同平臺的應用商店時候，這時候就更感到自己學到的東西有意義了。不像以前單純教學，為了完成教學任務而教學，通過應用的上傳，可以更加鼓勵學生的積極性，激發他們的學習動力，嗯，不錯的思路，把這個思路用在教學上，一定能有所收獲，學生一定能感興趣。

　　這次培訓對于自己在今后教學過程中提出了一個新的思路，我們的教學可以找到學生的興趣點，像歐美國家教育環境那樣能夠激發出學生自身的興趣，而這個激發就需要我們老師和企業共同想辦法能為學生由被動學習變為主動激發資深興趣去學習。這才是最重要的，才能培養出高質量人才。總之，感謝Intel，感謝微軟，感謝匯博給我們提供了這次培訓，期待下次培訓。

html網頁設計實訓心得范文（精選17篇）3

　　利用假期和休息時間，初步學習了有關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網頁設計實訓心得范文（精選17篇）4

　　學習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的構建過程，來幫助我們學習、開發高效頁面。“課外知識”多了，自然就能做到“他強由他強，清風拂山崗”的境界了。

html網頁設計實訓心得范文（精選17篇）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網頁設計實訓心得范文（精選17篇）6

　　一連上了兩個星期的網頁實訓課，可以說學到很多以前沒有學到的東西。雖然在大一的時候我們的專業出開設了網頁設計課，但感覺這兩個星期學到的遠遠比以前學一個學期的要多，要豐富。

　　每一天都有新的內容要學，讓人感覺很興奮，很高興，恨不得馬上就把它給學會。通過這次實訓使我更熟練掌握Dreamweaver、Flash、Fireworks、Photoshop等軟件的功能和應用。不但如此，更增加了同學間的友誼，陪養了彼此間的團結。

　　在這期間，每一天老師都會發一些素材和實訓給我們，首先是網頁素材的準備，在網上查看一些網頁背景和背景顏色搭配，讓我了解到網頁的顏色不能多過3種色彩。接下來的幾天再結合自己的網頁來進行策劃，在做首頁之前，先用圖紙把網頁的結構畫出來，內容和結構都想清楚用Fireworks把網頁設計出來，再切割圖片，把它們導成Html格式在Dreamweaver中進行進一步的編輯。

　　我們的網站主要是圍繞宿舍而展開的一串活動、人物等，宿舍給我們一種很溫馨、很快樂的感覺，所以我們決定將這次的網頁名叫funnyroom。主題確定好了，那么分工出就明確了，我們組有三個人，兩個人負責找素材，另一個美術好的就負責網頁的頁面設計，但是我們始終不是學美術方面的，所以色彩方面搭配的不是很好，后來采用了色彩比較清新自然的綠色來作為首頁的主色調，讓人第一眼看上去就有難忘的感覺。而從第二頁開始就采用粉色為主色調，讓人可以感受到我們的主題，因為首頁和其它的顏色不一樣，所以我們就把首頁當作是過渡頁，第二頁開始才是網頁的內容。為了增加網頁的新鮮感和活潑感，還適當在添加一些透明flash和一些網頁特效。在這實訓的.時間里面，我們分工合作，共同努力，對網頁反復調試和修改，特別是對于Fireworks軟件不那么熟悉，有很多的實例都要看過老師的演示才會明白，不過這也恰恰讓我學到更多。雖然中途難不免會有因為意見的不合而發生一些小小的爭吵，但我覺得不影響我們的網頁設計，反而會因為這些不同的意見而重新學到更多的知識。

html網頁設計實訓心得范文（精選17篇）7

　　時間過得很快，從剛開始的培訓開始到現在的培訓結束，似乎都是眨眼間的事情。首先很感謝任課老師莫老師和班主任以及其他騰科工作人員的工作付出，還有班級上共同學習進步的'小伙伴們，讓我順利的學完了HTML5所有課程。這次HTML5課程的學習讓我學到了很多前端方面的知識，感覺自身的IT技術提升了不少。

　　此次課程培訓讓我對HTML5有了更加深入的了解。HTML指的是超文本標記語言，標記語言是一套標記標簽，HTML使用標記標簽來描述網頁。HTML5區別于HTML的標準，基于全新的規則手冊，提供了一些新的元素和屬性，在web技術發展的過程中成為新的里程碑。從市場來看，無論是桌面應用還是移動應用，HTML5都是當下Web技術中最炙手可熱的新寵，是創新的主旋律，在不久的時間里一定會大有作為。

　　學習都是一步一個腳印，H5學習也是從前端開發的基礎學起，首先學習使用HTML、CSS、Java、Jquery等一系列前端技術，實現一些網頁動態效果。再到后面的Vue。js、bootstrap、Type等一些主流框架，還有微信小程序的學習。培訓課程當然不是上課聽懂就可以，而是必須能要去動手操作，達到熟練使用的要求和效果，為了保證學習效果，課程以理論和實例相結合的方式進行授課。而且每個學習階段的結束都會做一個實訓項目，做項目不僅能是學到一些新知識，也能查缺補漏，鞏固自己所學知識。

　　最好希望自己早日找到工作，在前端開發這條路上創造輝煌！

html網頁設計實訓心得范文（精選17篇）8

　　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網頁設計實訓心得范文（精選17篇）9

　　這個學期學習了網頁設計實訓基礎這門課程，使我增加了計算機的基礎知識，同時也增加了對學習計算機的濃厚興趣。

　　第一、從這次實訓當中我深刻的體會到理論知識的重要性，只有在自己熟練理論知識后再能在實踐中游刃有余，才不會出現“用時方恨少的境地。”

　　第二、實訓中我印象最深的是對各種網頁制作工具的使用不熟練，甚至還有個別不會用的，只是自己想要做個圖片或圖標等都做不好，其心情想而知。所以對這些網頁是做工具的使用都要練習。

　　第三、集體協作是我又一個體會。這次網頁制作由于某些原因我一個人一組，是我搞掘到壓力很大而且很累，而且我自己的'思維能力很有限，網站設計和制作上也略顯粗糙和不足，正所謂：你有一個思想，我有一個思想，分享后我們就都有兩個思想。所以與同學合作是很有必要的。

　　人生的快樂莫過于做自己喜歡的事情，我很慶幸能有這次實訓機會，因為我喜歡靜靜地坐著去做做自己心里的故事，或許做的不是特別完美，從此也可以看出我以后還需要更多的努力，我會奮勇向前不斷不努力的，希望能夠得到老師的肯定！

html網頁設計實訓心得范文（精選17篇）10

　　本學期的網業設計課程，開展了動態思維訓練教學活動，對于我們學生來說，可以激發學習興趣，調動學習的自覺性，自己動腦、動手，動口，運用網絡資源，結合教材及老師的指導，通過自身的實踐，創作出積聚個人風格、個性的個人網頁。總體來說，整個學期的學習過程，我學會了很多知識，雖然過程比較艱辛，但在INTENET領域中，有了一個展示自我的空間，我覺得很開心、很有成就感。

　　一、充分發揮動手能力

　　作為網頁設計的初學者，我對網頁設計非常感興趣，一心想設計出一個美觀、實用、內容豐富的個人網頁。本學期的教改方案由以前學生單純接受知識變為主動參與教學活動。在這樣的壓力和動力下，通過自己動手、動腦，通過網絡資源，老師的指導，在不斷發現問題和解決問題的過程中學到了很多知識，也增強了我的創作能力和動手能力，在網頁設計過程中，從構思到設計、完善、維護，整個過程我都全身心投入，使我真正學到了網頁設計的知識。

　　二、在設計過程中不斷提高網頁設計水平

　　在本次網頁設計中，我不僅學到了很多關于網頁設計方面的知識，也從中學會了關于網絡、編程等方面的知識。我從最初開始運用FrontPage設計網頁，到后來運用Dreamweaver、Flash、Fireworks等網軟件設計網頁，完善網頁。在這個過程中，我通過自學教材、上網查詢，學習了Dreamweaver、Flash、Fireworks等網頁軟件的應用，學會了管理、維護自己的站點，以及一些簡單動畫、控件的制作等等。在設計過程中也出現了很多的問題，但通過看書，上網查詢，請教老師等方式，不斷的學習、解決、提高，設計出的網頁不論是外觀還是內容，都在不斷的進步、改善。可以說在自己動手，不斷實踐的過程中，網頁設計水平得到了很大的提高。

　　三、不足之處

　　由于平時工作比較繁忙，學習時間比較少，對于網頁設計軟件的強大功能運用得還不夠。在網頁設計過程中，由于沒有網頁制作代碼的知識，所以在設計時也遇到了很多麻煩，有時插入一個特效腳本也是很麻煩。在網頁制作過程中，想提高設計水平，想有個理想的網頁，必須學會代碼的運用，我將在以后的學習過程中不斷加強這方面的學習，希望老師能簡單介紹一下代碼，讓我也對它有個初步的'認識，以后再加強學習也才會有所提高。

　　總體來說，通過今次的對網頁設計的學習，有收獲也有遺憾、不足的地方，但我想，我已經邁入了網頁設計的大門，只要我再認真努力的去學習，去提高，憑借我對網頁設計的熱情和執著，我將來設計出的網頁會更加專業，更完善。也希望老師在今后的日子里多指導。

html網頁設計實訓心得范文（精選17篇）11

　　通過這次實訓，我收獲了很多。以下是我的實訓總結。

　　在實訓中除了學到了許多新的知識，還鍛煉了我做項目的能力，提高了獨立思考問題、自己動手操作的能力。實訓中的項目作業也使我更加有團隊精神。

　　一、繼續學習，不斷充實自我。

　　在實訓中除了學到了許多新的知識，了解了關于HTML5的相關知識，對互聯網+有了新的認識，對于未來工作的方向也多了一種選擇。

　　二、努力實踐，不斷提升自我。

　　只有將理論付諸于實踐才能實現理論自身的'價值，也只有將理論付諸于實踐才能使理論得以檢驗。同樣，一個人的價值也是通過實踐活動來實現的，也只有通過實踐才能鍛煉人的品質，彰顯人的意志。這次跟隨老師實訓完成了四個項目，和我的小伙伴們獨立完成了一個小項目，滿滿的激動，未來還要更加努力。

　　三、完善總結，不斷深造自我。

　　實訓，展現在自己面前的是一片任自己馳騁的沃土，耕種夢想，成就未來。我將繼續學習，深入實踐，不斷提升自我，多反思，多總結，吸取經驗，為以后打下基礎。

　　可以說這次實訓不僅使我學到了知識，豐富了經驗；將會有利于我更好的適應以后的工作。最后，我要感謝學院組織的這次十分有意義的實訓，使我們學到了很多，也領悟了很多。

html網頁設計實訓心得范文（精選17篇）12

　　20世紀40年代科學字發明了計算機之后，人們的工作效率大大提高，但是單個計算機能夠存儲和處理的信息是非常有限的，為了便于信息的傳遞和處理，人們就把眾多的計算機連接起來。

　　網頁制作論文摘要通過這次個人網頁的制作，我對計算機有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網頁制作的過程與一些技巧手法更有了另外一番了解，對網頁制作的基礎知識也有了一定的.掌握。通過把自己的網頁上傳到互聯網上，對文件的保存、上傳、下載以及修改等知識有了更牢靠的掌握。通過自己的努力完成了自己上傳到網上的第一個作品，那種成就感是無法用語言形容的。所以我覺得這次制作網頁我已經達到了自己的目的，而不是單單為了完成作業而已。這是一個完全關于自己的個人網頁，既然是介紹自己，就應該讓觀者在瀏覽了之后了解自己其人。

　　1、一般來說，個人主頁的選材要小而精。如果你想制作一個包羅萬象的站點，把所有您認為精彩的東西都放在上面，那么往往會事與愿違，給人的感覺是沒有主題，沒有特色，樣樣有卻樣樣都很膚淺，因為您不可能有那么多的精力去維護它。注意：網頁的最大特點就是更新快。目前最受歡迎的個人主頁都是天天更新甚至幾小時更新一次。

　　2、題材最好是你自己擅長或者喜愛的內容。比如：您對詩歌感興趣，可以放置自己的詩詞；對足球感興趣，可以報道最新的球場戰況等等。這樣在制作時，才不會覺得無聊或者力不從心。

　　3、不要太濫或者目標太高。“太濫”是指到處可見，人人都有的題材；“目標太高”是指在這一題材上已經有非常優秀，知名度很高的站點，你要超過它是很困難的。

　　選定了一個好的題材，是不是可以立刻動手制作了？不，經驗告訴我們，必須要先規劃框架。這是很重要的一步！每個網站都是一項龐大的工程。好比造高樓，沒有設計圖紙，規劃好結構，盲目的建造，結果往往是倒塌；也好比寫文章，構思好提綱，才不至于邏輯混亂，虎頭蛇尾。全面仔細規劃架構好自己網站，不要急于求成。

　　規劃一個網站，可以用樹狀結構先把每個頁面的內容大綱列出來，尤其當你要制作一個很大的網站 （有很多頁面） 的時候，特別需要把這個架構規劃好，也要考慮到以后可能的擴充性，免得做好以后又要一改再改整個網站的架構，十分累人，也十分費錢。

　　大綱列出來后，你還必須考慮每個頁面之間的鏈接關系。是星形，樹形，或是網形鏈接。這也是判別一個網站優劣的重要標志。鏈接混亂，層次不清的站點會造成瀏覽困難，影響內容的發揮。

html網頁設計實訓心得范文（精選17篇）13

　　通過這次實訓對這門課程的學習，做好網頁，并不是一件容易的事，它包括網頁的選題、 內容采集整理、 圖片的處理、 頁面的排版設置、 背景及其整套網頁的色調等很多東西。

　　所以我得出一下總結：

　　一、 準備資料和挑選符合目的主題的合適素材

　　做網頁當然要收集、準備資料。在網上多轉轉，看到什么漂亮的網頁，把它保存起來， 作為以后自己設計主頁時的`參考。另外，還包括搜集美化主頁可能要用到的各種材料，如背景、小動畫圖標等等。可以在硬盤上建一個文件夾，下分“圖片、聲音、動畫”等文件夾， 養成上網時看到有創意、新鮮的圖像，就按鼠標右鍵存入你硬盤相應文件夾的習慣，時間一長就擁有了一個可觀的圖庫，等做網頁時隨手拈來或加以修改就成你自己的東西了。

　　二、 規劃好整個網站

　　主頁的設計應以醒目優先，應該令人一目了然，切勿堆砌太多不必要的細節，或使畫面 過于復雜。切記，頁面給人的第一觀感最為重要！在網上到處瀏覽網站的人很多，如果你的主頁給人的第一印像沒有吸引力， 很難令他們深入觀賞， 而且他們恐怕再也不會訪問你的網站了。

　　三、 善用圖片，增強藝術效果

　　我記得老師說過網頁的迷人之處之一， 要算它上面能點綴許多漂亮的圖片。 精美的圖片設計，可以使自己的網頁增輝不少，令人過目不忘。圖片的內容應有一定的實際作用，切忌 虛飾浮夸，同時還要注意與文字的顏色搭配。最佳的圖像集美觀與資訊于一身。

　　四、善于借鑒他人主頁制作中的設計技巧

　　由于在網上用瀏覽器瀏覽任何主頁時， 都能查看到該主頁制作時所編寫的絕大部分網頁編程源代碼。因此，如果想知道并掌握一些優秀的主頁采用的設計技巧，試著將其源代碼 調出來仔細揣摩，并模仿著一步一步去實現。

　　最后感謝老師多日來的辛勤教導！

html網頁設計實訓心得范文（精選17篇）14

　　在炎熱的夏季，又在悶熱的機房中，我們又一次的完成了網站建設的實習。在這實習期間，有太多的話想說，都是苦不堪言。但事后又想想，苦過了，才知道有甜。

　　在這實習當中，我知道了div是html(超文本語言)中的一個元素,div+cs是一種網頁的布局方法,div+css包括 行內樣式、內嵌式、鏈接式、導入式、css選擇器、標記選擇器、類別選擇器、id選擇器、選擇器聲明、css繼承。還有id與class區別：id不允許重復使用，只能用一次，css規范和其他規范javascript控制方法一樣。

　　說實話，我對div+css一點兒都不懂，但起碼我知道了這是一種網頁的布局格式，總比不知道強。有句話說，不懂就要學。是的，既然學了了這個專業，就不能對這個專業模糊。所以，就要學習學習再學習。征服畏懼、建立自信的最快最確實的方法，就是去做你害怕的事，直到你獲得成功的經驗。

　　我們經過兩周的實訓，通過前期的合同洽談、簽訂，到后期的網站制作、網站發布，讓我受益匪淺。不僅讓我了解通過網絡洽談商務的禮儀和細節，也讓我的網站制作知識及技能有了很大提高。

　　前期我們通過發送電子郵件，進行網上商務的接洽。由于沒有做好工作——了解商務郵件的格式，導致郵件發了很長一段時間，雙方還僅僅停留在認識階段，確實說來很失敗。

　　在擬定合同時，由于不能真正滿足客戶的需求，一些條款及報價不合理，因此要一次又一次反復的修改合同。這主要是因為我們不能正確解讀客戶的要求，并且我們不能拿出我們公司為大洋禮品公司網站建設的特色。

　　在網站制作的起初階段，由于不曾制作過網頁，雖然團隊確立了分工，但還是有些迷茫。公司沒有確立風格和大體的布局，并且搜集資料是一個漫長而又復雜的過程。通過瀏覽各類禮品網站，心里大概有了一定的想法和設計。

　　我的主要任務有“誠聘英才” 、“產品導航” 、“展會禮品” 、“廣告促銷禮品” 。我最先做的是“誠聘英才” ，我是參照中國電信誠聘英才首頁做的，它看似制作簡單，其實布局十分復雜、精致。在處理圖片是我遇到了不少困難，最典型的就是有一次我想在圖片中插入文字，但始終插入不了，后來通過請教老師，總算知道了其中的奧妙。原來是圖層被鎖定了，要重新拷貝圖層，再考貝的圖層上就可以插入文字了，并且文字其實也是一個圖層，它是可以移動的。盡管我為誠聘英才網頁付出了很多，但并沒有被采納，并且此時我也設計了logo，也沒有被采納。

　　“產品導航”是一個困擾我一上午的問題(此刻公司首頁已經制作完畢，而它與合同上的“產品導航”頁面布局類似，于是這讓我一時間很難抉擇。我就一邊設計一邊思考，此時我為公司定的色彩風格是紅色，我為導航欄設計的是交互式按鈕，并且設計了初始字體、懸停、按下時字體顏色。可是這一切都是白費，由于后來我們將風格確定為藍色，并且導航欄確定都采用首頁中插入的圖片，但我覺得這樣有些不好：例如它不可以設置超鏈接的字體顏色，這是很不專業的體現。團隊由于缺乏及時的溝通，導致其他組員一些好的想法得不到實施，確實是我們團隊合作的.一個問題所在。

　　展會禮品、廣告促銷禮品由于套用相同的布局，設計上沒有什么難點，只是在這基礎上進行產品的進一步分類和圖片的搜集有些費神和花時間。我在制作這一系列網頁時，都特別注意修改網頁標題。網頁標題是十分重要的，它是每打開一張網頁的頭標。

　　前面這一階段的工作我還有一個小收獲，這就是圖片位置，其實在圖片屬性中圖片定位選擇絕對定位，再在下面輸入距左距上的距離即可，這是一個很不錯的方法。

　　后期我們進行每個人作的網頁整合時遇到了不少問題 ，原先我們認為超鏈接是可以整合的，其實不然，只能在一個文件內作。當時已經花了一天的工時，可后來在晚上才發現，不只這個問題，還有每個人做的網頁都是保存在網站文件夾下，而最后上傳到服務器上只能有一個網站文件夾。所以后來我們組有三個人加班熬夜的。原本以為這樣已經差不多了，可是當我們把網站通過 windowsxxiis默認web站點上傳進行本地調試時發現所有網頁導航欄的圖片都顯示不出來，一些超鏈接也無法連接，這下讓我們有些驚慌失措。通過向老師了解，知道可能是圖片命名的問題，web服務器無法識別中文命名的圖片，此外網頁也需命名為英文。于是我們又忙于修改圖片和網頁的名稱。我的所制作的展會禮品將網頁都放在private文件夾下，導致所有需要連接到展會禮品首頁的都不能進行。我首先需要把private文件夾下的網頁全部剪切出來，并且檢查超鏈接，而這些只能在frontpage文件夾試圖下進行。同時還要在http上檢測，進行及時的修改。超鏈接檢測是我展會禮品網頁的一個主要問題。公司主頁上的“展會禮品”始終連接不到“展會禮品首頁” ，反復的進行超鏈接都無法成功，其實是因為我所連接的超鏈接路徑不對，其實我應該根據瀏覽器上不能連接到的網頁路徑進行修改超鏈接。

　　經過這翻調試、測試，網站不存在圖片顯示不出來的問題，以及超鏈接無法連接的問題。

　　在互聯網越來越深入到生活中每一個角落的年代，網頁的表現形式就如同以前書本上的文字，傳達著的是網絡語言，每一條線、每一個色塊、每一種版式、每一種組合都傳遞給閱讀者一種感覺。實際上網頁的表現形式已是互聯網至關重要的元素。它是一種創造性、有成就感的工作。

html網頁設計實訓心得范文（精選17篇）15

　　轉眼間，已到了期末，學習網頁設計這門課程也要結束了，雖然時間有點短，但是學過這個幾周以后我受益匪淺。

　　記得最初接觸dreamweaver的時候，我很茫然，因為剛接觸陌生的軟件心里會很害怕跟不上老師的進程。剛開始幾節課，老師講得比較基礎，還能跟得上，漸漸的老師授課的進程開始加速，有些跟不上了，需要下課后自己補上，問老師和周圍的同學。漸漸的，在老師的悉心教導下，我們開始熟悉這個軟件了。老師布置的第一個任務，要求做一個自我形象網站。由于學習的時間較短，老師只要求用PS做好模板即可，任務相對簡單。但也要求設計感強，色彩搭配和諧，并且盡可能的做成實用又符合實際的漂亮網頁。

　　第二個網頁設計老師要求相對較高，用dreamweaver做一個比較接近真實的網頁，還要做一個二級頁面。于是開始收集各方面的資料。確定了主題就開始布局了。最開始使用了一個表格，然后在表格內進行拆分合并處理，接著就把通過ps處理出來一個版頭并且把修改過大小的圖片放進去了。

　　中間時預覽，問題出現了，發現版頭與下面的圖片文字之間出現了很大的一段距離，但是在軟件中已經把距離縮小為0了，多次嘗試后沒有效果。最后想到可以另外再加一個表格，把版頭放在一個表格內面，這樣問題就解決了。預覽是效果還不錯。但是總覺得首頁做得太普通，一次瀏覽學長做的網頁時，覺得他們的文字滾動窗口做得效果做得不錯，于是想借見一下。就決定把自己網站的左邊修改修改。復制了他的代碼，把上面的內容修改成我的網站需要的文字。本以為可以輕松的完成，但是卻出現大問題了。

　　因為需要滾動的文字占的空間太大，把左邊的那部分表格全部占滿了，而在實際的網頁預覽中，這個有文字滾動的框只占了左邊Oeasy教你玩轉網頁設計瀏覽的工具建站程序三分之一，左邊有三分之二留白了。我就想可不可以把文字這樣一層層的放在上面，試了很多方法，在網站查了很多資料，可能因為沒有專業術語作為搜索的關鍵詞，查不到任何相關的資料，試過div標簽，試過不停的'拆分表格，最后還是沒有效果。

　　就這樣試著試著，突然想到了層這個概念。于是在布局中點擊了繪制層，結果成功了，經過一些加工，終于成功的完成左邊的布局。印象還比較深刻的是插入聲音，記得老師曾經給我們講過很多次怎樣插入聲音，可是等到自己做網頁的時候卻忘記了，于是問其他人，結果居然都忘記了，于是自己在百度上收。

　　最后終于找到了一個可以使用的代碼，但是在加入聲音路徑時出現了問題。在屬性內加入源文件，結果就是加不進去MP3的音樂文件，然后自己就嘗試加入了一個視頻，記下了路徑格式，然后照著這種格式寫下了指向聲音源文件的路徑，最后成功了。在設計過程中還出現了很多的問題，但通過看書，上網查詢，請教同學等方式，不斷的學習、解決、提高，設計出的網頁不論是外觀還是內容，都在不斷的進步、改善。可以說在自己動手，不斷實踐的過程中，網頁設計水平得到了很大的提高。熱情和執著，我將來設計出的網頁會更加專業，更完善。

html網頁設計實訓心得范文（精選17篇）16

　　6.10號是我去培訓學校學習的第一天，剛來時什么也不懂也不會，可以這么說完全是零基礎。一天的學習下來，自己深受觸動，認真聽講，認真筆記。一天的學習量很多也很充實。于是每天這么度過，一刻也不敢懈怠。漸漸地，我從無知到接觸

　　揣摩H5，開始老師講的聽不懂，但請教老師同學后，問題迎刃而解。老師同學都很親切積極幫助。來的時候老師就說三天學完基礎，第四天就要求能做出頁面。我一聽不敢相信。因為自己零基礎，短短四天怎么可能，但是跟著老師一步步下來到第四天，自己還真能馬馬虎虎做出來頁面。

　　時光流逝，很快在這里度過了一個月。然而月考即將到來，我忐忑不安。覺得自己第一階段還沒學好學扎實就考試了，感嘆時間過得好快，考試的一天，面對筆試題，我笑了，因為我這些日子日以繼夜的背全都會。機試本來我其實是應該發揮的特別好的.，但是可惜的是框架搭錯了，除了倆個bug耽誤了一個小時，否則三個頁面我都能夠敲出來，不說滿分九十多分也是妥妥的。在這段時間里我拼命的背筆記，敲頁面練習。穩固扎實。我覺得很好，起碼對得起自己，起碼自己學到手了。

　　H5說難也不難，說不難也難，關鍵看自己有沒有付出，全身心投入。愛不愛好。

html網頁設計實訓心得范文（精選17篇）17

　　一、了解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網頁設計實訓心得】相關文章：

網頁設計實訓心得07-28

網頁設計實訓心得02-28

網頁設計實訓報告07-07

網頁設計實訓總結04-20

網頁設計實訓心得10篇03-19

網頁設計實訓心得(10篇)03-19

網頁設計實訓心得15篇03-25

網頁設計的實訓心得體會12-22

網頁設計的實訓心得體會05-17