第一篇：網(wǎng)頁設(shè)計心得體會報告

網(wǎng)頁設(shè)計伴隨著網(wǎng)絡(luò)的快速發(fā)展而快速興起，作為上網(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)頁的知識，對網(wǎng)頁制作的基礎(chǔ)知識也有了一定的掌握。通過Dreamweaver制作網(wǎng)頁，我用到了一些基本的功能：圖片插入和對齊設(shè)置;文字的格式、顏色、背景顏色的設(shè)置等。但是在自己嘗試著做的時候，總是出現(xiàn)這里那里的問題。不是圖片不能固定在自己想要的位置，就是滾動文本的顯示區(qū)域不知道為什么撐過了頁面，還有就是不同分辨率、不同瀏覽器都會對瀏覽網(wǎng)頁產(chǎn)生影響。而且在CSS方面，我總是不太熟悉各種代碼是控制哪些東西的。除了查找解決問題我還總結(jié)了經(jīng)驗。例如：

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

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

頁面設(shè)計應(yīng)以美觀、大方、簡潔為原則，保持一致的風(fēng)格。為了達到最佳的視覺表現(xiàn)效果，應(yīng)講究整體布局的合理性，使瀏覽者有一個流暢的視覺體驗。網(wǎng)頁最主要的功能就是給每個上網(wǎng)者提供一種形式，讓他們能夠了解網(wǎng)站提供的信息。要研究網(wǎng)頁設(shè)計，就需要站在用戶的角度來看。用戶是一個網(wǎng)站成敗的關(guā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è)提供給使用者主要是什么。這就涉及到瀏覽順序、功能分區(qū)等等。要讓訪客在0.5秒內(nèi)就能把握網(wǎng)站的行業(yè)性質(zhì)，1秒內(nèi)就知道該從哪個地方開始使用這個網(wǎng)站，能點一次的，絕不點第二次。當(dāng)然上面說的是大多數(shù)功能性網(wǎng)站，對于宣傳展示性網(wǎng)站，諸如加特效的或Flash網(wǎng)站，可能就不得不花哨一些，但不能太過分。網(wǎng)站不是動畫片，在效率越來越高，社會心理越來越浮躁的中國，人們的耐心越來越小，心理承受能力越來越低。效果可以體現(xiàn)意境，點到為止。

下面簡單介紹下網(wǎng)頁設(shè)計的理念和要點。網(wǎng)頁設(shè)計理念：(1)內(nèi)容決定形式：先把內(nèi)容充實上，再分區(qū)塊，再定色調(diào)，再處理細節(jié)。(2)先整體，后局部，最后回歸到整體：全局考慮，把能填上的都填上，占位置。然后定基調(diào)，分模塊設(shè)計。最后調(diào)整不滿意的幾個局部細節(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)站中出現(xiàn)的所有標(biāo)題字的陰影效果的設(shè)置應(yīng)該是完全一致的。

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

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

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

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

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

2、背景和前文的對比盡量要大(絕對不要用花紋繁復(fù)的圖案作背景)，以便突出主要文字內(nèi)容。

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

第二篇：網(wǎng)頁設(shè)計心得體會報告

心得體會之網(wǎng)頁設(shè)計 網(wǎng)頁設(shè)計心得體會報告

網(wǎng)頁設(shè)計伴隨著網(wǎng)絡(luò)的快速發(fā)展而快速興起，作為上網(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)頁的知識，對網(wǎng)頁制作的基礎(chǔ)知識也有了一定的掌握。通過Dreamweaver制作網(wǎng)頁，我用到了一些基本的功能：圖片插入和對齊設(shè)置；文字的格式、顏色、背景顏色的設(shè)置等。但是在自己嘗試著做的時候，總是出現(xiàn)這里那里的問題。不是圖片不能固定在自己想要的位置，就是滾動文本的顯示區(qū)域不知道為什么撐過了頁面，還有就是不同分辨率、不同瀏覽器都會對瀏覽網(wǎng)頁產(chǎn)生影響。而且在CSS方面，我總是不太熟悉各種代碼是控制哪些東西的。除了查找解決問題我還總結(jié)了經(jīng)驗。例如：

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

