心得體會是指一種讀書、實踐后所寫的感受性文字。大家想知道怎么樣才能寫得一篇好的心得體會嗎？那么下面我就給大家講一講心得體會怎么寫才比較好，我們一起來看一看吧。

html網頁設計心得體會篇一

俗話說的好“書山有路勤為徑，學海無涯苦作舟”。在這一絕世佳句的鼓動下，我把握了工作之余的一切可利用的剩余時間，全心全意投入到網頁世界，去不斷的學習，去不斷的收索；同時去不斷的充實，去不斷的完善自我，在網絡的天空下逐漸的美化自己的人生！

在學習網頁制作的過程中，我深深體會到一點“有付出，就終有回報”，你的付出與你的回報終究是成正比的。經過了多少漫漫長路，經過了多少忘我的投入，經過了多少波折，我的網頁與眾人見面了。當我第一眼在網絡下一覽我的個人主頁，我是多么的激動，多么的興奮，就像多年未見的老同學，一種講不出道不明的感覺。

我在制作主頁中的心得體會：

做好主頁，并不是一件容易的事，它包括個人主頁的選題、內容采集整理、圖片的處理、頁面的排版設置、背景及其整套網頁的色調等很多東西。

在個人主頁中標題起著很重要的作用，它在很大程度上決定了你整套個人主頁的定位。一個好的標題必須有概括性、簡短，有特色、容易記，還要符合自己主頁的主題和風格，決不要取一個名不符實的＂好名字＂，別人第一次上了當，下次再也不會光顧了。

選好標題后，開始采集內容，內容必須與標題相符，在采集內容的過程中，應注重特色，所謂特色應該是有一些自己的東西。個人主頁中的特色，應該突出自己的個性，把自己的興趣、愛好盡情地發(fā)揮出來，因為在網絡上不受限制。主頁就是在網絡上的一個小小家園，在那里，可以放上自己喜歡的任何東西，包括你自己平時喜歡一些文章，一些好聽的歌，一些好的動畫作品。把這些內容按類別進行分類，設置欄目，讓人一目了然，在欄目上不要設置太多，最好不要超過十個，層次上最好少于五層。

做個人主頁不能只用文字，必須在主頁上適當地加一些圖片，增加可看性，俗話說＂一圖勝千言＂，我想不無道理，一張?zhí)幚淼煤玫膱D片不需要多做任何解釋，就能讓人一目了然，讓人去思考，去了解它。當然處理得不好的以及無關緊要的圖片最好不要放上去，否則讓人覺得是累贅，同時也影響網頁的傳輸速度。圖片不僅要好看，還要在保證圖片質量的情況下盡量縮小圖片的大?。醋止?jié)數），在目前網絡傳輸速度不是很快的情況下，圖片的大小在很大程度上影響了網頁的傳輸速度。那么如何精簡圖片的大小呢，一般來說，圖片顏色較少的及在256色以內的最好把它處理成gif圖像格式，如果是一些色彩比較豐富的圖片，最好把它處理成jpg圖像格式，因為gif和jpg各有各的壓縮優(yōu)勢，應根據具體的圖片來選擇壓縮比。

網頁頁面整體的排版設計也是不可忽略的，要讓讀者在狹小的電腦屏幕上閱讀，很重要的一個原則是合理地運用空間，讓自己的網頁井井有條，留下必要的空白，人覺得很輕松。不要把整個網頁都填得密密實實的，沒有一點空隙，這樣會給人一種壓抑感。

網頁的背景并不一定非要用白色，選用的背景應該和整套頁面的色調相協(xié)調。合理的應用色彩是非常關鍵的。

如果想自己的網頁更有特色一些，可適當地加一些網頁制作的技巧，諸如聲音、動態(tài)網頁、java、applet等，當然這些小技巧最好不要加太多，它會影響網頁的下載速度。

等個人主頁做得差不多了，可別忘了在個人主頁上放一個留言板、一個計數器。前者能及時獲得參觀者的意見和建議，及時得到網友反饋的信息，最好能做到有問必答，用行動去贏得更多的訪問者；后者能讓知道主頁參觀者的統(tǒng)計數據，可以及時調整設計，適應不同的瀏覽器和參觀者的要求。

昨天，網頁與我無緣，那是因為上天不給我們一個見面的機會！

今天，網頁與我相識，與我相知，成為我的一個最真誠的朋友，那時因為李導師的辛勤栽培！

明天，網頁與我一生相伴，終身相隨，那是因為我領悟了什么是“一個網絡，整個世界”。

總而言之，我將用畢生的精力，心血去換取網絡中最燦爛的那顆夜明珠，在網頁的藍圖里，我將記下人生不朽的個人詩篇！

html網頁設計心得體會篇二

目前，互聯(lián)網是最快捷的信息傳播渠道之一，學習網頁制作成了學生必須掌握的一項技能。在幾年的教學實踐之中，我總結了《制作簡單網頁》教學中值得注意的幾個問題：

現(xiàn)階段信息技術課程的主要任務之一是培養(yǎng)學生對信息技術的興趣和意識。興趣是學生基于自己的學習需要而表現(xiàn)出來的一種認識行為，它在學生的學習中具有重要的作用。我認為，教師激發(fā)學習興趣，挖掘學習需求是授課前必須解決的問題。從知識結構看，網頁制作是在學生掌握了一定的理論基礎和操作技能之后，對互聯(lián)網有了一定的了解、瀏覽過相當數量的網頁和站點之后引入的。在準備期中教師應該適當地引導學生，可以采取展示法、教學對話法等，也可以融合多種方法進行。

