網(wǎng)頁設(shè)計心得體會范文3篇

Word———網(wǎng)頁設(shè)計心得體會范文3篇下面是我整理的網(wǎng)頁設(shè)計心得體會范文3篇(網(wǎng)頁設(shè)計與制作心得)，供大家參考。

網(wǎng)頁設(shè)計心得體會范文1

不知不覺，我已經(jīng)學(xué)習(xí)《網(wǎng)頁設(shè)計與制作》這門課程一個學(xué)期了，雖然時間有點短，但這一個學(xué)期以后我卻受益匪淺，不僅讓我全面的、系統(tǒng)的.學(xué)會了頁設(shè)計與制作的基礎(chǔ)學(xué)問，還讓我學(xué)會了自己動手去制作屬于自己的網(wǎng)頁，這對于我來說是很值得興奮的，能讓我在以后的工作生活中更好的呈現(xiàn)自己。

建立一個網(wǎng)站就像蓋一幢大樓一樣，它是一個系統(tǒng)工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設(shè)計出一個滿足的網(wǎng)站。

首先，我們要確立網(wǎng)站主題。網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容，一個網(wǎng)站必需要有一個明確的主題。特殊是對于像我這樣的個人網(wǎng)站，你不行能像綜合網(wǎng)站那樣做得內(nèi)容大而全，包羅萬象。你沒有這個力量，也沒這個精力。網(wǎng)站的主題無定則，只要是你感愛好的，任何內(nèi)容都可以，但主題要鮮亮，在你的主題范圍內(nèi)內(nèi)容做到大而全、精而深。

然后，我們要找材料。明確了網(wǎng)站的主題以后，你就要圍繞主題開頭搜集材料了。常言道：“巧婦難為無米之炊”。要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越簡單。材料既可以從圖書、報紙、光盤、多媒體上得來，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁的素材。

找到材料后，我們還要規(guī)劃網(wǎng)站。一個網(wǎng)站設(shè)計得勝利與否，很大程度上打算于設(shè)計者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設(shè)計師設(shè)計大樓一樣，圖紙設(shè)計好了，才能建成一座美麗的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容許多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運用等，你只有在制作網(wǎng)頁之前把這些方面都考慮到了，才能在制作時駕輕就熟，胸有成竹。也只有如此制作出來的網(wǎng)頁才能有共性、有特色，具有吸引力。如何規(guī)劃網(wǎng)站的每一項詳細(xì)內(nèi)容，我們在下面會有具體介紹。

做好以上三步之后，我們就要選擇合適的制作工具。

盡管選擇什么樣的工具并不會影響你設(shè)計網(wǎng)頁的好壞，但是一款功能強(qiáng)大、使用簡潔的軟件往往可以起到事半功倍的效果。網(wǎng)頁制作涉及的工具比較多，首先就是網(wǎng)頁制作工具了，在這里，我們一般都是用有“網(wǎng)絡(luò)三劍客”之稱的Dreamweaver、Fireworks、flash來制作網(wǎng)頁，對于圖片部分的處理，個人覺得Photoshop比較好用。

最終，我們就需要根據(jù)規(guī)劃一步步地把自己的想法變成現(xiàn)實了，這是一個簡單而細(xì)致的過程，肯定要根據(jù)先大后小、先簡潔后簡單來進(jìn)行制作。所謂先大后小，就是說在制作網(wǎng)頁時，先把大的結(jié)構(gòu)設(shè)計好，然后再逐步完善小的結(jié)構(gòu)設(shè)計。所謂先簡潔后簡單，就是先設(shè)計出簡潔的內(nèi)容，然后再設(shè)計簡單的內(nèi)容，以便消失問題時好修改。在制作網(wǎng)頁時要多敏捷運用模板，這樣可以大大提高制作效率。

網(wǎng)頁做好之后，就要發(fā)布到Web服務(wù)器上，才能夠讓全世界的伴侶觀看，還要不斷地進(jìn)行宣揚，這樣才能讓更多的伴侶熟悉它。