2、調(diào)用Style時可以單擊鼠標(biāo)右鍵選擇Custon Style來調(diào)用Style標(biāo)準(zhǔn)，也可以在狀態(tài)欄中的元素列表上單擊右鍵來調(diào)用Style。雖然不同的方法達到的效果看似一樣，但實際上產(chǎn)生的HTML代碼則完全不同。在這個過程中，我同樣認識到網(wǎng)頁設(shè)計不是一門學(xué)科的獨秀，而是多種課程的綜合，它是Flash、Photoshop等網(wǎng)頁軟件的綜合應(yīng)用。例如Flash提供了功能齊全的繪圖和編輯圖形工具?？梢灾苯釉诰庉媴^(qū)里繪畫，編輯修改非常靈活，它的另一大特點是“交互性”強。在動畫播放時，可以用鼠標(biāo)或鍵盤對動畫的播放進行控制，可以很直觀的反映出效果。頁面設(shè)計應(yīng)以美觀、大方、簡潔為原則，保持一致的風(fēng)格。為了達到最佳的視覺表現(xiàn)效果，應(yīng)講究整體布局的合理性，使瀏覽者有一個流暢的視覺體驗。網(wǎng)頁最主要的功能就是給每個上網(wǎng)者提供一種形式，讓他們能夠了解網(wǎng)站提供的信息。要研究網(wǎng)頁設(shè)計，就需要站在用戶的角度來看。用戶是一個網(wǎng)站成敗的關(guā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è)提供給使用者主要是什么。這就涉及到瀏覽順序、功能分區(qū)等等。要讓訪客在0.5秒內(nèi)就能把握網(wǎng)站的行業(yè)性質(zhì)，1秒內(nèi)就知道該從哪個地方開始使用這個網(wǎng)站，能點一次的，絕不點第二次。當(dāng)然上面說的是大多數(shù)功能性網(wǎng)站，對于宣傳展示性網(wǎng)站，諸如加特效的或Flash網(wǎng)站，可能就不得不花哨一些，但不能太過分。網(wǎng)站不是動畫片，在效率越來越高，社會心理越來越浮躁的中國，人們的耐心越來越小，心理承受能力越來越低。效果可以體現(xiàn)意境，點到為止。

下面簡單介紹下網(wǎng)頁設(shè)計的理念和要點。網(wǎng)頁設(shè)計理念：（1）內(nèi)容決定形式：先把內(nèi)容充實上，再分區(qū)塊，再定色調(diào)，再處理細節(jié)。（2）先整體，后局部，最后回歸到整體：全局考慮，把能填上的都填上，占位置。然后定基調(diào)，分模塊設(shè)計。最后調(diào)整不滿意的幾個局部細節(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)站中出現(xiàn)的所有標(biāo)題字的陰影效果的設(shè)置應(yīng)該是完全一致的。

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

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

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

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

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

2、背景和前文的對比盡量要大(絕對不要用花紋繁復(fù)的圖案作背景)，以便突出主要文字內(nèi)容。

針對我所學(xué)的平面設(shè)計方向，那么這次應(yīng)用到了創(chuàng)意思維，版面設(shè)計，色彩配置。圖形創(chuàng)意等方面都很重要，對于網(wǎng)頁設(shè)計作為一種視覺語言，特別講究編排和布局，雖然主頁的設(shè)計不等同于平面設(shè)計，但它們有許多相近之處，版式設(shè)

計通過文字圖形的空間組合，表達出和諧與美。不積跬步，無以至千里。我已經(jīng)在老師的指引下邁入了網(wǎng)頁設(shè)計的大門，在今后的閑余時間繼續(xù)認真學(xué)習(xí)制作網(wǎng)頁的更多知識以實現(xiàn)自身技能的提高。

第三篇：網(wǎng)頁設(shè)計心得體會報告

網(wǎng)頁設(shè)計課程心得體會

網(wǎng)頁設(shè)計心得體會報告

初期的網(wǎng)站都是由靜態(tài)網(wǎng)頁組成，網(wǎng)頁中只有文字、圖形、圖像等，用戶只能被動的接受這些信息。那時的web頁面的核心是HTML，它編寫很方便，不要求有特定的語言環(huán)境，可以有任何一種編輯器寫好（如word、寫字板、記事本），然后可以放到瀏覽器觀看結(jié)果?，F(xiàn)在HTML已經(jīng)有很多專門的編輯軟件，如Frontpage、Hotdog、Dreamweaver等。

