網(wǎng)站設(shè)計(jì)心得體會(huì)優(yōu)秀

　　我們有一些啟發(fā)后，不妨將其寫成一篇心得體會(huì)，讓自己銘記于心，這樣能夠讓人頭腦更加清醒，目標(biāo)更加明確。但是心得體會(huì)有什么要求呢？以下是小編收集整理的網(wǎng)站設(shè)計(jì)心得體會(huì)優(yōu)秀，希望能夠幫助到大家。

網(wǎng)站設(shè)計(jì)心得體會(huì)優(yōu)秀1

　　很多設(shè)計(jì)師認(rèn)為做好了企業(yè)網(wǎng)站就一定能夠做好行業(yè)網(wǎng)站的設(shè)計(jì)，其實(shí)對(duì)設(shè)計(jì)來(lái)說(shuō)行業(yè)網(wǎng)站和企業(yè)網(wǎng)站的設(shè)計(jì)截然不同，對(duì)整個(gè)網(wǎng)站的創(chuàng)意、風(fēng)格、整體框架布局、文字編排、圖片的合理利用，空間的合理安排上面等…有著許多諸多的要求，需要考慮的面更廣，面對(duì)的問(wèn)題也會(huì)更多。對(duì)于一名優(yōu)秀的網(wǎng)站設(shè)計(jì)師來(lái)說(shuō)不能絕不能放過(guò)任何一點(diǎn)小細(xì)節(jié)，本篇文章簡(jiǎn)述的是設(shè)計(jì)師在做行業(yè)網(wǎng)站時(shí)所需考慮的一些問(wèn)題。

　　一、網(wǎng)站風(fēng)格/創(chuàng)意

