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中的最基本的佈局部分，都是用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遊戲引擎等。最後，項目實訓。項目實訓能夠提高綜合開發能力。