以上就是我對于網(wǎng)頁制作的一些個人心得，由于本人的技術(shù)還不是很成熟，還存在許多的不足（如：背景過于單調(diào)和網(wǎng)頁布置不合理）。選擇學(xué)習(xí)這門課是很正確的選擇，雖然在以后不會再有機(jī)會去上了，但我還是會通過各種方式連續(xù)頁設(shè)計和制作的，同時很感謝帶我入門的徐兵老師，讓我有機(jī)會去學(xué)習(xí)有關(guān)網(wǎng)頁的學(xué)問，感謝！

網(wǎng)頁設(shè)計心得體會范文2

不知不覺我學(xué)習(xí)整站網(wǎng)頁設(shè)計也有一段時間了，很興奮我能在這計算機(jī)深化的社會里，學(xué)習(xí)到建設(shè)網(wǎng)站和網(wǎng)頁設(shè)計的一些學(xué)問。網(wǎng)絡(luò)成了我們獵取學(xué)問和信息的一種便捷工具，如今的生活，商業(yè)都已經(jīng)在網(wǎng)絡(luò)上如火如荼地開展，我認(rèn)為，學(xué)習(xí)網(wǎng)絡(luò)學(xué)問，對于生活在網(wǎng)絡(luò)時代的我們還是很有必要的。接下來我想共享一下我的獨家網(wǎng)頁設(shè)計學(xué)習(xí)心得。盼望能夠為正在學(xué)習(xí)網(wǎng)頁設(shè)計的你們也供應(yīng)一點關(guān)心。

學(xué)習(xí)網(wǎng)頁設(shè)計的過程中，我也勝利制作了屬于自己的網(wǎng)站，通過這一次嘗試，我對計算機(jī)有了更深層次得到了解，也有了更深厚的愛好。尤其是對網(wǎng)頁制作的過程與一些技巧手法更有了另外一番了解，對網(wǎng)頁制作的基礎(chǔ)學(xué)問也有了肯定的把握。我覺得，在設(shè)計網(wǎng)頁之前：

首先必需做到先確定網(wǎng)頁設(shè)計的內(nèi)容，由于一個優(yōu)秀的風(fēng)站要有一個明確的主題，整個網(wǎng)站圍繞這個主題，也就是你在網(wǎng)頁設(shè)計之前要明確你這個網(wǎng)站有什么目的，用來做什么，全部頁面都是圍圍著這個內(nèi)容來制作，有了明確的內(nèi)容對排名有很重要的作用。

其次自然是了解你網(wǎng)站所在行業(yè)的客戶。要知道用戶是一個網(wǎng)站成敗的關(guān)鍵，假如用戶要花許多時間進(jìn)入你網(wǎng)站很有可能用戶會馬上關(guān)掉你網(wǎng)站，或者你網(wǎng)站操作很不便利用戶也會立刻離開，這種網(wǎng)站是很失敗的設(shè)計，只會讓用戶絕望的離開。

我在這次設(shè)計網(wǎng)頁的過程中，最終體會到做一個網(wǎng)頁的主頁不是一件簡單的事情，它包括個人主頁的選題、內(nèi)容采集整理、圖片的處理、頁面的排版設(shè)置、背景及其整套網(wǎng)頁的色調(diào)等許多東西。制作主頁要留意：

要想一個好的標(biāo)題。標(biāo)題在個人主頁中起著很重要的作用，它在很大程度上打算了你整套個人主頁的定位。一個好的標(biāo)題必需有概括性、有特色、簡短易記，不要符合自己主頁的主題和風(fēng)格。

主頁中不光要有文字，還要適當(dāng)?shù)丶右恍﹫D片。一張好的圖片可以賽過你的千言萬語。也能讓進(jìn)入你網(wǎng)頁的人一目了然，產(chǎn)生愛好。

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