　　風(fēng)格(style)是抽象的。是指站點(diǎn)的整體形象給瀏覽者的綜合感受。整體形象包括站點(diǎn)的版面布局，色彩，字體，瀏覽方式等…。如：我們覺得迪斯尼是生動(dòng)活潑的而IBM則是專業(yè)嚴(yán)肅的。每一個(gè)網(wǎng)站都會(huì)給人們留下的不同感受。這里我們需要做到的是根據(jù)網(wǎng)站的定位做出網(wǎng)站特有的風(fēng)格。除此我們還需要在風(fēng)格同一上需要把握一下，其實(shí)這個(gè)風(fēng)格的統(tǒng)一和傳統(tǒng)的印刷出版物沒(méi)什么區(qū)別。你網(wǎng)頁(yè)上所有的圖像、文字，包括像背景顏色、區(qū)分線、字體、標(biāo)題、注腳什么的，都要統(tǒng)一風(fēng)格，貫穿全站。這樣子用戶看起來(lái)舒服、順暢，會(huì)對(duì)你的網(wǎng)站留下一個(gè)“很專業(yè)”的印象。而企業(yè)網(wǎng)站設(shè)計(jì)師往往就缺乏這一點(diǎn)，沒(méi)有全局意思。創(chuàng)意，所謂創(chuàng)意就是不拘一格？某些設(shè)計(jì)師在做創(chuàng)意的時(shí)候大費(fèi)周章，做出來(lái)確實(shí)不可否認(rèn)很有創(chuàng)意、很別致，但往往對(duì)于行業(yè)網(wǎng)站的客戶為什么不能接受呢？此時(shí)不要太責(zé)怪客戶的不識(shí)貨，應(yīng)該反思，抓住客戶的需求。其實(shí)做行業(yè)網(wǎng)站不需要很多大的創(chuàng)意，也不要浪費(fèi)過(guò)多的時(shí)間去追求如何個(gè)性、如何好看，我們只需要一點(diǎn)小小的`創(chuàng)意貫穿全站，也許會(huì)使網(wǎng)站更生動(dòng)更具有吸引力、更有思想，比如中國(guó)現(xiàn)車交易網(wǎng)

　　二、網(wǎng)站LOGO Logo

　　顧名思義就是站點(diǎn)的標(biāo)志圖案，logo最重要的就是用圖形化的方式傳遞網(wǎng)站的定位和經(jīng)營(yíng)理念、同時(shí)便于人們識(shí)別。網(wǎng)站logo的設(shè)計(jì)過(guò)程中一般有以下三種思路：

　　1.直接以網(wǎng)站網(wǎng)址作為logo。

　　2.根據(jù)網(wǎng)站提供的產(chǎn)品/服務(wù)特點(diǎn)展開logo設(shè)計(jì)。

　　3.以傳遞網(wǎng)站運(yùn)營(yíng)商的經(jīng)營(yíng)理念為特色。如：全球五金網(wǎng) logo

　　三、視覺流程

　　人們?cè)陂喿x某種信息時(shí)，視覺總有一種自然的流動(dòng)習(xí)慣，先看什么，后看什么，再看什么。在心理學(xué)的研究表明，一般的瀏覽習(xí)慣是從上到下、從左到右，在一個(gè)平面上，上松下穩(wěn)而壓抑。同樣，平面的左松右穩(wěn)。所以平面的視覺影響力上方強(qiáng)于下方，左側(cè)強(qiáng)于右側(cè)。這樣平面的上部和中上部被稱為“最佳視域”，也就是最優(yōu)選的地方。在網(wǎng)頁(yè)設(shè)計(jì)中一些突出或推薦的信息通常都放在這個(gè)位置。當(dāng)然這種視覺流程只是一種感覺并非一種固定的公式，只要符合人們的心理順序和邏輯順序，就可以更為靈活地運(yùn)用，在網(wǎng)頁(yè)設(shè)計(jì)中，靈活而合理地運(yùn)用直接影響到傳達(dá)信息的準(zhǔn)確與有效性。

網(wǎng)站設(shè)計(jì)心得體會(huì)優(yōu)秀2

　　實(shí)訓(xùn)剛剛開始的時(shí)候由于自己的基礎(chǔ)不夠扎實(shí)，所以當(dāng)時(shí)跟不上老師的步伐，只能一個(gè)人獨(dú)自坐，慢慢的由于熟能生巧，我慢慢的就跟上來(lái)了。一個(gè)步驟的開始就可以連著幾個(gè)步驟，同學(xué)們也在認(rèn)真的幫助我，我很感動(dòng)。同時(shí)我也學(xué)會(huì)了使用快捷鍵，以前我很不在意這，因?yàn)楦杏X那是在取巧�？墒乾F(xiàn)在效率的明顯提高讓我慢慢的開始重視它的使用了�？旖萱I的使用，這是Photoshop基礎(chǔ)中的基礎(chǔ)，卻也是提高工作效率的最佳方法�？旖萱I的使用，使你可以將精力更好的集中在你的作品而不是工具面板上。一旦你能夠熟練的使用快捷鍵，你就可以使用全屏的工作方式，省卻了不必要的面板位置，使視野更開闊，最大限度的利用屏幕空間；一些簡(jiǎn)單的命令可以用鍵盤來(lái)完成，不必分心在工具的選擇上，哪怕它只占用了極少的時(shí)間，但我們更希望在工作的過(guò)程中能夠更有效率。我們把網(wǎng)頁(yè)設(shè)計(jì)與制作中涉及到的理論和實(shí)踐更好的結(jié)合起來(lái)，我對(duì)網(wǎng)頁(yè)設(shè)計(jì)與制作這本書有了更深的理解，在flash制作方面有了很大提高，操作能力也

　　得到了增強(qiáng)，使我們了解到無(wú)論做什么事都要有足夠的耐心，還要認(rèn)真細(xì)心。在做題時(shí)要對(duì)自己做過(guò)得東西進(jìn)行仔細(xì)的檢查，同時(shí)也使我了解到同學(xué)之間要相互協(xié)作、共同努力。這次培養(yǎng)和考察了我對(duì)計(jì)算機(jī)的實(shí)際應(yīng)用能力，注重了技術(shù)技能的培訓(xùn)，每一步驟和每一技能點(diǎn)相對(duì)應(yīng)，使我對(duì)Photoshop有了更深一層的了解。更進(jìn)一步的熟悉和掌握一些技能，將書本上的知識(shí)和實(shí)際合理的結(jié)合在一起。要真正的掌握和使用一個(gè)圖像處理軟件，不僅僅要掌握軟件的操作，還需要掌握?qǐng)D像和圖形方面的知識(shí)，比如圖像類型、圖像格式和顏色模式，以及一些色彩的原理知識(shí)等。也只有這樣，才能按要求，合乎情理，有效地發(fā)揮創(chuàng)意，創(chuàng)培訓(xùn)，每一步驟和每一技能點(diǎn)相對(duì)應(yīng)，使我對(duì)Photoshop有了更深一層的了解。更進(jìn)一步的熟悉和掌握一些技能，將書本上的知識(shí)和實(shí)際合理的結(jié)合在一起。要真正的掌握和使用一個(gè)圖像處理軟件，不僅僅要掌握軟件的操作，還需要掌握?qǐng)D像和圖形方面的知識(shí)，比如圖像類型、圖像格式和顏色模式，以及一些色彩的原理知識(shí)等。

　　也只有這樣，才能按要求，合乎情理，有效地發(fā)揮創(chuàng)意，創(chuàng)在這為期兩周的實(shí)訓(xùn)中通過(guò)老師的認(rèn)真講解，讓我對(duì)所學(xué)的知識(shí)有了一個(gè)重新的認(rèn)識(shí)，他們教會(huì)了我在學(xué)校里許多學(xué)不到的知識(shí)，教了我許多關(guān)于設(shè)計(jì)的小技巧，這些小技巧是非常的實(shí)用的，能夠節(jié)省我的許多時(shí)間從而讓我能夠夠快速的完成任務(wù)，并且老師的講解給我打開了一扇大門，讓我仿佛看到了我的專業(yè)的未來(lái)的曙光，也讓我對(duì)于自己現(xiàn)在的'專業(yè)充滿了信心，讓我有了更加多的激情投入到本專業(yè)的學(xué)習(xí)中，同時(shí)也讓我對(duì)于我們的相關(guān)專業(yè)也有了一些了解，從而有了更多的選擇機(jī)會(huì)，不會(huì)再像以前茫然不知所措了，有時(shí)候老師的一句話能夠讓我解決我許久以來(lái)的迷惑，所以老師的作用是巨大的，老師就像是一道曙光讓我在迷茫的道路上不斷的前進(jìn)，給了我前進(jìn)的放向。在這兩個(gè)周里通過(guò)老師的指導(dǎo)，我不斷完善我的設(shè)計(jì)網(wǎng)頁(yè)面的基礎(chǔ)，并且掌握了許多在課堂上學(xué)不到的小技巧。有理由相信，這些洞悉的積累會(huì)對(duì)我這個(gè)即將走上社會(huì)的大學(xué)生菜鳥很有幫助。在不斷豐富我知識(shí)的同時(shí)，我慢慢的認(rèn)掌握識(shí)到了自己的知識(shí)還太少，需要大量的綜合性的練習(xí)來(lái)完善。

　　現(xiàn)實(shí)性的東西得靠實(shí)踐來(lái)完成，以往自己的眼高手低只是一個(gè)笑話而已。目的不是關(guān)鍵，真是有用的是在實(shí)訓(xùn)的過(guò)程中你是否讓自己體驗(yàn)到了在公司工作的那種氛圍和嚴(yán)謹(jǐn)，平時(shí)在做頁(yè)面的時(shí)候總是不太嚴(yán)謹(jǐn)，馬馬虎虎的敷衍了事，可是一旦踏入社會(huì)，這些臭習(xí)慣會(huì)害了自己，同時(shí)也會(huì)影響公司的運(yùn)作和效益。老師的諄諄教誨總是縈繞在自己的耳邊每當(dāng)自己重復(fù)自己的老毛病時(shí)，知道社會(huì)

　　的無(wú)情和殘酷，我又何必再拿自己的前途開玩笑。老師曾經(jīng)不止一次的說(shuō)過(guò)不能遲到，在學(xué)校養(yǎng)成的拖拉的習(xí)慣一直在摧殘著我，在以后的工作學(xué)習(xí)中，我會(huì)努力的改掉習(xí)慣不良的習(xí)慣，爭(zhēng)取能再踏入社會(huì)的時(shí)候找到一份自己滿意的工作。

網(wǎng)站設(shè)計(jì)心得體會(huì)優(yōu)秀3

　　現(xiàn)在網(wǎng)站制作越來(lái)越智能化，簡(jiǎn)單化，很多網(wǎng)站的建站工作基本上只要想好域名就可以了，其他的事情基本上都能自動(dòng)化完成。

　　比如網(wǎng)站的內(nèi)容更新操作，現(xiàn)在許多的CMS系統(tǒng)都有采集插件，MetInfo也不例外，只要設(shè)定好一些規(guī)則，每天都不用自己管理內(nèi)容的更新，網(wǎng)站便會(huì)自動(dòng)采集內(nèi)容更新，相比起人工更新來(lái)說(shuō)更加準(zhǔn)時(shí)與定量，也能喂好搜索引擎的蜘蛛。當(dāng)然如果你是做自己獨(dú)有的產(chǎn)品優(yōu)勢(shì)，可能這種辦法就不太適用你了。

　　比起手工建站的方式，現(xiàn)在的CMS建站，完全不用靠自己聘請(qǐng)專門的程序維護(hù)員，來(lái)維護(hù)網(wǎng)站的.穩(wěn)定性，如同現(xiàn)在的云服務(wù)器一樣，只要把服務(wù)器交給其他人管理就行，而且相比起來(lái)，他們更加專業(yè)，也更加實(shí)惠。

　　在營(yíng)銷方面，許多建站系統(tǒng)都考慮的比較周全，SEO都只是最基本的及格建站系統(tǒng)，很多都搭配了三站合一甚至是四站合一，多樣的營(yíng)銷方式，完全不用像以前一樣帶著文案自己談客戶，一手掌握互聯(lián)網(wǎng)所有客戶，只要你的營(yíng)銷手段高明，基本上不用愁網(wǎng)站的流量。

　　建站方面，需要注意的就是選擇一個(gè)好的建站系統(tǒng)，完全可以在網(wǎng)站建設(shè)這條路上少奮斗幾年。

　　同樣的，隨著建站的門檻越來(lái)越低，建站的人也越來(lái)越多，許多傳統(tǒng)行業(yè)也融入了進(jìn)來(lái)，與大市場(chǎng)伴隨而來(lái)的是競(jìng)爭(zhēng)激烈程度越來(lái)越大，想要在網(wǎng)絡(luò)這個(gè)大市場(chǎng)贏得成功，就必須要時(shí)刻保持對(duì)市場(chǎng)敏銳的嗅覺力。

網(wǎng)站設(shè)計(jì)心得體會(huì)優(yōu)秀4

　　做出一個(gè)好的網(wǎng)頁(yè)一般都離不開dreamweaver，flash，photoshop這三個(gè)軟件，當(dāng)然，還可以用到其他一些輔助軟件就會(huì)加快網(wǎng)頁(yè)的設(shè)計(jì)了，比如：

　　SothinkDHTMLMenu等軟件，這些軟件不僅可以快速開發(fā)出導(dǎo)航，logo等，而且很漂亮，美觀。

　　制作網(wǎng)頁(yè)，首先是確定主題，每一版塊都有其個(gè)性的色彩，清晰明了，便于閱讀瀏覽，大致分幾部分，每一部分又分幾小部分，內(nèi)容比較充分，多樣。內(nèi)容精彩豐富，簡(jiǎn)潔明快，語(yǔ)言風(fēng)趣，通俗易懂。頁(yè)面可愛清爽。

　　而我們這次的實(shí)習(xí)就是用這幾款軟件來(lái)設(shè)計(jì)，主要使用div+css來(lái)布局，避開傳統(tǒng)的table（表格）布局。

　　DIV+CSS的網(wǎng)頁(yè)布局對(duì)SEO的好處一、不存在表格的嵌套問(wèn)題：很多“網(wǎng)站如何推廣”的文章中稱，搜索引擎一般不抓取三層以上的表格嵌套，這一點(diǎn)一直沒(méi)有得到搜索引擎相關(guān)的官方證實(shí)。我的幾項(xiàng)實(shí)驗(yàn)結(jié)果沒(méi)有完全出來(lái)，但根據(jù)目前掌握的情況來(lái)看，Spider爬行Table布局的頁(yè)面，遇到多層表格嵌套時(shí)，會(huì)跳過(guò)嵌套的內(nèi)容或直接放棄整個(gè)頁(yè)面。

　　使用Table布局，為了達(dá)到一定的視覺效果，不得不套用多個(gè)表格。如果嵌套的表格中是核心內(nèi)容，蜘蛛（Spider）爬行時(shí)跳過(guò)了這一段沒(méi)有抓取到頁(yè)面的核心，這個(gè)頁(yè)面就成了相似頁(yè)面。網(wǎng)站中過(guò)多的相似頁(yè)面會(huì)影響排名及域名信任度。

　　DIV+CSS的網(wǎng)頁(yè)布局對(duì)SEO的好處二、精簡(jiǎn)的代碼使用DIVCSS布局，頁(yè)面代碼精簡(jiǎn)，這一點(diǎn)相信對(duì)XHTML有所了解的都知道。觀看更多的HTML教程內(nèi)容。

　　代碼精簡(jiǎn)所帶來(lái)的直接好處有兩點(diǎn)：一是提高蜘蛛（Spider）爬行效率，能在最短的時(shí)間內(nèi)爬完整個(gè)頁(yè)面，這樣對(duì)收錄質(zhì)量有一定好處；二是由于能高效的爬行，就會(huì)受到蜘蛛（Spider）歡迎，這樣對(duì)收錄數(shù)量有很大好處。

　　而DIV+CSS布局基本上不會(huì)存在這樣的問(wèn)題，從技術(shù)角度來(lái)說(shuō)，XHTML在控制樣式時(shí)也不需要過(guò)多的嵌套。這雖然沒(méi)有得到確認(rèn)，但還是建議使用Table布局的朋友們，在設(shè)計(jì)時(shí)盡可能的不要使用多層表格嵌套，SEOer（seo工作者們）們?cè)谖恼轮姓f(shuō)明了這一點(diǎn)，相信他們也不是沒(méi)有依據(jù)。

　　DIV+CSS的網(wǎng)頁(yè)布局對(duì)SEO的好處三、對(duì)搜索引擎的排名基于XTHML標(biāo)準(zhǔn)的DIV+CSS布局，一般在設(shè)計(jì)完成后會(huì)盡可能的完善到能通過(guò)W3C驗(yàn)證。截止目前沒(méi)有搜索引擎表示排名規(guī)則會(huì)傾向于符合W3C標(biāo)準(zhǔn)的`網(wǎng)站或頁(yè)面，但事實(shí)證明使用XTHML架構(gòu)的網(wǎng)站排名狀況一般都不錯(cuò)。

