網頁設計心得

時間：2022-12-21 20:14:19 心得體會

網頁設計心得范文（精選6篇）

　　心中有不少心得體會時，不妨將其寫成一篇心得體會，讓自己銘記于心，這樣可以不斷更新自己的想法。那么你知道心得體會如何寫嗎？下面是小編精心整理的網頁設計心得范文（精選6篇），歡迎閱讀與收藏。

網頁設計心得范文（精選6篇）

網頁設計心得范文（精選6篇）1

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

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

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

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

網頁設計心得范文（精選6篇）2

　　轉瞬之間，半個學期又接近尾聲，在李導師的精心輔導下，度過了這個富有生機，富有朝氣的學期。學到了很多做夢也不會遇到的如此奇特的有趣知識，對于我來講是一個很好的鍛煉和充實的機會。

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

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

　　我在制作主頁中的心得體會總結:

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

　　1.標題

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

　　2.內容的采集

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

　　3.圖片

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

　　4.網頁排版

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

　　5.背景

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

　　6.其它

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

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

　　7.宣傳

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

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

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

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

網頁設計心得范文（精選6篇）3

　　在學習網頁制作的這段時間里，我利用了學習之余的一切可利用的剩余時間，全心全意投入到網頁世界，去不斷的學習，去不斷的探索;同時去不斷的充實，去不斷的完善自我，在網絡的天空下逐漸的美化自己的人生!

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

　　標題在個人主頁中起著很重要的作用，它在很大程度上決定了你整套個人主頁的定位。一個好的標題必須有概括性、有特色、簡短易記，不要符合自己主頁的主題和風格。

　　網頁頁面整體的排版設計也是不可忽略了，很重要的一個原則是合理也運用空間，讓自己的網頁井然有序，留下合適空間，會給人輕松的感覺。

　　主頁中不光要有文字，還要適當地加一些圖片。俗話說一圖勝千言，我想它不無道理。一張處理得好的圖片不需再多做解釋，就能使人一目了然，讓人去思考，去了解它。

　　通過這次制作網站的過程，我最大的感受就是制定網站計劃的重要性。一個好的計劃可以詳細制定網站的相關內容，為后面的工作節省很多時間，所以在制定計劃時要有充分的準備。

　　我通過整個包括主題的確定，網頁的設計，資料的整和等制作的過程，才更加深入地理解了這些理論。我會懷著濃厚的興趣去學習，與同事之間互相協作學習，學會把理論知識運用到實際中，真正提高我的自主學習能力、協作精神和實踐能力。向著做一個真正意義上的教育技術專業人士的目標前進。

網頁設計心得范文（精選6篇）4

　　在經濟迅速發展的今天，internet顯得更為重要它是人們發布信息與傳遞信息的重要渠道，為了與社會發展同步，為了讓我們成為真正的技術性人才。學校在本周為我們安排了維持三周的網頁制作專用周是實習，讓我們把平時所學知識運用到實習中做到真正的學以致用而不只是紙上談兵。通過本周的實習使我獲得了更多的新知識同時也使我使我認識到了自己在學習上的許多不足。