HTML的歷史最早可以追溯到20世紀(jì)40年代。在1945年，Vannevar Bush在一篇文章中闡述了文本和文本之間通過超級鏈接相互關(guān)聯(lián)的思想，并在文中給出了一種能實現(xiàn)信息關(guān)聯(lián)的計算機Memex的設(shè)計方案。隨后經(jīng)過一系列的發(fā)展研究，1989年Tim Berners_Lee對SGML做了大刀闊斧的簡化和完善，穿鑿了最初的HTML，并用它在自己編寫的圖形化Web瀏覽器上看得到最早的web頁面。

網(wǎng)頁設(shè)計伴隨著網(wǎng)絡(luò)的快速發(fā)展而快速興起，作為上網(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)頁的知識，對網(wǎng)頁制作的基礎(chǔ)知識也有了一定的掌握。通過Dreamweaver制作網(wǎng)頁，我用到了一些基本的功能：圖片插入和對齊設(shè)置；文字的格式、顏色、背景顏色的設(shè)置等。但是在自己嘗試著做的時候，總是出現(xiàn)這里那里的問題。不是圖片不能固定在自己想要的位置，就是滾動文本的顯示區(qū)域不知道為什么撐過了頁面，還有就是不同分辨率、不同瀏覽器都會對瀏覽網(wǎng)頁產(chǎn)生影響。而且在CSS方面，我總是不太熟悉各種代碼是控制哪些東西的。除了查找解決問題我還總結(jié)了經(jīng)驗。例如：

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

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

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

還涉及到界面弱化的問題。一個好的界面設(shè)計它的界面是弱化的，它突 1

網(wǎng)頁設(shè)計課程心得體會

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

第一次自學(xué)這種網(wǎng)頁制作方面的知識，剛開始有點無力，隨后邊看書邊在電腦上試著操作，基本掌握了相關(guān)知識。

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

在具體的制作一個網(wǎng)頁時我了解到一個優(yōu)秀的網(wǎng)頁設(shè)計應(yī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)頁屬于哪個類別。用戶是一個網(wǎng)站成敗的關(guān)鍵,如果用戶要花很多時間進入你網(wǎng)站很有可能用戶會立即關(guān)掉你網(wǎng)站,或者你網(wǎng)站操作很不方便用戶也會馬上離開,這種網(wǎng)站是很失敗的設(shè)計,只會讓用戶失望的離去.在完成以上的基本內(nèi)容之后網(wǎng)頁的基本框架便成形成了，下面要開始的便是優(yōu)化工作，內(nèi)容是整個網(wǎng)頁的核心。在網(wǎng)頁設(shè)計之前必須明確網(wǎng)頁的內(nèi)容安排。優(yōu)秀網(wǎng)頁設(shè)計是要建立在平凡的基礎(chǔ)上的。然后在具體的規(guī)劃一個網(wǎng)頁時，可以用樹狀結(jié)構(gòu)先把每個頁面的內(nèi)容大綱列出來，尤其要制作一個大的網(wǎng)站

(有很多頁面)的時候，特別需要把這個架構(gòu)規(guī)劃好，也要考慮到以后可能的擴充性，免得做好以后又要一改再改整個網(wǎng)站的架構(gòu)，很浪費時間和財力。大綱列出來后，還必須考慮每個頁面之間的鏈接關(guān)系。是星形，樹形，或是網(wǎng)形鏈接。這也是判別一個網(wǎng)站優(yōu)劣的重要標(biāo)志。鏈接混亂，層次不清的站點會造成瀏覽困難，影響內(nèi)容的發(fā)揮。框架定下來了，然后開始一步一步有條理，有次序地做來，就胸有成竹得多，也會為主頁將來發(fā)展打下良好的基礎(chǔ)。下一步，就以動手制作具體內(nèi)容了，題材選定，框架選定，接下來就開始往主頁里面填內(nèi)容。

