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

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

�牐�

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

�牐�

�牐牭玫絾�(wèn)題的答案，你可能需要很長(zhǎng)時(shí)間去解決，我就碰到過(guò)一個(gè)問(wèn)題，用了半個(gè)月時(shí)間才解決。

�牐�

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

�牐�

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

�牐�

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

�牐�

�牐犘睦韺W(xué),平面構(gòu)成,色彩搭配等平面設(shè)計(jì)的方面的知識(shí),還涉及到html,javascript,css,asp,php等編程語(yǔ)言

�牐�

�牐牸夹g(shù)方面的知識(shí).只有綜合運(yùn)用多種知識(shí),才能設(shè)計(jì)出視聽特效,動(dòng)感十足,富于個(gè)性的m.hmlawpc.comm.hmlawpc.comweaver制作網(wǎng)頁(yè)，我用到了一些基本的功能：圖片插入和對(duì)齊設(shè)置；文字的格式、顏色、背景顏色的設(shè)置等。但是在自己嘗試著做的時(shí)候，總是出現(xiàn)這里那里的問(wèn)題。不是圖片不能固定在自己想要的位置，就是滾動(dòng)文本的顯示區(qū)域不知道為什么撐過(guò)了頁(yè)面，還有就是不同分辨率、不同瀏覽器都會(huì)對(duì)瀏覽網(wǎng)頁(yè)產(chǎn)生影響。而且在css方面，我總是不太熟悉各種代碼是控制哪些東西的。除了查找解決問(wèn)題我還總結(jié)了經(jīng)驗(yàn)。例如：1、命名站點(diǎn)或者文件夾的的時(shí)候一定要注意，最好用相應(yīng)的英語(yǔ)或者漢語(yǔ)拼音，要見名知意，如圖片文件夾用image或者tu，這樣可以避免頁(yè)面調(diào)用時(shí)不正確的現(xiàn)象發(fā)生。2、調(diào)用style時(shí)可以單擊鼠標(biāo)右鍵選擇custon style來(lái)調(diào)用style標(biāo)準(zhǔn)，也可以在狀態(tài)欄中的元素列表上單擊右鍵來(lái)調(diào)用style。雖然不同的方法達(dá)到的效果看似一樣，但實(shí)際上產(chǎn)生的html代碼則完全不同。在這個(gè)過(guò)程中，我同樣認(rèn)識(shí)到網(wǎng)頁(yè)設(shè)計(jì)不是一門學(xué)科的獨(dú)秀，而是多種課程的綜合，它是flash、photoshop等網(wǎng)頁(yè)軟件的綜合應(yīng)用。例如flash提供了功能齊全的繪圖和編輯圖形工具。可以直接在編輯區(qū)里繪畫，編輯修改非常靈活，它的另一大特點(diǎn)是“交互性”強(qiáng)。在動(dòng)畫播放時(shí)，可以用鼠標(biāo)或鍵盤對(duì)動(dòng)畫的播放進(jìn)行控制，可以很直觀的反映出效果。 頁(yè)面設(shè)計(jì)應(yīng)以美觀、大方、簡(jiǎn)潔為原則，保持一致的風(fēng)格。為了達(dá)到最佳的視覺表現(xiàn)效果，應(yīng)講究整體布局的合理性，使瀏覽者有一個(gè)流暢的視覺體驗(yàn)。網(wǎng)頁(yè)最主要的功能就是給每個(gè)上網(wǎng)者提供一種形式，讓他們能夠了解網(wǎng)站提供的信息。要研究網(wǎng)頁(yè)設(shè)計(jì)，就需要站在用戶的角度來(lái)看。用戶是一個(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)頁(yè)容量即包括圖像在內(nèi)的網(wǎng)頁(yè)字節(jié)數(shù)最好不要超過(guò)50k。

- 1 -

還涉及到界面弱化的問(wèn)題。一個(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)然上面說(shuō)的是大多數(shù)功能性網(wǎng)站，對(duì)于宣傳展示性網(wǎng)站，諸如加特效的或flash網(wǎng)站，可能就不得不花哨一些，但不能太過(guò)分。網(wǎng)站不是動(dòng)畫片，在效率越來(lái)越高，社會(huì)心理越來(lái)越浮躁的中國(guó)，人們的耐心越來(lái)越小，心理承受能力越來(lái)越低。效果可以體現(xiàn)意境，點(diǎn)到為止。

