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

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

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

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

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

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

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

　　二、網(wǎng)站LOGO Logo

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

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

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

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

　　三、視覺(jué)流程

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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