如果是個人主頁，有能力的人完全可以靠自己來創(chuàng)作所有的內(nèi)容。大部分人的方法是：從報紙，雜志，光盤等媒體中把相關(guān)的資料收集整理，再加上一定的編輯后就可以了。另外一個好的方法是從網(wǎng)絡(luò)上收集，您只要到搜索引擎上查找相應(yīng)的關(guān)鍵字，就可以找到一大堆的資料。在準(zhǔn)備材料的時候我們可以用一些小的動畫和動態(tài)圖片，F(xiàn)lash提供了功能齊全的繪圖和編輯圖形工具?？梢灾苯釉诰庉媴^(qū)里繪畫，編輯修改非常靈活，它的另一大特點是“交互性”強。在動畫播放時，可以用鼠標(biāo)或鍵盤對動畫的播放進行控制，效果可以很直觀的反映出來。然后是開始正式制作主頁。通過Dreamweaver作為制作軟件，只需要用到軟件中的一些基本的功能：圖片插入和對齊設(shè)置；文字的格式、顏色、背景顏色的設(shè)置等就可以制作出一個簡單的網(wǎng)頁。

網(wǎng)頁設(shè)計理念：

（1）內(nèi)容決定形式：先把內(nèi)容充實上，再分區(qū)塊，再定色調(diào)，再處理細 2

網(wǎng)頁設(shè)計課程心得體會

節(jié)。

（2）先整體，后局部，最后回歸到整體：全局考慮，把能填上的都填上，占位置。然后定基調(diào)，分模塊設(shè)計。最后調(diào)整不滿意的幾個局部細節(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)站中出現(xiàn)的所有標(biāo)題字的陰影效果的設(shè)置應(yīng)該是完全一致的。

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

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

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

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

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

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

通過學(xué)習(xí)，靜態(tài)網(wǎng)頁的制作可以概括為5個部分：

1、網(wǎng)頁素材搜集與制作

即網(wǎng)頁中一些圖像的處理與動畫的制作。

2、網(wǎng)頁版式設(shè)計

規(guī)劃各元素在網(wǎng)頁中的位置按大方關(guān)系和表現(xiàn)方法，合理安排圖像、文本等元素，是網(wǎng)頁布局合理，美觀大方。

3、文本編寫

自己的網(wǎng)頁中需要大量的文字材料，這就要在網(wǎng)頁編輯器中用HTML語言中的標(biāo)簽編寫，也可以利用網(wǎng)頁編輯工具的相關(guān)功能，直接寫入文字。

4、處理網(wǎng)頁之間的關(guān)聯(lián)

這主要是建立合理、高效的網(wǎng)頁導(dǎo)航系統(tǒng)。

5、網(wǎng)頁發(fā)布

主要是將建設(shè)好的網(wǎng)頁上傳到服務(wù)器中供用戶瀏覽。

雖然知道網(wǎng)頁制作的基本過程，但對其細節(jié)還點朦朧，特別是網(wǎng)頁中圖像及動畫的制作處理。有時候一個網(wǎng)頁得處理好幾次最終才能成功顯示。想來我們對于此項處理還是不夠熟練、敏感，以后還要多加練習(xí)，并對其細節(jié)做以仔細研究，日后必可下這一巨石！

在21世紀(jì)，信息技術(shù)的發(fā)展保持著強勁的勢頭，信息千變?nèi)f化。而網(wǎng)站則提供了展示這些信息的平臺。有了網(wǎng)頁，能更好更方便快捷的將世界各個角落的面孔展現(xiàn)在人們面前，可以使萬千企業(yè)的業(yè)務(wù)展現(xiàn)給客戶。對我們眼下最近的對于個人電腦的購買更是有利。我們可以在相關(guān)網(wǎng)頁上找到各種信息進而避免受騙。網(wǎng)頁使得信息快速交流，更為新時代之一大成功。

網(wǎng)頁設(shè)計課程心得體會

是的，信息技術(shù)是當(dāng)代人類社會發(fā)展最快，滲透性最強，應(yīng)用面最廣的先導(dǎo)技術(shù)。這些日新月異的新技術(shù)不僅僅改變了世界，也改變了人們的生活。而信息時代離不開信息化人才,掌握計算機的各項基礎(chǔ)知識并提高應(yīng)用能力，是信息話人才培養(yǎng)的一個重要環(huán)節(jié)。這是從事許多行業(yè)必備的基本技能。

當(dāng)然，有關(guān)HTML的學(xué)習(xí)只是學(xué)習(xí)中的一小部分，我們還要學(xué)習(xí)更多的有關(guān)計算機各個方面的知識。只有心志堅定，行動仔細嚴(yán)謹(jǐn)才能掌握好知識。今后我們還會接觸更多的東西，在計算機這片大海中，我們得一步一個腳印，為自己打好基礎(chǔ)。萬事開頭難，我們要開好頭！但同時在以后的學(xué)習(xí)中也要保持初有的熱情與信息。未來世界，必是我們的天下。不敢放出大話說將來會成多大氣候，實事求是，現(xiàn)在多學(xué)一點知識多掌握點技能，我們將來的路也可以寬一點。最實在的是可以找一份好一點的工作。

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

