網站設計心得體會優秀

我們有一些啟發後，不妨將其寫成一篇心得體會，讓自己銘記於心，這樣能夠讓人頭腦更加清醒，目標更加明確。但是心得體會有什麼要求呢？以下是小編收集整理的網站設計心得體會優秀，希望能夠幫助到大家。

網站設計心得體會優秀1

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

一、網站風格/創意

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

二、網站LOGO Logo

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

1.直接以網站網址作為logo。

2.根據網站提供的產品/服務特點展開logo設計。

3.以傳遞網站運營商的經營理念為特色。如：全球五金網 logo

三、視覺流程

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

網站設計心得體會優秀2

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

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

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

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

的無情和殘酷，我又何必再拿自己的前途開玩笑。老師曾經不止一次的説過不能遲到，在學校養成的拖拉的習慣一直在摧殘着我，在以後的工作學習中，我會努力的改掉習慣不良的習慣，爭取能再踏入社會的時候找到一份自己滿意的工作。

網站設計心得體會優秀3

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

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

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

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

建站方面，需要注意的就是選擇一個好的建站系統，完全可以在網站建設這條路上少奮鬥幾年。

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

網站設計心得體會優秀4

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

SothinkDHTMLMenu等軟件，這些軟件不僅可以快速開發出導航，logo等，而且很漂亮，美觀。

製作網頁，首先是確定主題，每一版塊都有其個性的色彩，清晰明瞭，便於閲讀瀏覽，大致分幾部分，每一部分又分幾小部分，內容比較充分，多樣。內容精彩豐富，簡潔明快，語言風趣，通俗易懂。頁面可愛清爽。

而我們這次的實習就是用這幾款軟件來設計，主要使用div+css來佈局，避開傳統的table（表格）佈局。

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

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

DIV+CSS的網頁佈局對SEO的好處二、精簡的代碼使用DIVCSS佈局，頁面代碼精簡，這一點相信對XHTML有所瞭解的都知道。觀看更多的HTML教程內容。

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

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

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

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

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

總之Div+css佈局的優勢如下：

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

頁面體積變小，瀏覽速度變快，這就使得對於某些控制主機流量的網站來説是最大的優勢了。由於使用了DIV+CSS製作方法，在修改頁面的時候更加容易省時。根據區域內容標記，到CSS裏找到相應的ID，使得修改頁面的時候更加方便，也不會破壞頁面其他部分的佈局樣式。

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

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

好的網頁，也離不開photoshop，前面我也説了，flash的製作所需要的圖片都要在photoshop中事先PS好的。那麼photoshop的作用就顯得很重要了，網頁中的flash都僅僅是一小部分，圖片佔的分量還是比flash要大的，故好的

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

從製作網頁過程中，我學到了新的美化網頁的方法，運用了更多以前未運用的技巧。這使我學到了更多的知識，並且為我自己在製作網頁這方面積累了一些經驗。這些將是我人生中的一次重要的經歷，將是我今後走上社會後的一筆巨大的財富。這次實習的收穫對我來説有不少，我自己感覺在知識、技能等方面都有了不少的收穫。總體來説這次是對我的綜合素質的培養，鍛鍊和提高。這兩週的學習實習中我在老師的指導下以大量明晰的操作步驟和典型的應用實例，教會我們。使更豐富全面的軟件技術和應用技巧，使我們真正對所學的軟件融會貫通。當前的軟件的功能日趨複雜，不學到一定的深度和廣度是難以在實際工作中應付自如的。因此反映出學習的還不夠，缺點疏漏。需在加以刻苦鑽研及學習，不斷開拓視野，增強自己的實踐操作技能，為以後能做出出色的網頁。