　　DIV+CSS的網(wǎng)頁(yè)布局對(duì)SEO的好處四、提高網(wǎng)頁(yè)的訪問(wèn)速度：DIV+CSS布局較Table布局減少了頁(yè)面代碼，加載速度得到很大的提高，這在蜘蛛（Spider）爬行時(shí)是非常有利的。過(guò)多的頁(yè)面代碼可能造成爬行超時(shí)，蜘蛛（Spider）就會(huì)認(rèn)為這個(gè)頁(yè)面無(wú)法訪問(wèn)，影響收錄及權(quán)重。

　　真正的SEOer（seo工作者們）不只是為了追求收錄、排名，快速的響應(yīng)速度是提高用戶體驗(yàn)度的基礎(chǔ)，這對(duì)整個(gè)搜索引擎優(yōu)化及營(yíng)銷都是非常有利的。換一個(gè)角度拋開DIV+CSS對(duì)SEO的有利影響。單獨(dú)來(lái)講這種div+css布局也是很有益的，可以說(shuō)是實(shí)下是最流行的網(wǎng)頁(yè)布局方式。當(dāng)然div+css布局也有不完善的方面。

　　總之Div+css布局的優(yōu)勢(shì)如下：

　　由于將大部分頁(yè)面代碼寫在了CSS當(dāng)中，使得頁(yè)面體積容量變得更小。相對(duì)于表格嵌套的方式，DIV+CSS將頁(yè)面獨(dú)立成更多的區(qū)域，在打開頁(yè)面的時(shí)候，逐層加載。而不像表格嵌套那樣將整個(gè)頁(yè)面圈在一個(gè)大表格里，使得加載速度很慢。