目前，人們對用圖像解說認識過程和邏輯規(guī)則還缺乏深刻的認識，總是習(xí)慣于語言表達方式，不知道語言表達的缺陷是片面性和抽象性，而圖像形式則具有直觀性和具體性這一特點。如今我們生活的時代已經(jīng)進入到互聯(lián)網(wǎng)的動漫時代，此時抽象的語言表達方式與時代發(fā)展的脈搏呈現(xiàn)出極不同步的狀態(tài)，這種表達方式遠遠落后于時代科學(xué)技術(shù)創(chuàng)新和發(fā)展取得的成果，它明顯地缺乏與時俱進的特點。人們只要看看有關(guān)系統(tǒng)論的教材，就會被書中展示的圖形和圖像所吸引。由此看來，作為時代的哲學(xué)理論也應(yīng)該充分利用電腦給人們帶來的多媒體技術(shù)，通過編制幻燈片、動畫片和電腦仿真模式展開既直觀又生動的教學(xué)，只有這樣做才能使哲學(xué)理論跟上時代發(fā)展的步伐，真正做到與時俱進。

從互聯(lián)網(wǎng)的操作平臺和編程語言的發(fā)展過程中我們可以清楚地看到，邏輯思維在當(dāng)今時代具有的重要作用和能夠發(fā)揮出來的巨大威力。沒有邏輯思維能力的提高，就不會導(dǎo)致多媒體的產(chǎn)生和動漫世界無處不在的現(xiàn)象出現(xiàn)?；ヂ?lián)網(wǎng)的發(fā)展不僅改變了當(dāng)今的世界面貌，它同時也改變了人類自身固有的靜態(tài)思維模式。在當(dāng)今時代，老子大道強調(diào)的真實邏輯在互聯(lián)網(wǎng)的演化過程中已經(jīng)充分顯露出來。

從框架結(jié)構(gòu)、層次關(guān)系和語句之間的嵌套關(guān)系中，我們可以看到老子的一個圓圈模式自身具有的應(yīng)用價值。如果我們將人類思維具有的三種邏輯規(guī)則以直觀形象的實例展示出來，那么，語言邏輯就是人們在日常生活和工作中使用的邏輯規(guī)則，例如刑偵邏輯，它總是強調(diào)分析和判斷的結(jié)果要與真實的作案過程同一起來。表述形式要求清晰性、條理性和無矛盾性，可見，強調(diào)無矛盾的同一律是語言邏輯的特點：思維和存在二者直接同一是語言邏輯的屬性，表述形式和表述內(nèi)容之間不允許出現(xiàn)對立性和矛盾性。由此構(gòu)成形式邏輯同一律的實質(zhì)。

本學(xué)期的網(wǎng)業(yè)設(shè)計課程，開展了動態(tài)思維訓(xùn)練教學(xué)活動，對于我們學(xué)生來說，可以激發(fā)學(xué)習(xí)興趣，調(diào)動學(xué)習(xí)的自覺性，自己動腦、動手，動口，運用網(wǎng)絡(luò)資源，結(jié)合教材及老師的指導(dǎo)，通過自身的實踐，創(chuàng)作出積聚個人風(fēng) 4

網(wǎng)頁設(shè)計課程心得體會

格、個性的個人網(wǎng)頁?？傮w來說，整個學(xué)期的學(xué)習(xí)過程，我學(xué)會了很多知識，雖然過程比較艱辛，但在intenet領(lǐng)域中，有了一個展示自我的空間，我覺得很開心、很有成就感。

一.充分發(fā)揮動手能力

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

二.在設(shè)計過程中不斷提高網(wǎng)頁設(shè)計水平

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

三.不足之處

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

碼，讓我也對它有個初步的認識，以后再加強學(xué)習(xí)也才會有所提高。

在將后的學(xué)習(xí)中，我們應(yīng)該為自己制定一項計劃，照計劃行事，爭取早日成才，做一個真正有能力、有底氣的大學(xué)生。

班級：132055206 姓名：程亞