　　近三個星期的實訓將要結束，其中的酸甜苦辣我會在今后的日子里不斷地去咀嚼，去回味，去探索。從制作網頁過程中，我學到了新的美化網頁的`方法，運用了更多以前未運用的技巧。這使我學到了更多的知識，并且為我自己在制作網頁這方面積累了一些經驗。這些將是我人生中的一次重要的經歷，將是我今后走上社會后的一筆巨大的財富。這次實習的收獲對我來說有不少，我自己感覺在知識、技能等方面都有了不少的收獲。總體來說這次是對我的綜合素質的培養，鍛煉和提高。

網頁設計心得范文（精選6篇）5

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

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

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

　　二、規劃好整個網站

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

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

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

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

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

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

網頁設計心得范文（精選6篇）6

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

　　通過老師的講解和對課本的翻閱，我學習到了一些關于建設網站和制作網頁的知識，對網頁制作的基礎知識也有了一定的掌握。通過Dreamweaver制作網頁，我用到了一些基本的功能：圖片插入和對齊設置；文字的格式、顏色、背景顏色的設置等。但是在自己嘗試著做的時候，總是出現這里那里的問題。不是圖片不能固定在自己想要的位置，就是滾動文本的顯示區域不知道為什么撐過了頁面，還有就是不同分辨率、不同瀏覽器都會對瀏覽網頁產生影響。而且在CSS方面，我總是不太熟悉各種代碼是控制哪些東西的。除了查找解決問題我還總結了經驗。例如：

　　1、命名站點或者文件夾的的時候一定要注意，最好用相應的英語或者漢語拼音，要見名知意，如圖片文件夾用image或者tu，這樣可以避免頁面調用時不正確的現象發生。

　　2、調用Style時可以單擊鼠標右鍵選擇CustonStyle來調用Style標準，也可以在狀態欄中的元素列表上單擊右鍵來調用Style。雖然不同的方法達到的效果看似一樣，但實際上產生的HTML代碼則完全不同。在這個過程中，我同樣認識到網頁設計不是一門學科的獨秀，而是多種課程的綜合，它是Flash、Photoshop等網頁軟件的綜合應用。例如Flash提供了功能齊全的繪圖和編輯圖形工具。可以直接在編輯區里繪畫，編輯修改非常靈活，它的另一大特點是“交互性”強。在動畫播放時，可以用鼠標或鍵盤對動畫的播放進行控制，可以很直觀的反映出效果。頁面設計應以美觀、大方、簡潔為原則，保持一致的風格。為了達到最佳的視覺表現效果，應講究整體布局的合理性，使瀏覽者有一個流暢的視覺體驗。網頁最主要的功能就是給每個上網者提供一種形式，讓他們能夠了解網站提供的信息。要研究網頁設計，就需要站在用戶的角度來看。用戶是一個網站成敗的關鍵。如果用戶要花很多時間進入網站，很有可能他會立即關掉網站，或者網站操作很不方便用戶也會馬上離開，這種網站是很失敗的設計，只會讓用戶失望的離去。所以網頁容量即包括圖像在內的網頁字節數最好不要超過50K。

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

　　下面簡單介紹下網頁設計的理念和要點。網頁設計理念：

　　（1）內容決定形式：先把內容充實上，再分區塊，再定色調，再處理細節。

　　（2）先整體，后局部，最后回歸到整體：全局考慮，把能填上的都填上，占位置。然后定基調，分模塊設計。最后調整不滿意的`幾個局部細節。

　　（3）功能決定設計方向：看網站的用途，決定設計思路。商業性的就要突出贏利目的；政府型的就要突出形象和權威性的文章；教育性的，就要突出師資和課程。

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

　　一、確定網站的整體風格：

　　1、將標志logo，盡可能的放在頁面最突出的位置。

　　2、突出標準色彩。

　　3、總結一句能反映網站精髓的宣傳標語。

　　4、相同類型的圖像采用相同效果，比如說標題字都采用陰影效果，那么在網站中出現的所有標題字的陰影效果的設置應該是完全一致的。

　　二、網頁色彩的搭配：

　　1、用一種色彩。指選定一種色彩，然后調整透明度或飽和度，這樣頁面看起來色彩統一，有層次感。

　　2、用兩種色彩。先選定一種色彩，然后選擇它的對比色。

　　3、用一個色系。就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。在網頁配色中，還要切記一些誤區：

　　1、不要將所有顏色都用到，盡量控制在三至五種色彩以內。

　　2、背景和前文的對比盡量要大（絕對不要用花紋繁復的圖案作背景），以便突出主要文字內容。

　　針對我所學的平面設計方向，那么這次應用到了創意思維，版面設計，色彩配置。圖形創意等方面都很重要，對于網頁設計作為一種視覺語言，特別講究編排和布局，雖然主頁的設計不等同于平面設計，但它們有許多相近之處，版式設計通過文字圖形的空間組合，表達出和諧與美。不積跬步，無以至千里。我已經在老師的指引下邁入了網頁設計的大門，在今后的閑余時間繼續認真學習制作網頁的更多知識以實現自身技能的提高。

【網頁設計心得】相關文章：

網頁設計心得12-24