網頁設計製作的心得體會6篇

只有用真實的情感去寫心得體會，才能讓讀者感受到我們的真誠與熱情，心得體會是我們對過去經歷的回顧，可以幫助我們更好地規劃未來的發展方向，以下是本站小編精心為您推薦的網頁設計製作的心得體會6篇，供大家參考。

網頁設計製作的心得體會篇1

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

一。充分發揮動手能力

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

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

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

三。不足之處

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

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

網頁設計製作的心得體會篇2

網頁設計伴隨着網絡的快速發展而快速興起，作為上網的主要依託，由於人們使用網絡的頻繁而變得非常重要。生活中我每天上網都要接觸到網頁，原來沒有留意過網頁的設計，但是經過這段時間的學習瞭解，現在我打開一個網頁都會習慣性的先看看排版、佈局和色彩運用。

通過老師的講解和對課本的翻閲，我學習到了一些關於建設網站和製作網頁的知識，對網頁製作的基礎知識也有了一定的掌握。通過dreamweaver製作網頁，我用到了一些基本的功能：圖片插入和對齊設置；文字的格式、顏色、背景顏色的設置等。但是在自己嘗試着做的時候，總是出現這裏那裏的問題。不是圖片不能固定在自己想要的位置，就是滾動文本的顯示區域不知道為什麼撐過了頁面，還有就是不同分辨率、不同瀏覽器都會對瀏覽網頁產生影響。而且在css方面，我總是不太熟悉各種代碼是控制哪些東西的。除了查找解決問題我還總結了經驗。例如：1、命名站點或者文件夾的的時候一定要注意，最好用相應的英語或者漢語拼音，要見名知意，如圖片文件夾用image或者tu，這樣可以避免頁面調用時不正確的現象發生。2、調用style時可以單擊鼠標右鍵選擇custon style來調用style標準，也可以在狀態欄中的元素列表上單擊右鍵來調用style。雖然不同的方法達到的效果看似一樣，但實際上產生的html代碼則完全不同。在這個過程中，我同樣認識到網頁設計不是一門學科的獨秀，而是多種課程的綜合，它是flash、photoshop等網頁軟件的綜合應用。例如flash提供了功能齊全的繪圖和編輯圖形工具。可以直接在編輯區裏繪畫，編輯修改非常靈活，它的另一大特點是“交互性”強。在動畫播放時，可以用鼠標或鍵盤對動畫的播放進行控制，可以很直觀的反映出效果。 頁面設計應以美觀、大方、簡潔為原則，保持一致的風格。為了達到最佳的視覺表現效果，應講究整體佈局的合理性，使瀏覽者有一個流暢的視覺體驗。網頁最主要的功能就是給每個上網者提供一種形式，讓他們能夠了解網站提供的信息。要研究網頁設計，就需要站在用户的角度來看。用户是一個網站成敗的關鍵。如果用户要花很多時間進入網站，很有可能他會立即關掉網站，或者網站操作很不方便用户也會馬上離開，這種網站是很失敗的設計，只會讓用户失望的離去。所以網頁容量即包括圖像在內的網頁字節數最好不要超過50k。

還涉及到界面弱化的問題。一個好的界面設計它的界面是弱化的，它突出的是功能，着重體現的是網站業提供給使用者主要是什麼。這就涉及到瀏覽順序、功能分區等等。要讓訪客在0.5秒內就能把握網站的行業性質，1秒內就知道該從哪個地方開始使用這個網站，能點一次的，絕不點第二次。當然上面説的是大多數功能性網站，對於宣傳展示性網站，諸如加特效的或flash網站，可能就不得不花哨一些，但不能太過分。網站不是動畫片，在效率越來越高，社會心理越來越浮躁的中國，人們的耐心越來越小，心理承受能力越來越低。效果可以體現意境，點到為止。