日期：2015.12.29 5

第四篇：網(wǎng)頁設(shè)計心得體會報告

心得體會之網(wǎng)頁設(shè)計

網(wǎng)頁設(shè)計心得體會報告

網(wǎng)頁設(shè)計伴隨著網(wǎng)絡(luò)的快速發(fā)展而快速興起，作為上網(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)頁的知識，對網(wǎng)頁制作的基礎(chǔ)知識也有了一定的掌握。通過Dreamweaver制作網(wǎng)頁，我用到了一些基本的功能：圖片插入和對齊設(shè)置；文字的格式、顏色、背景顏色的設(shè)置等。但是在自己嘗試著做的時候，總是出現(xiàn)這里那里的問題。不是圖片不能固定在自己想要的位置，就是滾動文本的顯示區(qū)域不知道為什么撐過了頁面，還有就是不同分辨率、不同瀏覽器都會對瀏覽網(wǎng)頁產(chǎn)生影響。而且在CSS方面，我總是不太熟悉各種代碼是控制哪些東西的。除了查找解決問題我還總結(jié)了經(jīng)驗。例如：

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

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

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

心得體會之網(wǎng)頁設(shè)計

計通過文字圖形的空間組合，表達出和諧與美。不積跬步，無以至千里。我已經(jīng)在老師的指引下邁入了網(wǎng)頁設(shè)計的大門，在今后的閑余時間繼續(xù)認真學(xué)習(xí)制作網(wǎng)頁的更多知識以實現(xiàn)自身技能的提高。

第五篇：網(wǎng)頁設(shè)計心得體會

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

跟學(xué)習(xí)別的東西一樣，學(xué)習(xí)網(wǎng)頁設(shè)計也需要興趣，所謂的興趣也不是三分鐘熱度，是一種執(zhí)著。



學(xué)習(xí)網(wǎng)頁設(shè)計需要耐心，如果你沒有耐心，你學(xué)不好網(wǎng)頁設(shè)計，應(yīng)為當(dāng)你碰到一個問題時，如果不能立刻



得到問題的答案，你可能需要很長時間去解決，我就碰到過一個問題，用了半個月時間才解決。



學(xué)習(xí)網(wǎng)頁設(shè)計需要堅持，堅持不斷的學(xué)習(xí)，因為設(shè)計網(wǎng)頁的軟件在不斷的更新，你不斷的學(xué)習(xí)



不要掉入技術(shù)的陷阱，你的網(wǎng)頁設(shè)計技術(shù)一流，你對軟件的掌握程度已經(jīng)達到一定水平，但是你設(shè)計的網(wǎng)



頁確不堪目睹，這是因為網(wǎng)頁設(shè)計是是介于平面設(shè)計和編程技術(shù)兩者之間的“邊緣科學(xué).”不僅涉及到美學(xué)，

心理學(xué),平面構(gòu)成,色彩搭配等平面設(shè)計的方面的知識,還涉及到html,javascript,css,asp,php等編程語言



技術(shù)方面的知識.只有綜合運用多種知識,才能設(shè)計出視聽特效,動感十足,富于個性的web頁面,才能全面展



現(xiàn)互聯(lián)網(wǎng)這一新型媒體的獨特魅力和多維空間的超強功能.

注重實用，個人認為網(wǎng)頁設(shè)計應(yīng)該注重實用性，因為它是讓人瀏覽的，是用戶可以撫摸，可以評論，可以



交互的。我提倡簡單的美。



申明 我也是個網(wǎng)頁設(shè)計初學(xué)者，并不是什么設(shè)計名師，這是我個人的灼見。有什么不對的地方，還請大家



見諒。

網(wǎng)頁設(shè)計心得體會（2）：

現(xiàn)在，計算機和網(wǎng)絡(luò)已經(jīng)深入到了我們生活中的方方面面，也已經(jīng)成了生活中不可缺少的一部分，網(wǎng)絡(luò)成了我們獲取知識和信息的一種便捷工具，現(xiàn)在的網(wǎng)民也在不斷的增多，所以，了解和學(xué)習(xí)網(wǎng)絡(luò)知識是我們作為一名大學(xué)生迫切所需的。

這學(xué)期選擇的這門課程讓我學(xué)到了不少關(guān)于計算機和網(wǎng)絡(luò)的知識。老師把課程內(nèi)容安排的很合理，講的大都是很基礎(chǔ)的知識，這對于像我這樣對網(wǎng)絡(luò)了解不多的學(xué)生來說很容易理解，接受。