當(dāng)然在做這些內(nèi)容之前，是要找好資料的，我們可以從報紙，雜志，光盤等媒體中把相關(guān)的資料收集，再加上肯定的編輯后就可以了。另外一個好的方法是從網(wǎng)絡(luò)上收集，您只要到搜尋引擎上查找相應(yīng)的關(guān)鍵字，就可以找到一大堆的資料。設(shè)計制作網(wǎng)頁我可以推舉一個不錯的軟件，那就是Dreamweaver。只需要用到此款軟件中的一些基本的功能：圖片插入和對齊設(shè)置；文字的格式、顏色、背景顏色的設(shè)置等就可以制作出一個簡潔的網(wǎng)頁。好了，網(wǎng)頁設(shè)計制作完畢后，最終一步就是要優(yōu)化網(wǎng)站了。

就我的觀點，我覺得個人認(rèn)為網(wǎng)頁設(shè)計應(yīng)當(dāng)注意有用性，由于我們用它就是來互動的，所以我建議以簡潔美為好，太多復(fù)制的圖片文字和頁面排版只會讓看的人感覺更不舒適，還有最終申明一下，我不是專業(yè)網(wǎng)站設(shè)計師，以上只是我對網(wǎng)頁設(shè)計學(xué)習(xí)的一些心得罷了。

網(wǎng)頁設(shè)計心得體會范文3

網(wǎng)頁設(shè)計伴隨著網(wǎng)絡(luò)的快速進(jìn)展而快速興起，作為上網(wǎng)的主要依托，由于人們使用網(wǎng)絡(luò)的頻繁而變得特別重要。生活中我每天上網(wǎng)都要接觸到網(wǎng)頁，原來沒有留意過網(wǎng)頁的設(shè)計，但是經(jīng)過這段時間的學(xué)習(xí)了解，現(xiàn)在我打開一個網(wǎng)頁都會習(xí)慣性的先看看排版、布局和顏色運用。

通過老師的講解和對課本的翻閱，我學(xué)習(xí)到了一些關(guān)于建設(shè)網(wǎng)站和制作網(wǎng)頁的學(xué)問，對網(wǎng)頁制作的基礎(chǔ)學(xué)問也有了肯定的把握。通過Dreamweaver制作網(wǎng)頁，我用到了一些基本的功能：圖片插入和對齊設(shè)置；文字的格式、顏色、背景顏色的設(shè)置等。但是在自己嘗試著做的時候，總是消失這里那里的問題。不是圖片不能固定在自己想要的位置，就是滾動文本的顯示區(qū)域不知道為什么撐過了頁面，還有就是不同辨別率、不同掃瞄器都會對掃瞄網(wǎng)頁產(chǎn)生影響。而且在CSS方面，我總是不太熟識各種代碼是掌握哪些東西的。除了查找解決問題我還總結(jié)了閱歷。例如：

1、命名站點或者文件夾的的時候肯定要留意，最好用相應(yīng)的英語或者漢語拼音，要見名知意，如圖片文件夾用image或者tu，這樣可以避開頁面調(diào)用時不正確的現(xiàn)象發(fā)生。

2、調(diào)用Style時可以單擊鼠標(biāo)右鍵選擇CustonStyle來調(diào)用Style標(biāo)準(zhǔn)，也可以在狀態(tài)欄中的元素列表上單擊右鍵來調(diào)用Style。雖然不同的方法達(dá)到的效果看似一樣，但實際上產(chǎn)生的HTML代碼則完全不同。在這個過程中，我同樣熟悉到網(wǎng)頁設(shè)計不是一門學(xué)科的獨秀，而是多種課程的綜合，它是Flash、Photoshop等網(wǎng)頁軟件的綜合應(yīng)用。例如Flash供應(yīng)了功能齊全的繪圖和編輯圖形工具。可以直接在編輯區(qū)里繪畫，編輯修改特別敏捷，它的另一大特點是“交互性”強(qiáng)。在動畫播放時，可以用鼠標(biāo)或鍵盤對動畫的播放進(jìn)行掌握，可以很直觀的反映出效果。

