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

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

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

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

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

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

　　二、網(wǎng)站LOGO Logo

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

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

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

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

　　三、視覺流程

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

　　而DIV+CSS布局基本上不會存在這樣的問題，從技術(shù)角度來說，XHTML在控制樣式時也不需要過多的嵌套。這雖然沒有得到確認，但還是建議使用Table布局的朋友們，在設(shè)計時盡可能的不要使用多層表格嵌套，SEOer（seo工作者們）們在文章中說明了這一點，相信他們也不是沒有依據(jù)。

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

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

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

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

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

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

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

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

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

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

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