下面簡(jiǎn)單介紹下網(wǎng)頁(yè)設(shè)計(jì)的理念和要點(diǎn)。網(wǎng)頁(yè)設(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)頁(yè)設(shè)計(jì)的兩大要點(diǎn)是：整體風(fēng)格和色彩搭配。

一、確定網(wǎng)站的整體風(fēng)格: 1、將標(biāo)志logo，盡可能的放在頁(yè)面最突出的位置。2、突出標(biāo)準(zhǔn)色彩。3、總結(jié)一句能反映網(wǎng)站精髓的宣傳標(biāo)語(yǔ)。4、相同類型的圖像采用相同效果，比如說(shuō)標(biāo)題字都采用陰影效果，那么在網(wǎng)站中出現(xiàn)的所有標(biāo)題字的陰影效果的設(shè)置應(yīng)該是完全一致的。

二、網(wǎng)頁(yè)色彩的搭配: 1、用一種色彩。指選定一種色彩，然后調(diào)整透明度或飽和度，這樣頁(yè)面看起來(lái)色彩統(tǒng)一，有層次感。2、用兩種色彩。先選定一種色彩，然后選擇它的對(duì)比色。3、用一個(gè)色系。就是用一個(gè)感覺的色彩，例如淡藍(lán)，淡黃，淡綠；或者土黃，土灰，土藍(lán)。在網(wǎng)頁(yè)配色中，還要切記一些誤區(qū)：1、不要將所有顏色都用到，盡量控制在三至五種色彩以內(nèi)。2、背景和前文的對(duì)比盡量要大(絕對(duì)不要用花紋繁復(fù)的圖案作背景)，以便突出主要文字內(nèi)容。

不積跬步，無(wú)以至千里。我已經(jīng)在老師的指引下邁入了網(wǎng)頁(yè)設(shè)計(jì)的大門，在今后的閑余時(shí)間繼續(xù)認(rèn)真學(xué)習(xí)制作網(wǎng)頁(yè)的更多知識(shí)以實(shí)現(xiàn)自身技能的提高。

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

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

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

通過(guò)老師的講解和對(duì)課本的翻閱，我學(xué)習(xí)到了一些關(guān)于建設(shè)網(wǎng)站和制作網(wǎng)頁(yè)的知識(shí)，對(duì)網(wǎng)頁(yè)制作的基礎(chǔ)知識(shí)也有了一定的掌握。通過(guò)dreamweaver制作網(wǎng)頁(yè)，我用到了一些基本的功能：圖片插入和對(duì)齊設(shè)置；文字的格式、顏色、背景顏色的設(shè)置等。但是在自己嘗試著做的時(shí)候，總是出現(xiàn)這里那里的問(wèn)題。不是圖片不能固定在自己想要的位置，就是滾動(dòng)文本的顯示區(qū)域不知道為什么撐過(guò)了頁(yè)面，還有就是不同分辨率、不同瀏覽器都會(huì)對(duì)瀏覽網(wǎng)頁(yè)產(chǎn)生影響。而且在css方面，我總是不太熟悉各種代碼是控制哪些東西的。除了查找解決問(wèn)題我還總結(jié)了經(jīng)驗(yàn)。例如：1、命名站點(diǎn)或者文件夾的的時(shí)候一定要注意，最好用相應(yīng)的英語(yǔ)或者漢語(yǔ)拼音，要見名知意，如圖片文件夾用image或者tu，這樣可以避免頁(yè)面調(diào)用時(shí)不正確的現(xiàn)象發(fā)生。2、調(diào)用style時(shí)可以單擊鼠標(biāo)右鍵選擇custon style來(lái)調(diào)用style標(biāo)準(zhǔn)，也可以在狀態(tài)欄中的元素列表上單擊右鍵來(lái)調(diào)用style。雖然不同的方法達(dá)到的效果看似一樣，但實(shí)際上產(chǎn)生的html代碼則完全不同。在這個(gè)過(guò)程中，我同樣認(rèn)識(shí)到網(wǎng)頁(yè)設(shè)計(jì)不是一門學(xué)科的獨(dú)秀，而是多種課程的綜合，它是flash、photoshop等網(wǎng)頁(yè)軟件的綜合應(yīng)用。例如flash提供了功能齊全的繪圖和編輯圖形工具�？梢灾苯釉诰庉媴^(qū)里繪畫，編輯修改非常靈活，它的另一大特點(diǎn)是“交互性”強(qiáng)。在動(dòng)畫播放時(shí)，可以用鼠標(biāo)或鍵盤對(duì)動(dòng)畫的播放進(jìn)行控制，可以很直觀的反映出效果。 頁(yè)面設(shè)計(jì)應(yīng)以美觀、大方、簡(jiǎn)潔為原則，保持一致的風(fēng)格。為了達(dá)到最佳的視覺表現(xiàn)效果，應(yīng)講究整體布局的合理性，使瀏覽者有一個(gè)流暢的視覺體驗(yàn)。網(wǎng)頁(yè)最主要的功能就是給每個(gè)上網(wǎng)者提供一種形式，讓他們能夠了解網(wǎng)站提供的信息。要研究網(wǎng)頁(yè)設(shè)計(jì)，就需要站在用戶的角度來(lái)看。用戶是一個(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)頁(yè)容量即包括圖像在內(nèi)的網(wǎng)頁(yè)字節(jié)數(shù)最好不要超過(guò)50k。

