第一篇：網(wǎng)頁設(shè)計(jì)心得體會(huì)報(bào)告

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

網(wǎng)頁設(shè)計(jì)心得體會(huì)報(bào)告

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

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

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

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

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

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

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

第二篇：網(wǎng)頁設(shè)計(jì)心得體會(huì)報(bào)告

心得體會(huì)之網(wǎng)頁設(shè)計(jì) 網(wǎng)頁設(shè)計(jì)心得體會(huì)報(bào)告

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

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

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

2、調(diào)用Style時(shí)可以單擊鼠標(biāo)右鍵選擇Custon Style來調(diào)用Style標(biāo)準(zhǔn)，也可以在狀態(tài)欄中的元素列表上單擊右鍵來調(diào)用Style。雖然不同的方法達(dá)到的效果看似一樣，但實(shí)際上產(chǎn)生的HTML代碼則完全不同。在這個(gè)過程中，我同樣認(rèn)識(shí)到網(wǎng)頁設(shè)計(jì)不是一門學(xué)科的獨(dú)秀，而是多種課程的綜合，它是Flash、Photoshop等網(wǎng)頁軟件的綜合應(yīng)用。例如Flash提供了功能齊全的繪圖和編輯圖形工具?？梢灾苯釉诰庉媴^(qū)里繪畫，編輯修改非常靈活，它的另一大特點(diǎn)是“交互性”強(qiáng)。在動(dòng)畫播放時(shí)，可以用鼠標(biāo)或鍵盤對(duì)動(dòng)畫的播放進(jìn)行控制，可以很直觀的反映出效果。頁面設(shè)計(jì)應(yīng)以美觀、大方、簡潔為原則，保持一致的風(fēng)格。為了達(dá)到最佳的視覺表現(xiàn)效果，應(yīng)講究整體布局的合理性，使瀏覽者有一個(gè)流暢的視覺體驗(yàn)。網(wǎng)頁最主要的功能就是給每個(gè)上網(wǎng)者提供一種形式，讓他們能夠了解網(wǎng)站提供的信息。要研究網(wǎng)頁設(shè)計(jì)，就需要站在用戶的角度來看。用戶是一個(gè)網(wǎng)站成敗的關(guān)鍵。如果用戶要花很多時(shí)間進(jìn)入網(wǎng)站，很有可能他會(huì)立即關(guān)掉網(wǎng)站，或者網(wǎng)站操作很不方便用戶也會(huì)馬上離開，這種網(wǎng)站是很失敗的設(shè)計(jì)，只會(huì)讓用戶失望的離去。所以網(wǎng)頁容量即包括圖像在內(nèi)的網(wǎng)頁字節(jié)數(shù)最好不要超過50K。

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

下面簡單介紹下網(wǎng)頁設(shè)計(jì)的理念和要點(diǎn)。網(wǎng)頁設(shè)計(jì)理念：（1）內(nèi)容決定形式：先把內(nèi)容充實(shí)上，再分區(qū)塊，再定色調(diào)，再處理細(xì)節(jié)。（2）先整體，后局部，最后回歸到整體：全局考慮，把能填上的都填上，占位置。然后定基調(diào)，分模塊設(shè)計(jì)。最后調(diào)整不滿意的幾個(gè)局部細(xì)節(jié)。（3）功能決定設(shè)計(jì)方向: 看網(wǎng)站的用途，決定設(shè)計(jì)思路。商業(yè)性的就要突出贏利目的；政府型的就要突出形象和權(quán)威性的文章；教育性的，就要突出師資和課程。