在這門課上我學(xué)習(xí)到了一些關(guān)于建設(shè)網(wǎng)站和制作網(wǎng)頁的知識，對flash也有所了解。課上我還學(xué)到了一些基礎(chǔ)的網(wǎng)絡(luò)技術(shù)，用制作網(wǎng)絡(luò)的工具做網(wǎng)頁等。

通過對這門課的學(xué)習(xí)，我對計算機有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網(wǎng)頁制作的過程與一些技巧手法更有了另外一番了解，對網(wǎng)頁制作的基礎(chǔ)知識也有了一定的掌握。

在具體的制作一個網(wǎng)頁時我了解到一個優(yōu)秀的網(wǎng)頁設(shè)計應(yī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)鍵,如果用戶要花很多時間進入你網(wǎng)站很有可能用戶會立即關(guān)掉你網(wǎng)站,或者你網(wǎng)站操作很不方便用戶也會馬上離開,這種網(wǎng)站是很失敗的設(shè)計,只會讓用戶失望的離去.3、做一個典型用戶

不以用戶身份親身體驗網(wǎng)站你才能發(fā)現(xiàn)問題，才知道那些需要改進，盡量不要讓客戶去發(fā)現(xiàn)問題，在前期設(shè)計時就應(yīng)該把這些問題解決。優(yōu)化內(nèi)容

內(nèi)容是整個網(wǎng)站的核心。在網(wǎng)站設(shè)計之前必須明確網(wǎng)站的內(nèi)容安排。

優(yōu)秀網(wǎng)頁設(shè)計是要建立在平凡的基礎(chǔ)上的。

然后在具體的規(guī)劃一個網(wǎng)站時，可以用樹狀結(jié)構(gòu)先把每個頁面的內(nèi)容大綱列出來，尤其要制作一個大的網(wǎng)站(有很多頁面)的時候，特別需要把這個架構(gòu)規(guī)劃好，也要考慮到以后可能的擴充性，免得做好以后又要一改再改整個網(wǎng)站的架構(gòu)，很浪費時間和財力。

大綱列出來后，還必須考慮每個頁面之間的鏈接關(guān)系。是星形，樹形，或是網(wǎng)形鏈接。這也是判別一個網(wǎng)站優(yōu)劣的重要標(biāo)志。鏈接混亂，層次不清的站點會造成瀏覽困難，影響內(nèi)容的發(fā)揮。

框架定下來了，然后開始一步一步有條理，有次序地做來，就胸有成竹得多，也會為主頁將來發(fā)展打下良好的基礎(chǔ)。

下一步，就以動手制作具體內(nèi)容了，題材選定，框架選定，接下來就開始往主頁里面填內(nèi)容。我們稱作資料收集

如果是個人主頁，有能力的人完全可以靠自己來創(chuàng)作所有的內(nèi)容。大部分人的方法是：從報紙，雜志，光盤等媒體中把相關(guān)的資料收集整理，再加上一定的編輯后就可以了。另外一個好的方法是從網(wǎng)絡(luò)上收集，您只要到搜索引擎上查找相應(yīng)的關(guān)鍵字，就可以找到一大堆的資料。

在準(zhǔn)備材料的時候我們可以用到學(xué)習(xí)的flash知識來制作一些小的動畫和動態(tài)圖片，flash 提供了功能齊全的繪圖和編輯圖形工具?？梢灾苯釉诰庉媴^(qū)里繪畫，編輯修改非常靈活，它的另一大特點是“交互性”強。在動畫播放時，可以用鼠標(biāo)或鍵盤對動畫的播放進行控制，效果可以很直觀的反映出來。

然后是開始正式制作主頁。通過dreamweaver作為制作軟件，只需要用到軟件中的一些基本的功能：圖片插入和對齊設(shè)置；文字的格式、顏色、背景顏色的設(shè)置等就可以制作出一個簡單的網(wǎng)頁。

通過個人網(wǎng)頁的制作最終把自己的網(wǎng)頁上傳到互聯(lián)網(wǎng)上，那種成就感是無法用語言形容的。在今后的閑余時間，我將會學(xué)習(xí)制作網(wǎng)頁的更多知識，使它成為自己的一項技能。