- 1 -

還涉及到界面弱化的問(wèn)題。一個(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)然上面說(shuō)的是大多數(shù)功能性網(wǎng)站，對(duì)于宣傳展示性網(wǎng)站，諸如加特效的或flash網(wǎng)站，可能就不得不花哨一些，但不能太過(guò)分。網(wǎng)站不是動(dòng)畫片，在效率越來(lái)越高，社會(huì)心理越來(lái)越浮躁的中國(guó)，人們的耐心越來(lái)越小，心理承受能力越來(lái)越低。效果可以體現(xiàn)意境，點(diǎn)到為止。

下面簡(jiǎn)單介紹下網(wǎng)頁(yè)設(shè)計(jì)的理念和要點(diǎn)。網(wǎng)頁(yè)設(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)頁(yè)設(shè)計(jì)的兩大要點(diǎn)是：整體風(fēng)格和色彩搭配。

一、確定網(wǎng)站的整體風(fēng)格: 1、將標(biāo)志logo，盡可能的放在頁(yè)面最突出的位置。2、突出標(biāo)準(zhǔn)色彩。3、總結(jié)一句能反映網(wǎng)站精髓的宣傳標(biāo)語(yǔ)。4、相同類型的圖像采用相同效果，比如說(shuō)標(biāo)題字都采用陰影效果，那么在網(wǎng)站中出現(xiàn)的所有標(biāo)題字的陰影效果的設(shè)置應(yīng)該是完全一致的。

二、網(wǎng)頁(yè)色彩的搭配: 1、用一種色彩。指選定一種色彩，然后調(diào)整透明度或飽和度，這樣頁(yè)面看起來(lái)色彩統(tǒng)一，有層次感。2、用兩種色彩。先選定一種色彩，然后選擇它的對(duì)比色。3、用一個(gè)色系。就是用一個(gè)感覺的色彩，例如淡藍(lán)，淡黃，淡綠；或者土黃，土灰，土藍(lán)。在網(wǎng)頁(yè)配色中，還要切記一些誤區(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)頁(yè)設(shè)計(jì)作為一種視覺語(yǔ)言，特別講究編排和布局，雖然主頁(yè)的設(shè)計(jì)不等同于平面設(shè)計(jì)，但它們有許多相近之處，版式設(shè)

- 2 -

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

- 3 -

來(lái)源：網(wǎng)絡(luò)整理 免責(zé)聲明：本文僅限學(xué)習(xí)分享，如產(chǎn)生版權(quán)問(wèn)題，請(qǐng)聯(lián)系我們及時(shí)刪除。

《網(wǎng)頁(yè)設(shè)計(jì)心得體會(huì)》由互聯(lián)網(wǎng)用戶整理提供,轉(zhuǎn)載分享請(qǐng)保留原作者信息,謝謝!
鏈接地址：http://m.hmlawpc.com/gongwen/285191.html

• 上一篇：考察新農(nóng)村衛(wèi)生人才隊(duì)伍建設(shè)心得體會(huì)
• 下一篇：網(wǎng)頁(yè)制作心得