下面簡單介紹下網頁設計的理念和要點。網頁設計理念：（1）內容決定形式：先把內容充實上，再分區塊，再定色調，再處理細節。（2）先整體，後局部，最後迴歸到整體：全局考慮，把能填上的都填上，佔位置。然後定基調，分模塊設計。最後調整不滿意的幾個局部細節。（3）功能決定設計方向: 看網站的用途，決定設計思路。商業性的就要突出贏利目的；政府型的就要突出形象和權威性的文章；教育性的，就要突出師資和課程。

網頁設計的兩大要點是：整體風格和色彩搭配。

一、確定網站的整體風格: 1、將標誌logo，儘可能的放在頁面最突出的位置。2、突出標準色彩。3、總結一句能反映網站精髓的.宣傳標語。4、相同類型的圖像採用相同效果，比如説標題字都採用陰影效果，那麼在網站中出現的所有標題字的陰影效果的設置應該是完全一致的。

二、網頁色彩的搭配: 1、用一種色彩。指選定一種色彩，然後調整透明度或飽和度，這樣頁面看起來色彩統一，有層次感。2、用兩種色彩。先選定一種色彩，然後選擇它的對比色。3、用一個色系。就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。在網頁配色中，還要切記一些誤區：1、不要將所有顏色都用到，儘量控制在三至五種色彩以內。2、背景和前文的對比儘量要大(絕對不要用花紋繁複的圖案作背景)，以便突出主要文字內容。

針對我所學的平面設計方向，那麼這次應用到了創意思維，版面設計，色彩配置。圖形創意等方面都很重要，對於網頁設計作為一種視覺語言，特別講究編排和佈局，雖然主頁的設計不等同於平面設計，但它們有許多相近之處，版式設

計通過文字圖形的空間組合，表達出和諧與美。不積跬步，無以至千里。我已經在老師的指引下邁入了網頁設計的大門，在今後的閒餘時間繼續認真學習製作網頁的更多知識以實現自身技能的提高。

網頁設計製作的心得體會篇3

很多設計師認為做好了企業網站就一定能夠做好行業網站的設計，其實對設計來説行業網站和企業網站的設計截然不同，對整個網站的創意、風格、整體框架佈局、文字編排、圖片的合理利用，空間的合理安排上面等…有着許多諸多的要求，需要考慮的面更廣，面對的問題也會更多。對於一名優秀的網站設計師來説不能絕不能放過任何一點小細節，本篇文章簡述的是設計師在做行業網站時所需考慮的一些問題。

一、網站風格/創意