網(wǎng)頁設(shè)計(jì)的兩大要點(diǎn)是：整體風(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、用兩種色彩。先選定一種色彩，然后選擇它的對(duì)比色。

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

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

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

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

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

第三篇：網(wǎng)頁設(shè)計(jì)心得體會(huì)報(bào)告

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

網(wǎng)頁設(shè)計(jì)心得體會(huì)報(bào)告

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

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

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

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

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

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

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

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

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

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

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

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

在具體的制作一個(gè)網(wǎng)頁時(shí)我了解到一個(gè)優(yōu)秀的網(wǎng)頁設(shè)計(jì)應(yīng)該具備一些基本原則。

首先，要確定網(wǎng)頁設(shè)計(jì)的內(nèi)容一個(gè)優(yōu)秀的風(fēng)站要有一個(gè)明確的主題。整個(gè)網(wǎng)站圍繞這個(gè)主題,也就是你在網(wǎng)頁設(shè)計(jì)之前要明確你這個(gè)網(wǎng)站有什么目的,用來做什么，所有頁面都是圍繞著這個(gè)內(nèi)容來制作，有了明確的內(nèi)容對(duì)排名有很重要的作用；其次，要了解你網(wǎng)站所在行業(yè)的客戶，及你的網(wǎng)頁屬于哪個(gè)類別。用戶是一個(gè)網(wǎng)站成敗的關(guān)鍵,如果用戶要花很多時(shí)間進(jìn)入你網(wǎng)站很有可能用戶會(huì)立即關(guān)掉你網(wǎng)站,或者你網(wǎng)站操作很不方便用戶也會(huì)馬上離開,這種網(wǎng)站是很失敗的設(shè)計(jì),只會(huì)讓用戶失望的離去.在完成以上的基本內(nèi)容之后網(wǎng)頁的基本框架便成形成了，下面要開始的便是優(yōu)化工作，內(nèi)容是整個(gè)網(wǎng)頁的核心。在網(wǎng)頁設(shè)計(jì)之前必須明確網(wǎng)頁的內(nèi)容安排。優(yōu)秀網(wǎng)頁設(shè)計(jì)是要建立在平凡的基礎(chǔ)上的。然后在具體的規(guī)劃一個(gè)網(wǎng)頁時(shí)，可以用樹狀結(jié)構(gòu)先把每個(gè)頁面的內(nèi)容大綱列出來，尤其要制作一個(gè)大的網(wǎng)站

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

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

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

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

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

節(jié)。

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

（3）功能決定設(shè)計(jì)方向: 看網(wǎng)站的用途，決定設(shè)計(jì)思路。商業(yè)性的就要

突出贏利目的；政府型的就要突出形象和權(quán)威性的文章；教育性的，就要突出師資和課程。

網(wǎng)頁設(shè)計(jì)的兩大要點(diǎn)是：整體風(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、用兩種色彩。先選定一種色彩，然后選擇它的對(duì)比色。

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

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

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

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

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

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

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

規(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)頁制作的基本過程，但對(duì)其細(xì)節(jié)還點(diǎn)朦朧，特別是網(wǎng)頁中圖像及動(dòng)畫的制作處理。有時(shí)候一個(gè)網(wǎng)頁得處理好幾次最終才能成功顯示。想來我們對(duì)于此項(xiàng)處理還是不夠熟練、敏感，以后還要多加練習(xí)，并對(duì)其細(xì)節(jié)做以仔細(xì)研究，日后必可下這一巨石！

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

三.不足之處

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

碼，讓我也對(duì)它有個(gè)初步的認(rèn)識(shí)，以后再加強(qiáng)學(xué)習(xí)也才會(huì)有所提高。

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

班級(jí)：132055206 姓名：程亞

日期：2015.12.29 5

第四篇：網(wǎng)頁設(shè)計(jì)心得體會(huì)報(bào)告

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

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

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

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

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

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

下面簡單介紹下網(wǎng)頁設(shè)計(jì)的理念和要點(diǎn)。網(wǎng)頁設(shè)計(jì)理念：(1)內(nèi)容決定形式：先把內(nèi)容充實(shí)上，再分區(qū)塊，再定色調(diào)，再處理細(xì)節(jié)。(2)先整體，后局部，最后回歸到整體：全局考慮，把能填上的都填上，占位置。然后定基調(diào)，分模塊設(shè)計(jì)。最后調(diào)整不滿意的幾個(gè)局部細(xì)節(jié)。(3)功能決定設(shè)計(jì)方向: 看網(wǎng)站的用途，決定設(shè)計(jì)思路。商業(yè)性的就要突出贏利目的;政府型的就要突出形象和權(quán)威性的文章;教育性的，就要突出師資和課程。網(wǎng)頁設(shè)計(jì)的兩大要點(diǎn)是：整體風(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、用兩種色彩。先選定一種色彩，然后選擇它的對(duì)比色。

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

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

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

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

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

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

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



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



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



學(xué)習(xí)網(wǎng)頁設(shè)計(jì)需要堅(jiān)持，堅(jiān)持不斷的學(xué)習(xí)，因?yàn)樵O(shè)計(jì)網(wǎng)頁的軟件在不斷的更新，你不斷的學(xué)習(xí)



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



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

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



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



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

注重實(shí)用，個(gè)人認(rèn)為網(wǎng)頁設(shè)計(jì)應(yīng)該注重實(shí)用性，因?yàn)樗亲屓藶g覽的，是用戶可以撫摸，可以評(píng)論，可以



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



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



見諒。

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

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

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

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

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

在具體的制作一個(gè)網(wǎng)頁時(shí)我了解到一個(gè)優(yōu)秀的網(wǎng)頁設(shè)計(jì)應(yīng)該具備以下一些基本原則 確定網(wǎng)頁設(shè)計(jì)的內(nèi)容

一個(gè)優(yōu)秀的風(fēng)站要有一個(gè)明確的主題,整個(gè)網(wǎng)站圍繞這個(gè)主題,也就是你在網(wǎng)頁設(shè)計(jì)之前要明確你這個(gè)網(wǎng)站有什么目的,用來做什么，所有頁面都是圍繞著這個(gè)內(nèi)容來制作，有了明確的內(nèi)容對(duì)排名有很重要的作用。了解你網(wǎng)站所在行業(yè)的客戶

用戶是一個(gè)網(wǎng)站成敗的關(guān)鍵,如果用戶要花很多時(shí)間進(jìn)入你網(wǎng)站很有可能用戶會(huì)立即關(guān)掉你網(wǎng)站,或者你網(wǎng)站操作很不方便用戶也會(huì)馬上離開,這種網(wǎng)站是很失敗的設(shè)計(jì),只會(huì)讓用戶失望的離去.3、做一個(gè)典型用戶

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

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

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

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

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

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

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

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

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

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

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