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

html網(wǎng)頁設(shè)計心得體會篇一

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

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

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

做好主頁,，并不是一件容易的事，它包括個人主頁的選題,、內(nèi)容采集整理,、圖片的處理、頁面的排版設(shè)置,、背景及其整套網(wǎng)頁的色調(diào)等很多東西,。

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

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

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

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

網(wǎng)頁的背景并不一定非要用白色,，選用的背景應(yīng)該和整套頁面的色調(diào)相協(xié)調(diào),。合理的應(yīng)用色彩是非常關(guān)鍵的。

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

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

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

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

明天,，網(wǎng)頁與我一生相伴,，終身相隨，那是因為我領(lǐng)悟了什么是“一個網(wǎng)絡(luò),，整個世界”,。

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

html網(wǎng)頁設(shè)計心得體會篇二

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

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

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

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

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

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

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

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

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

html網(wǎng)頁設(shè)計心得體會篇三

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

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

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

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

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

html網(wǎng)頁設(shè)計心得體會篇四

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

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

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

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

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

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

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

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

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

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

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

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

經(jīng)過這翻調(diào)試,、測試，網(wǎng)站不存在圖片顯示不出來的問題,，以及超鏈接無法連接的問題,。

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