風格(style)是抽象的。是指站點的整體形象給瀏覽者的綜合感受。整體形象包括站點的版面佈局，色彩，字體，瀏覽方式等…。如：我們覺得迪斯尼是生動活潑的而ibm則是專業嚴肅的。每一個網站都會給人們留下的不同感受。這裏我們需要做到的是根據網站的定位做出網站特有的風格。除此我們還需要在風格同一上需要把握一下，其實這個風格的統一和傳統的印刷出版物沒什麼區別。你網頁上所有的圖像、文字，包括像背景顏色、區分線、字體、標題、註腳什麼的，都要統一風格，貫穿全站。這樣子用户看起來舒服、順暢，會對你的網站留下一個“很專業”的印象。而企業網站設計師往往就缺乏這一點，沒有全局意思。創意，所謂創意就是不拘一格？某些設計師在做創意的時候大費周章，做出來確實不可否認很有創意、很別緻，但往往對於行業網站的客户為什麼不能接受呢？此時不要太責怪客户的不識貨，應該反思，抓住客户的需求。其實做行業網站不需要很多大的`創意，也不要浪費過多的時間去追求如何個性、如何好看，我們只需要一點小小的創意貫穿全站，也許會使網站更生動更具有吸引力、更有思想，比如中國現車交易網

二、網站logo logo

顧名思義就是站點的標誌圖案，logo最重要的就是用圖形化的方式傳遞網站的定位和經營理念、同時便於人們識別。網站logo的設計過程中一般有以下三種思路：

1、直接以網站網址作為logo。

2、根據網站提供的產品/服務特點展開logo設計。

3、以傳遞網站運營商的經營理念為特色。如：全球五金網 logo

三、視覺流程

人們在閲讀某種信息時，視覺總有一種自然的流動習慣，先看什麼，後看什麼，再看什麼。在心理學的研究表明，一般的瀏覽習慣是從上到下、從左到右，在一個平面上，上松下穩而壓抑。同樣，平面的左鬆右穩。所以平面的視覺影響力上方強於下方，左側強於右側。這樣平面的上部和中上部被稱為“最佳視域”，也就是最優選的地方。在網頁設計中一些突出或推薦的信息通常都放在這個位置。當然這種視覺流程只是一種感覺並非一種固定的公式，只要符合人們的心理順序和邏輯順序，就可以更為靈活地運用，在網頁設計中，靈活而合理地運用直接影響到傳達信息的準確與有效性。

網頁設計製作的心得體會篇4

不知不覺,二個星期的《網頁設計與網站建設》課程的實操即將過去,回顧這一段日子,真的令我體會很深,也學會很多東西,懂得很多以前不懂的東西,也明白了一些事情.

自從第一天接觸《網頁設計與網站建設》課程,我以下定決心要把網頁這門課學好,做出一個優秀的網站.所以我時刻沒有錯過任何學習的機會,無論在課堂上,還是在課外上.更何況這一次實操.回顧今次的實操我覺得我過得很充實,很有意義,因為我可以誠實的説我在實操沒有玩過一次遊戲,我每時每刻都在設計網站,還記得晚上做網站做到一、二點，可能有人會説我傻，但正因為這個傻的行動，令我學會很多東西，學會別人不懂的東西，做出一個令自己滿意的網站，可能跟別人比還需要繼續完善，但我不會因為實操結束，就把網頁設計拋到九霄雲外，我會繼續學習網頁設計技術，把它變為自己的一項特長。

回顧第一天的《網頁設計與網站建設》課程實操，老師叫我們繼續完善以前設計的網站，做出留言板、註冊的功能。我很快就完成了，但可能我是一個追求完善的人，所以儘管一個網站做好可以馬上交給老師。但我做出一個別人都不贊同的決定，從頭開始做一個網站。因為我覺得以前那個真的不是太好，儘管實操的時間過去了一半，儘管別人對我説你交原來這個不就行了嗎!何必再做一個呢?但真因為我的執著，追求成功，追求完善的人，才會使我今天交出一個令自己滿足的答卷。

在製作個人網站時我們首先：

一、必需進行個人網站前台功能設計

包括個人網站主題的確定，前台功能設計與管理、個人網站主頁設計、個人網站留言板、註冊、忘記密碼、搜索等網頁設計與管理。

二、對個人網站後台管理功能設計

包括個人網站後台管理功能的設計、後台管理信息系統功能的設計、後台系統權限管理、後台文件管理、個人網站後台管理系統主頁設計。

三、網站的發佈

通常我們發佈一個網站可能以能過域名註冊，但我們也可以利用自己主機，裝了iis別人就可以通過我的ip地址來訪問我的主頁。第一次做的那個網頁我已經發布在上網了。

四、個人網站推廣

一個網站做好了，就要對個人網站進行推廣，這是一個電子商務網站必需做得的一步，因為如果你不對你的網站進行推廣，就算你發佈了也沒有人會知道的。

在這次實操過程中令我印象最深的是做留言板，因為剛好在上一個星期sql數據庫實操做過了，所以今次在做就比較輕鬆，但我以前是經過一個比較長的練習，做完了n次，可能有人會想，肯定是不會才做這麼多次啦!但我想告訴這位同學我每次做得都不是不同的方法。第一次我用的是access數據庫，第二次我用的是sql數據庫加權限管理，第三次我用的是數據源名稱的連接，第四次我用的是自定義連接字符串，第五次……每一次用的方法都是不同的，可能有人會説我傻，會一種方法就行了，還要那麼多嗎?但我想説的就是不是這麼多次的練習，不是之麼多次不同的方法，也就不會造就出今天熟能生巧的我，也不會對同學提出的問題解決到，也不會輕鬆教會同學，因為你自己首先學會，學通，學廣，才能把問題一一的解決。

網頁設計製作的心得體會篇5

上學的時候我就對網站建設比較感興趣，剛好有機會參加了一個為期兩週的網站建設實訓課程，在這兩週的網站建設實訓課程學習過程中，我練習掌握了很多關於網站建設的知識和技巧。因為這是我比較感興趣的課程，所以對於所學的知識非常珍惜，學到了很多對以後工作和生活很有幫助的知識。

我們這一小組做的主要內容為建設一個網上商店的網站，網上商店的名稱是“衣之谷”。主要內容包括網站主頁、商品分類、新品推薦、購物幫助和客户服務。而我負責客户服務的網頁製作。在整個實訓過程中，難免會遇到一些比較困難的問題。每當這時，我們先是通過組內成員間共同討論商量解決的辦法。若沒有討論出結果，我們會向其他同學詢問意見，綜合分析後會找指導老師幫忙解決問題，找出問題所在，改正錯誤。最後我們的網站終於圓滿完成了，這是值得慶幸也令我們比較有成就感的一件事情。最後我們的一番努力終於取得了成果，心裏挺開心的。我們的努力是值得的。

經過這次網站建設課的實訓，讓我對自己有了新的認識，也學到了網頁設計的知識。在實訓中，我們將在書本上學習過的很多理論知識付諸實踐，實際運用，我體會到了其中的難度。在今後的工作和生活中，自己需要更加努力的奮鬥下去。實訓的同時也讓我瞭解到了自己的不足，我會繼續努力，完善自我。對於學校的精心安排和指導老師的用心輔導非常感謝。

轉眼間，兩週愉快而又充實的網站建設實訓課程結束了，在這不長的時間裏，在實訓的過程中，讓我嘗試了理論與實踐的結合。網頁設計理論一點點轉化為實踐經驗，豐富的實訓知識，讓我充滿驚喜、快樂和充實，當然也少不了網頁設計處理過程中的困難。實訓結束了，感覺腦袋裏又注入了新的知識，對網站建設和網頁設計也有了更深的瞭解，在以後的工作中，希望能用自己瞭解的東西去處理相關的問題，再探究新的問題，使自己不斷進步。

這兩週裏，我學到了很多關於網頁製作方面的知識，也學會了怎樣與人團隊合作，這些都將會對我的成長有很大的幫助，將會在以後的學習、工作和生活中起到很大作用。這次實訓是我們從學校到以後找工作的一個過渡。有了這次學習的機會，自己成長了不少，也學到了很多。對於書本上的理論知識更加的鞏固了，更重要的是自己得到了這個寶貴的學習機會。

這次網站建設實訓，讓我受益匪淺，通過實訓這樣的學習方法對於我們以後不管是學習工作還是生活都是受用的。

網頁設計製作的心得體會篇6

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

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

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

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

因為需要滾動的文字佔的空間太大，把左邊的那部分表格全部佔滿了，而在實際的網頁預覽中，這個有文字滾動的框只佔了左邊oeasy教你玩轉網頁設計瀏覽的工具建站程序三分之一，左邊有三分之二留白了。我就想可不可以把文字這樣一層層的放在上面，試了很多方法，在網站查了很多資料，可能因為沒有專業術語作為搜索的關鍵詞，查不到任何相關的資料，試過div標籤，試過不停的拆分表格，最後還是沒有效果。就這樣試着試着，突然想到了層這個概念。於是在佈局中點擊了繪製層，結果成功了，經過一些加工，終於成功的完成左邊的佈局。印象還比較深刻的是插入聲音，記得老師曾經給我們講過很多次怎樣插入聲音，可是等到自己做網頁的時候卻忘記了，於是問其他人，結果居然都忘記了，於是自己在百度上收。

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