例如，在學習瀏覽網頁時，我有計劃地挑選一些專題網站和個人站點推薦給學生，他們在看過之后一定會有自己的想法，老師再給他們提些問題。我經常推薦給學生我校的學生及班級制作的站點與網頁。學生會把他們自己的見解說得頭頭是道。接下來就提出問題：如果由你來做這個站點，哪些地方需要修改？如果把你做一個站點該如何設計？在學生的頭腦中先有了一些模糊的認識，產生了做個站點的想法 https:/// ，再在老師的幫助下梳理成一個比較成型的站點框架，接下來就是：怎么做網頁？用什么工具？有了興趣，帶著這些問題，進入這一階段的學習，就比較主動，學習效果也會比較好。

學習網頁制作，首先接觸的是概念和理論性的知識?；仡檶W習一些應用軟件的過程，肯定不是先把理論背熟，而是從操作使用開始的。我并不是說理論不重要，而是切入的時機要掌握好。對于這一部分的教學，可以根據教學實際，合理調整教學順序和重點。對涉及到的理論知識，可以盡量在教操作的時候滲透。一些純理論的知識，不妨一帶而過，教學取得階段成果后，再單獨強調。

正在進行的新課程改革，提倡的是教給學生可遷移的知識。我體會，遷移是理論到實踐。很多應用軟件，模式基本上是統(tǒng)一的，在窗口組成、菜單內容和操作方法等方面是相通的。對這類內容，我認為可以采用比較法、示范法、啟發(fā)法等教學方法。例如，制作網頁和保存網頁兩個知識點：可以在介紹了工具軟件（如frontpage）窗口組成之后，就布置學生輸入并編輯一段文字，然后把該文件保存在指定位置。這些操作都是前面學過的，對學生來講既是學習也是復習。作為老師，我們在糾正學生錯誤的同時，還可以幫助學生比較這幾個軟件在使用中的異同。比如，輸入文字，在word和frontpage中可在編輯區(qū)中直接寫，而在powerpoint中必須寫在文本框里。通過比較，加深印象，達到學習和提高的目的。在這部分中，除文字處理外，像修飾網頁、插入表格等內容都可以這樣比較著講。

學習是一個循序漸進、螺旋式提高的過程。在這個過程中，作為教學組織者和指導者，教師的教學設計和準備工作非常重要。例如，在學習網頁修飾時，可采用了示范法和演示法結合的教學方法，先設計幾個頁面，都是在上一節(jié)課作的、樣例頁面的基礎上改的。上課時，讓學生打開上節(jié)課制作的網頁，他一看，老師的頁面上比他多了個圖片，馬上問怎么做的，我演示給他看，他也加上圖了……每次我演示出的頁面總比學生們做出來的多一點小修飾，他們就不斷地提問，不斷地學習新技巧，再不斷地付諸實踐。用這種示范加演示的方法教學，效果還不錯。但對老師來講，備課的工作量比較大，課堂上的輔導任務也重一些。

信息技術劃分為精英技術和大眾技術。目前，信息技術基礎模塊中講授的均屬大眾技術，要求學生掌握的是可以廣泛遷移的知識。但是，大眾技術太簡單了，有些學生不用我們教，自己玩電腦就玩會了。這類學生，上課時通常不愿再聽，還經常搞些小動作，或者做些小軟件來炫耀一下。小孩多半有這種心理，我們不妨給他創(chuàng)造這個條件，讓他充分發(fā)揮特長。有一次，剛開課不久，有個學生把他的個人主頁演給我看，當時我考慮了一下，讓他在全班同學面前作了演示，解說他的創(chuàng)作思想，并指出了他作品中的亮點。這個學生當然很自豪了，別的同學也都很佩服他的能力。在其他同學眼中，他就是高手了，以后的學習過程中有了問題，不問老師，先問他去，逐漸地他就成了我課堂上的一名小助教了。學生中的榜樣作用和傳、幫、帶作用不可低估，如果你班里有幾個這樣有一定特長的學生，不妨考慮采取任務驅動、分組合作等方法進行教學，讓他們帶動全班的同學學習提高。學生之間相互學習、相互幫助、相互帶動比單純的老師教效果更好。

學生的基礎差別很大和心智發(fā)展水平很大不同。在這種情況下，分層次教學是一種行之有效的辦法。一般的，我把學生分成三個a、b、c三個層次。a層次的學生是基礎好，特長明顯，自學能力強的一部分，對這部分學生，倡導自主學習，給他們布置任務或課題，學生獨立完成，只是在需要的時候向他們提供幫助；b層次的學生是基礎一般，能在老師的講解、示范和引導下學習，對這部分學生可采用靈活多樣的教學方法按步就班地學習，b層次的學生是學生群體中的大多數；c層次的學生是學習有一定困難的學生，我對他們的要求是掌握基礎，除了給他們進行特別輔導之外，還采取結對子的辦法，給每人配一個a層次的學生作為助理，幫助他們學習。但在分層次教學中要格外注意保護c層次學生的自尊心和學習積極性。

創(chuàng)新是素質教育的核心內容。鼓勵、指導學生大膽、靈活地運用已學知識，解決實際問題是培養(yǎng)學生創(chuàng)新精神和能力的有效方法。我認為在網頁制作這一部分的小結或復習階段可以適當采用主題型課或任務驅動式的方法，設計引導學生從頭至尾制作一個專題站點。當然，復習中也可以適當采取教學對話、教學討論、示范等教學方法。

html網頁設計心得體會篇三

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

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

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

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

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

html網頁設計心得體會篇四

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

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

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

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

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

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

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

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

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

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

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

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

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

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