　　頁(yè)面體積變小，瀏覽速度變快，這就使得對(duì)于某些控制主機(jī)流量的網(wǎng)站來(lái)說(shuō)是最大的優(yōu)勢(shì)了。由于使用了DIV+CSS制作方法，在修改頁(yè)面的時(shí)候更加容易省時(shí)。根據(jù)區(qū)域內(nèi)容標(biāo)記，到CSS里找到相應(yīng)的ID，使得修改頁(yè)面的時(shí)候更加方便，也不會(huì)破壞頁(yè)面其他部分的布局樣式。

　　DIV+CSS最重要的優(yōu)勢(shì)之一：保持視覺的一致性；以往表格嵌套的制作方法，會(huì)使得頁(yè)面與頁(yè)面，或者區(qū)域與區(qū)域之間的顯示效果會(huì)有偏差。而使用DIV+CSS的制作方法，將所有頁(yè)面，或所有區(qū)域統(tǒng)一用CSS文件控制，就避免了不同區(qū)域或不同頁(yè)面體現(xiàn)出的效果偏差。

　　我們都知道網(wǎng)站做出來(lái)是給瀏覽者使用的，對(duì)瀏覽者和瀏覽器更具親和力，DIV+CSS在這方面更具優(yōu)勢(shì)。由于CSS富含豐富的樣式，使頁(yè)面更加靈活性，它可以根據(jù)不同的瀏覽器，而達(dá)到顯示效果的統(tǒng)一和不變形。