頁面設(shè)計應(yīng)以美觀、大方、簡潔為原則，保持全都的風(fēng)格。為了達(dá)到最佳的視覺表現(xiàn)效果，應(yīng)講究整體布局的合理性，使掃瞄者有一個流暢的視覺體驗。網(wǎng)頁最主要的功能就是給每個上網(wǎng)者供應(yīng)一種形式，讓他們能夠了解網(wǎng)站供應(yīng)的信息。要討論網(wǎng)頁設(shè)計，就需要站在用戶的角度來看。用戶是一個網(wǎng)站成敗的關(guān)鍵。假如用戶要花許多時間進(jìn)入網(wǎng)站，很有可能他會馬上關(guān)掉網(wǎng)站，或者網(wǎng)站操作很不便利用戶也會立刻離開，這種網(wǎng)站是很失敗的設(shè)計，只會讓用戶絕望的離去。所以網(wǎng)頁容量即包括圖像在內(nèi)的網(wǎng)頁字節(jié)數(shù)最好不要超過50K。

還涉及到界面弱化的問題。一個好的界面設(shè)計它的界面是弱化的，它突出的是功能，著重體現(xiàn)的是網(wǎng)站業(yè)供應(yīng)給使用者主要是什么。這就涉及到掃瞄挨次、功能分區(qū)等等。要讓訪客在0.5秒內(nèi)就能把握網(wǎng)站的行業(yè)性質(zhì)，1秒內(nèi)就知道該從哪個地方開頭使用這個網(wǎng)站，能點一次的，絕不點其次次。當(dāng)然上面說的是大多數(shù)功能性網(wǎng)站，對于宣揚展現(xiàn)性網(wǎng)站，諸如加特效的或Flash網(wǎng)站，可能就不得不花哨一些，但不能太過分。網(wǎng)站不是動畫片，在效率越來越高，社會心理越來越浮躁的中國，人們的急躁越來越小，心理承受力量越來越低。效果可以體現(xiàn)意境，點到為止。

下面簡潔介紹下網(wǎng)頁設(shè)計的理念和要點。網(wǎng)頁設(shè)計理念：

（1）內(nèi)容打算形式：先把內(nèi)容充實上，再分區(qū)塊，再定色調(diào)，再處理細(xì)節(jié)。

（2）先整體，后局部，最終回歸到整體：全局考慮，把能填上的都填上，占位置。然后定基調(diào)，分模塊設(shè)計。最終調(diào)整不滿足的幾個局部細(xì)節(jié)。

（3）功能打算設(shè)計方向:看網(wǎng)站的用途，打算設(shè)計思路。商業(yè)性的就要突出贏利目的；政府型的就要突出形象和權(quán)威性的文章；教育性的，就要突出師資和課程。

網(wǎng)頁設(shè)計的兩大要點是：整體風(fēng)格和顏色搭配。

一、確定網(wǎng)站的整體風(fēng)格:

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

2、突出標(biāo)準(zhǔn)顏色。

3、總結(jié)一句能反映網(wǎng)站精髓的宣揚標(biāo)語。

4、相同類型的圖像采納相同效果，比如說標(biāo)題字都采納陰影效果，那么在網(wǎng)站中消失的全部標(biāo)題字的陰影效果的設(shè)置應(yīng)當(dāng)是完全全都的。

二、網(wǎng)頁顏色的搭配:

1、用一種顏色。指選定一種顏色，然后調(diào)整透亮度或飽和度，這樣頁面看起來顏色統(tǒng)一，有層次感。

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

3、用一個色系。就是用一個感覺的顏色，例如淡藍(lán)，淡黃，淡綠；或者土黃，土灰，土藍(lán)。在網(wǎng)頁配色中，還要切記一些誤區(qū)：

1、不要將全部顏色都用到，盡量掌握在三至五種顏色以內(nèi)。

2、