　　好的網(wǎng)頁(yè)，也離不開photoshop，前面我也說(shuō)了，flash的制作所需要的圖片都要在photoshop中事先PS好的。那么photoshop的作用就顯得很重要了，網(wǎng)頁(yè)中的flash都僅僅是一小部分，圖片占的分量還是比f(wàn)lash要大的，故好的

　　photoshop技術(shù)，那么PS出來(lái)的圖片就會(huì)顯得更好，這樣網(wǎng)頁(yè)的檔次也會(huì)隨著上升。這次的網(wǎng)頁(yè)設(shè)計(jì)，因?yàn)槭欠抡找粡垐D片，那么就要求我們要懂得photoshop中的切片工具的使用。切好片后，還要獲取圖片的背景色。這樣我們又得掌握吸管工具的使用了。切片過(guò)程中要注意的就是圖片的大小要控制在一個(gè)像素以內(nèi)。所以我們需要先放大，然后才來(lái)控制切片線的位置。

　　從制作網(wǎng)頁(yè)過(guò)程中，我學(xué)到了新的美化網(wǎng)頁(yè)的方法，運(yùn)用了更多以前未運(yùn)用的技巧。這使我學(xué)到了更多的知識(shí)，并且為我自己在制作網(wǎng)頁(yè)這方面積累了一些經(jīng)驗(yàn)。這些將是我人生中的一次重要的經(jīng)歷，將是我今后走上社會(huì)后的一筆巨大的財(cái)富。這次實(shí)習(xí)的收獲對(duì)我來(lái)說(shuō)有不少，我自己感覺在知識(shí)、技能等方面都有了不少的收獲�？傮w來(lái)說(shuō)這次是對(duì)我的綜合素質(zhì)的培養(yǎng)，鍛煉和提高。這兩周的學(xué)習(xí)實(shí)習(xí)中我在老師的指導(dǎo)下以大量明晰的操作步驟和典型的應(yīng)用實(shí)例，教會(huì)我們。使更豐富全面的軟件技術(shù)和應(yīng)用技巧，使我們真正對(duì)所學(xué)的軟件融會(huì)貫通。當(dāng)前的軟件的功能日趨復(fù)雜，不學(xué)到一定的深度和廣度是難以在實(shí)際工作中應(yīng)付自如的。因此反映出學(xué)習(xí)的還不夠，缺點(diǎn)疏漏。需在加以刻苦鉆研及學(xué)習(xí)，不斷開拓視野，增強(qiáng)自己的實(shí)踐操作技能，為以后能做出出色的網(wǎng)頁(yè)。