網(wǎng)頁設計心得體會

　　當我們受到啟發(fā)，對生活有了新的感悟時，寫一篇心得體會，記錄下來，如此就可以提升我們寫作能力了。那么好的心得體會都具備一些什么特點呢？以下是小編為大家整理的網(wǎng)頁設計心得體會，歡迎閱讀與收藏。

網(wǎng)頁設計心得體會1

　　轉瞬間，已到了期末，學習網(wǎng)頁設計這門課程也要完畢了，雖然時間有點短，但是學過這個幾周以后我受益匪淺。

　　記得最初接觸dreamweaver的時候，我很茫然，由于剛接觸生疏的軟件心里會很可怕跟不上老師的進程。剛開頭幾節(jié)課，老師講得比較根底，還能跟得上，漸漸的老師授課的進程開頭加速，有些跟不上了，需要下課后自己補上，問老師和四周的同學。漸漸的，在老師的悉心教育下，我們開頭生疏這個軟件了。老師布置的第一個任務，要求做一個自我形象網(wǎng)站。由于學習的時間較短，老師只要求用PS做好模板即可，任務相對簡潔。但也要求設計感強，顏色搭配和諧，并且盡可能的做成有用又符合實際的秀麗網(wǎng)頁。

　　其次個網(wǎng)頁設計老師要求相對較高，用dreamweaver做一個比較接近真實的網(wǎng)頁，還要做一個二級頁面。于是開頭收集各方面的資料。確定了主題就開頭布局了。最開頭使用了一個表格，然后在表格內進展拆分合并處理，接著就把通過ps處理出來一個版頭并且把修改正大小的圖片放進去了。

　　中間時預覽，問題消逝了，覺察版頭與下面的.圖片文字之間消逝了很大的一段距離，但是在軟件中已經(jīng)把距離縮小為0了，屢次嘗試后沒有效果。最終想到可以另外再加一個表格，把版頭放在一個表格內面，這樣問題就解決了。預覽是效果還不錯。但是總覺得首頁做得太一般，一次掃瞄學長做的網(wǎng)頁時，覺得他們的文字滾動窗口做得效果做得不錯，于是想借見一下。就確定把自己網(wǎng)站的左邊修改修改。復制了他的代碼，把上面的內容修改成我的網(wǎng)站需要的文字。本以為可以輕松的完成，但是卻消逝大問題了。

　　由于需要滾動的文字占的空間太大，把左邊的那局部表格全部占滿了，而在實際的網(wǎng)頁預覽中，這個有文字滾動的框只占了左邊Oeasy教你玩轉網(wǎng)頁設計掃瞄的工具建站程序三分之一，左邊有三分之二留白了。我就想可不行以把文字這樣一層層的放在上面，試了很多方法，在網(wǎng)站查了很多資料，可能由于沒有專業(yè)術語作為搜尋的關鍵詞，查不到任何相關的資料，試過div標簽，試過不停的拆分表格，最終還是沒有效果。就這樣試著試著，突然想到了層這個概念。于是在布局中點擊了繪制層，結果成功了，經(jīng)過一些加工，最終成功的完成左邊的布局。印象還比較深刻的是插入聲音，記得老師曾經(jīng)給我們講過許屢次怎樣插入聲音，可是等到自己做網(wǎng)頁的時候卻遺忘了，于是問其他人，結果竟然都遺忘了，于是自己在百度上收。最終最終找到了一個可以使用的代碼，但是在參與聲音路徑時消逝了問題。在屬性內參與源文件，結果就是加不進去MP3的音樂文件，然后自己就嘗試參與了一個視頻，登記了路徑格式，然后照著這種格式寫下了指向聲音源文件的路徑，最終成功了。在設計過程中還消逝了很多的問題，但通過看書，上網(wǎng)查詢，請教同學等方式，不斷的學習、解決、提高，設計出的網(wǎng)頁不管是外觀還是內容，都在不斷的進步、改善�？梢哉f在自己動手，不斷實踐的過程中，網(wǎng)頁設計水平得到了很大的提高。熱忱和執(zhí)著，我將來設計出的網(wǎng)頁會更加專業(yè)，更完善。

網(wǎng)頁設計心得體會2

　　大學生活讓我對計算機理論知識有了一定的了解，但實際操作領域依舊是一片空白。紙上得來終覺淺，絕知此事要躬行。經(jīng)過網(wǎng)頁實訓課的實習，讓我對自己有了新的認識，并明確了網(wǎng)頁設計方面的'前進方向。

　　1.繼續(xù)學習，不斷提升理論素養(yǎng)

　　在信息時代，學習是不斷地汲取新信息，獲得事業(yè)進步的動力�，F(xiàn)在通過實習總感覺自己學的不夠，要用到知識時總感覺腦袋總是空白。實習后讓我明白，為了能更好的適應工作，不得不利用自己空閑時間去彌補學習中的不足。實訓內容是與自己所學專業(yè)有密切聯(lián)系的，所以自己在這方面格外側重，希望能夠加強自己的專業(yè)知識。

　　2.加強信心，堅持下去

　　上學的時候大家都說“能珍惜現(xiàn)在的日子就好好珍惜!”，等工作了才真正的領悟這句話的涵義。經(jīng)歷第一次實訓課的學習后，就希望能把實習所學習的知識，也能運用到課堂上。對自己多一點信心，多給自己點贊賞，多給自己鼓鼓勁，相信自己總會走出一條寬敞大道。

　　3、實訓學習中的同學相處

　　感覺學生時代很美好，不僅僅是不需要去努力工作，而是在學生時代你可以有很好的同學，很好的朋友，大家相互噓寒問暖，不必勾心斗角。我感覺這里才真的有純潔的友誼。我想當踏上了社會，就會存在著利益關系，有工作繁忙，也多了份人情世故。希望以后自己努力，可以多幾個朋友，希望自己可以有個團結工作的環(huán)境。在整個網(wǎng)頁設計實訓的過程中，實訓同學之間的關系總是那般融洽!

　　實習，是開端也是結束。在書本上學過很多理論，但從未付諸實踐過，也許等到真正運用時，才會體會到難度有多大。在今后的工作和生活中，自己需要更加努力的奮斗下去。

　　實習的同時也讓我了解到了自己的不足，,我會繼續(xù)努力，完善自我。對于學校的精心安排和指導老師的用心輔導非常感謝。

　　光陰似箭，日月如梭。轉眼間，愉快而又充實的網(wǎng)頁實習課程結束了，在這幾個月的時間里，在實訓的過程中 ，讓我嘗試了理論與實踐的結合。網(wǎng)頁設計理論一點點轉化為實踐經(jīng)驗，模擬網(wǎng)頁實訓變成了真正面對社會的基礎，盡管生澀但在慢慢趨近成熟。豐富的實訓知識，讓我的實習生活充滿驚喜、快樂和充實，當然也少不了網(wǎng)頁設計處理過程中的困難。實習結束了，感覺腦袋里又注入了新的知識，對網(wǎng)頁設計也有了更深的了解，在以后的工作中，希望能用自己了解的東西去處理相關的問題，再探究新的問題，使自己和公司不斷進步。

　　最后談談我個人對自身的職業(yè)之路規(guī)劃。當然這些還不夠成熟，僅僅是這一個學期的實習帶給我的一點想法，今后我會結合學習生活進一步修正。

　　首先是個人學習，通過實習我認識到利用課堂外的時間也是關鍵，下一步打算結合自己的興趣，利用課余時間自我培訓;其次是社會實踐，初步打算是利用假期等時間充分工作，以提高自身實際工作能力為目的，畢竟“想”和“做”是不一樣的，這次實習中我也認識到了這點，平時覺得自己能夠勝任的簡單事情，當真正動手做時卻總不是那么簡單了;最后，打算結合個人的興趣、價值觀、能力、職業(yè)發(fā)展傾向做個詳細的職業(yè)發(fā)展規(guī)劃。

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

　　通過老師的講解和對課本的翻閱，我學習到了一些關于建設網(wǎng)站和制作網(wǎng)頁的知識，對網(wǎng)頁制作的基礎知識也有了一定的掌握。通過Dreamweaver制作網(wǎng)頁，我用到了一些基本的功能：圖片插入和對齊設置；文字的格式、顏色、背景顏色的設置等。但是在自己嘗試著做的時候，總是出現(xiàn)這里那里的問題。不是圖片不能固定在自己想要的`位置，就是滾動文本的顯示區(qū)域不知道為什么撐過了頁面，還有就是不同分辨率、不同瀏覽器都會對瀏覽網(wǎng)頁產(chǎn)生影響。而且在CSS方面，我總是不太熟悉各種代碼是控制哪些東西的。除了查找解決問題我還總結了經(jīng)驗。例如：

　　1、命名站點或者文件夾的的時候一定要注意，最好用相應的英語或者漢語拼音，要見名知意，如圖片文件夾用image或者tu，這樣可以避免頁面調用時不正確的現(xiàn)象發(fā)生。

　　2、調用Style時可以單擊鼠標右鍵選擇Custon Style來調用Style標準，也可以在狀態(tài)欄中的元素列表上單擊右鍵來調用Style。雖然不同的方法達到的效果看似一樣，但實際上產(chǎn)生的HTML代碼則完全不同。在這個過程中，我同樣認識到網(wǎng)頁設計不是一門學科的獨秀，而是多種課程的綜合，它是Flash、Photoshop等網(wǎng)頁軟件的綜合應用。例如Flash提供了功能齊全的繪圖和編輯圖形工具。可以直接在編輯區(qū)里繪畫，編輯修改非常靈活，它的另一大特點是“交互性”強。在動畫播放時，可以用鼠標或鍵盤對動畫的播放進行控制，可以很直觀的反映出效果。

　　頁面設計應以美觀、大方、簡潔為原則，保持一致的風格。為了達到最佳的視覺表現(xiàn)效果，應講究整體布局的合理性，使瀏覽者有一個流暢的視覺體驗。網(wǎng)頁最主要的功能就是給每個上網(wǎng)者提供一種形式，讓他們能夠了解網(wǎng)站提供的信息。要研究網(wǎng)頁設計，就需要站在用戶的角度來看。用戶是一個網(wǎng)站成敗的關鍵。如果用戶要花很多時間進入網(wǎng)站，很有可能他會立即關掉網(wǎng)站，或者網(wǎng)站操作很不方便用戶也會馬上離開，這種網(wǎng)站是很失敗的設計，只會讓用戶失望的離去。所以網(wǎng)頁容量即包括圖像在內的網(wǎng)頁字節(jié)數(shù)最好不要超過50K。

　　還涉及到界面弱化的問題。一個好的界面設計它的界面是弱化的，它突出的是功能，著重體現(xiàn)的是網(wǎng)站業(yè)提供給使用者主要是什么。這就涉及到瀏覽順序、功能分區(qū)等等。要讓訪客在0.5秒內就能把握網(wǎng)站的行業(yè)性質，1秒內就知道該從哪個地方開始使用這個網(wǎng)站，能點一次的，絕不點第二次。

　　當然上面說的是大多數(shù)功能性網(wǎng)站，對于宣傳展示性網(wǎng)站，諸如加特效的或Flash網(wǎng)站，可能就不得不花哨一些，但不能太過分。網(wǎng)站不是動畫片，在效率越來越高，社會心理越來越浮躁的中國，人們的耐心越來越小，心理承受能力越來越低。效果可以體現(xiàn)意境，點到為止。

網(wǎng)頁設計心得體會3

　　不知不覺，二個星期的《頁設計與站建設》課程的實操即將過去，回顧這一段日子，真的令我體會很深，也學會很多東西，懂得很多以前不懂的東西，也明白了一些事情。

　　自從第一天接觸《頁設計與站建設》課程，我以下定決心要把頁這門課學，做出一個優(yōu)秀的站。所以我時刻沒有錯過任何學習的機會，無論在課堂上，還是在課外上。更何況這一次實操�；仡櫧翊蔚膶嵅傥矣X得我過得很充實，很有意義，因為我可以誠實的說我在實操沒有玩過一次游戲，我每時每刻都在設計站，還記得晚上做站做到一、二點，可能有人會說我傻，但正因為這個傻的行動，令我學會很多東西，學會別人不懂的東西，做出一個令自己滿意的站，可能跟別人比還需要繼續(xù)完善，但我不會因為實操結束，就把頁設計拋到九霄云外，我會繼續(xù)學習頁設計技術，把它變?yōu)樽约旱囊豁椞亻L。

　　回顧第一天的《頁設計與站建設》課程實操，老師叫我們繼續(xù)完善以前設計的站，做出留言板、注冊的功能。我很快就完成了，但可能我是一個追求完善的人，所以盡管一個站做可以馬上交給老師。但我做出一個別人都不贊同的決定，從頭開始做一個站。因為我覺得以前那個真的不是太，盡管實操的時間過去了一半，盡管別人對我說你交原來這個不就行了嗎！何必再做一個呢？但真因為我的執(zhí)著，追求成功，追求完善的人，才會使我今天交出一個令自己滿足的答卷。

　　在制作個人站時我們首先：

　　一、必需進行個人站前臺功能設計

　　包括個人站主題的確定，前臺功能設計與管理、個人站主頁設計、個人站留言板、注冊、忘記密碼、搜索等頁設計與管理。

　　二、對個人站后臺管理功能設計

　　包括個人站后臺管理功能的設計、后臺管理信息系統(tǒng)功能的設計、后臺系統(tǒng)權限管理、后臺件管理、個人站后臺管理系統(tǒng)主頁設計。

　　三、站的發(fā)布

　　通常我們發(fā)布一個站可能以能過域名注冊，但我們也可以利用自己主機，裝了iis別人就可以通過我的ip地址來訪問我的主頁。第一次做的那個頁我已經(jīng)發(fā)布在上了。

　　四、個人站推廣

　　一個站做了，就要對個人站進行推廣，這是一個電子商務站必需做得的一步，因為如果你不對你的站進行推廣，就算你發(fā)布了也沒有人會知道的。

　　在設計這個站時真的體會很多東西，從一開始頁主題的確定，到主頁總體的設計、搜集資料、前臺功能設計與管理、后臺功能設計與管理、每個分頁面的設計等。我都一一進行了規(guī)劃，因為如果你不規(guī)劃，想做什么就做什么，是不會做得的。因我為體會到這一句話：“機會中屬于有準備的人”。我詳細到一個表格寬度都一一列明。例如：775寬度，分三欄，每一欄占多少。因為我深深懂得“細微處才見真功夫”。

　　在這次實操過程中令我印象最深的是做留言板，因為剛在上一個星期sql數(shù)據(jù)庫實操做過了，所以今次在做就比較輕松，但我以前是經(jīng)過一個比較長的.練習，做完了n次，可能有人會想，肯定是不會才做這么多次啦！但我想告訴這位同學我每次做得都不是不同的方法。第一次我用的是access數(shù)據(jù)庫，第二次我用的是sql數(shù)據(jù)庫加權限管理，第三次我用的是數(shù)據(jù)源名稱的連接，第四次我用的是自定義連接字符串，第五次……每一次用的方法都是不同的，可能有人會說我傻，會一種方法就行了，還要那么多嗎？但我想說的就是不是這么多次的練習，不是之么多次不同的方法，也就不會造就出今天熟能生巧的我，也不會對同學提出的問題解決到，也不會輕松教會同學，因為你自己首先學會，學通，學廣，才能把問題一一的解決。

　　令我難以忘懷的鏡頭也是在做留言板的時候，但不是為我自己的而做，而是一步一步教同學做，直到令同學學懂；把同學留言板的問題一一解決；當同學因為做不出而沒心情，過去對她進行鼓勵的，然后一一解決；當自己也不會，與同學共同研究的情況，這種學習氛圍是最難得的，就是在做留言板的時候，令我深深體會到我?guī)拙湓挘赫J真做事只是把事情做對，用心做事才能把事情做。把每一件簡單的事情做就是不簡單，把第一件平凡的事情做就是不平凡。

網(wǎng)頁設計心得體會4

　　不知不覺我學習整站頁設計也有一段時間了，很高興我能在這計算機深入的社會里，學習到建設和頁設計的一些知識。絡成了我們獲取知識和信息的一種便捷工具，如今的生活，商業(yè)都已經(jīng)在絡上如火如荼地開展，我認為，學習絡知識，對于生活在絡時代的我們還是很有必要的。接下來我想分享一下我的獨家頁設計學習心得。希望能夠為正在學習頁設計的你們也提供一點幫助。

　　學習頁設計的過程中，我也成功制作了屬于自己的，通過這一次嘗試，我對計算機有了更深層次得到了解，也有了更濃厚的興趣。尤其是對頁制作的過程與一些技巧手法更有了另外一番了解，對頁制作的.基礎知識也有了一定的掌握。我覺得，在設計頁之前：

　　首先必須做到先確定頁設計的內容，因為一個優(yōu)秀的風站要有一個明確的主題，整個圍繞這個主題，也就是你在頁設計之前要明確你這個有什么目的，用來做什么，所有頁面都是圍繞著這個內容來制作，有了明確的內容對排名有很重要的作用。

　　其次自然是了解你所在行業(yè)的客戶。要知道用戶是一個成敗的關鍵，如果用戶要花很多時間進入你很有可能用戶會立即關掉你，或者你操作很不方便用戶也會馬上離開，這種是很失敗的設計，只會讓用戶失望的離開。

　　我在這次設計頁的過程中，終于體會到做一個頁的主頁不是一件容易的事情，它包括個人主頁的選題、內容采集整理、圖片的處理、頁面的排版設置、背景及其整套頁的色調等很多東西。制作主頁要注意：

　　要想一個好的標題。標題在個人主頁中起著很重要的作用，它在很大程度上決定了你整套個人主頁的定位。一個好的標題必須有概括性、有特色、簡短易記，不要符合自己主頁的主題和風格。

　　主頁中不光要有文字，還要適當?shù)丶右恍﹫D片。一張好的圖片可以勝過你的千言萬語。也能讓進入你頁的人一目了然，產(chǎn)生興趣。

　　頁頁面整體的排版設計也是不可忽略了，很重要的一個原則是合理也運用空間，讓自己的頁井然有序，留下合適空間，會給人輕松的感覺。

　　當然在做這些內容之前，是要找好資料的，我們可以從報紙，雜志，光盤等媒體中把相關的資料收集，再加上一定的編輯后就可以了。另外一個好的方法是從絡上收集，您只要到搜索引擎上查找相應的關鍵字，就可以找到一大堆的資料。設計制作頁我可以推薦一個不錯的軟件，那就是Dreamweaver。只需要用到此款軟件中的一些基本的功能：圖片插入和對齊設置；文字的格式、顏色、背景顏色的設置等就可以制作出一個簡單的頁。好了，頁設計制作完畢后，最后一步就是要優(yōu)化了。

　　就我的觀點，我覺得個人認為頁設計應該注重實用性，因為我們用它就是來互動的，所以我建議以簡單美為好，太多復制的圖片文字和頁面排版只會讓看的人感覺更不舒服，還有最后申明一下，我不是專業(yè)設計師，以上只是我對頁設計學習的一些心得罷了。

網(wǎng)頁設計心得體會5

　　科學是發(fā)展生產(chǎn)力的根本前提，當今的社會是互聯(lián)網(wǎng)蓬勃發(fā)展的世界，每當我們上網(wǎng)的時候，那一個個精美別致的網(wǎng)頁給人是多么流暢順利的感覺，無論是尋找資料還是網(wǎng)上商城購物，都給我們帶來了方便快捷的好處，我想，科學技術的發(fā)展，離不開互聯(lián)網(wǎng)的發(fā)展，而互聯(lián)網(wǎng)的發(fā)展也離不開網(wǎng)頁制作的發(fā)展，而只有把兩者結合起來才是正確的。

　　首先，了解網(wǎng)頁并不是單純的認為他僅僅只是為人們服務的.，而它的存在也是給我們帶來了利益和好處。當然，了解網(wǎng)頁首先也從幾個軟件開始：

　　1. dreamweaver mx (或dreamweaver 8)。

　　2. flash mx (或flash 8)

　　3. fireworks 8

　　而網(wǎng)頁制作就是開始從這些軟件開始著手的，今天，我終于可以學習網(wǎng)頁制作了，我們在杜奕老師的教導下，各位同學們也都在聆聽老師的講解和指導我們運用以上這些軟件的功能和網(wǎng)頁的剖析。所謂網(wǎng)頁，就是指一個可以瀏覽內容并且可以使用ie瀏覽器打開的內容稱之為網(wǎng)頁。

　　在剛開始接觸網(wǎng)頁的第一堂課上，聽說網(wǎng)頁制作會是一門很無聊并且很難聽懂的過程，而事實卻印證了這樣一個事實，但是只要我們努力，無論是怎樣的艱難險阻，成功依然會迎面直擊。在剛開始時我覺得dreamweaver mx 很難理解，不管老師做怎樣的解釋，而我卻對它感到很是吃力，諸如里面有許多不知道的功能。如：布局表格、繪制層、制作css樣式表等，這些內容迷糊了我的視線，真是沒想到制作一個精巧別致的網(wǎng)頁是如此的困難，可是心有不甘，每天上網(wǎng)看著那樣多的網(wǎng)頁，于是我才下定決心選擇了網(wǎng)頁制作這一門課程，目的就是希望以后能夠做出一個完美的網(wǎng)頁來。

　　“路漫漫其修遠兮，吾將上下而求索”學習的道路是艱苦漫長的，更何況這是關于一個科學技術的一個代名詞，隨后，課堂的氣氛慢慢的好轉，耐心的老師和專心的學生在課堂上都盡情的發(fā)揮各自的才能，老師也為了能教好每一位學生，而學生也不辜負老師的使命，就這樣，網(wǎng)頁制作這一門課程進行的很順利，學習了dreamweaver mx 對它如何徹底的剖析和分解，我們終于認清了它的原理，摸清了應該怎樣去完全的使用它，而我們在老師的指導和訓練的結果下，終于開始做屬于自己的網(wǎng)頁了。

　　慢慢的快接近尾聲了，我們也快臨近期末了，老師給我們的任務卻是需要我們每人至少做出三個網(wǎng)頁來，且內存不能超過3m，剛開始我以為我會對著感到很是吃力，不知道該如何是好，畢竟網(wǎng)頁才是剛剛起步，根基不穩(wěn)，怎么能夠做出這樣的網(wǎng)頁呢?而我對dreamweaver mx 它也不是很熟悉，心里真是很擔憂。

　　在這最后的時間里，我仔細掂量了一番，網(wǎng)頁制作給我的結論是：要想制作一個能夠像網(wǎng)上的那樣，還得需要經(jīng)過長時間的刻苦努力和不斷地檢驗及實踐，否則，如果只靠老師在課堂上講的那些知識是遠遠不夠的。畢竟網(wǎng)頁是一個技術性的知識，不像文學那樣的純理論知識。通過這個課程的學習，我從中得到了一些對網(wǎng)頁知識如功能、概念的理解，原來要做出一個簡單可行的網(wǎng)頁并不是一件害怕的事情，而是一件努力和嘗試的事情。

網(wǎng)頁設計心得體會6

　　跟學習別的東西一樣，學習網(wǎng)頁設計也需要興趣，所謂的興趣也不是三分鐘熱度，是一種執(zhí)著。

　　學習網(wǎng)頁設計需要耐心，如果你沒有耐心，你學不好網(wǎng)頁設計，應為當你碰到一個問題時，如果不能立刻得到問題的答案，你可能需要很長時間去解決，我就碰到過一個問題，用了半個月時間才解決。

　　學習網(wǎng)頁設計需要堅持，堅持不斷的學習，因為設計網(wǎng)頁的軟件在不斷的更新，你不斷的學習

　　不要掉入技術的陷阱，你的網(wǎng)頁設計技術一流，你對軟件的掌握程度已經(jīng)達到一定水平，但是你設計的網(wǎng)頁確不堪目睹，這是因為網(wǎng)頁設計是是介于平面設計和編程技術兩者之間的“邊緣科學�！辈粌H涉及到美學，心理學，平面構成，色彩搭配等平面設計的方面的知識，還涉及到html，javascript，css，asp，php等編程語言技術方面的.知識。只有綜合運用多種知識，才能設計出視聽特效，動感十足，富于個性的web頁面，才能全面展現(xiàn)互聯(lián)網(wǎng)這一新型媒體的獨特魅力和多維空間的超強功能。

　　注重實用，個人認為網(wǎng)頁設計應該注重實用性，因為它是讓人瀏覽的，是用戶可以撫摸，可以評論，可以交互的。我提倡簡單的美。

網(wǎng)頁設計心得體會7

　　不知不覺我學習整站網(wǎng)頁設計也有一段時間了，很高興我能在這計算機深入的社會里，學習到建設網(wǎng)站和網(wǎng)頁設計的一些知識。網(wǎng)絡成了我們獲取知識和信息的一種便捷工具，如今的生活，商業(yè)都已經(jīng)在網(wǎng)絡上如火如荼地開展，我認為，學習網(wǎng)絡知識，對于生活在網(wǎng)絡時代的我們還是很有必要的。接下來我想分享一下我的獨家網(wǎng)頁設計學習心得。希望能夠為正在學習網(wǎng)頁設計的你們也提供一點幫助。

　　學習網(wǎng)頁設計的過程中，我也成功制作了屬于自己的網(wǎng)站，通過這一次嘗試，我對計算機有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網(wǎng)頁制作的過程與一些技巧手法更有了另外一番了解，對網(wǎng)頁制作的基礎知識也有了一定的掌握。我覺得，在設計網(wǎng)頁之前：

　　首先必須做到先確定網(wǎng)頁設計的內容，因為一個優(yōu)秀的風站要有一個明確的主題，整個網(wǎng)站圍繞這個主題，也就是你在網(wǎng)頁設計之前要明確你這個網(wǎng)站有什么目的，用來做什么，所有頁面都是圍繞著這個內容來制作，有了明確的內容對排名有很重要的作用。

　　其次自然是了解你網(wǎng)站所在行業(yè)的客戶。要知道用戶是一個網(wǎng)站成敗的關鍵，如果用戶要花很多時間進入你網(wǎng)站很有可能用戶會立即關掉你網(wǎng)站，或者你網(wǎng)站操作很不方便用戶也會馬上離開，這種網(wǎng)站是很失敗的設計，只會讓用戶失望的離開。

　　我在這次設計網(wǎng)頁的過程中，終于體會到做一個網(wǎng)頁的主頁不是一件容易的事情，它包括個人主頁的選題、內容采集整理、圖片的處理、頁面的排版設置、背景及其整套網(wǎng)頁的色調等很多東西。制作主頁要注意：

　　要想一個好的標題。標題在個人主頁中起著很重要的作用，它在很大程度上決定了你整套個人主頁的定位。一個好的標題必須有概括性、有特色、簡短易記，不要符合自己主頁的主題和風格。

　　主頁中不光要有文字，還要適當?shù)丶右恍﹫D片。一張好的圖片可以勝過你的千言萬語。也能讓進入你網(wǎng)頁的人一目了然，產(chǎn)生興趣。

　　網(wǎng)頁頁面整體的排版設計也是不可忽略了，很重要的一個原則是合理也運用空間，讓自己的網(wǎng)頁井然有序，留下合適空間，會給人輕松的感覺。

　　當然在做這些內容之前，是要找好資料的，我們可以從報紙，雜志，光盤等媒體中把相關的資料收集，再加上一定的編輯后就可以了。另外一個好的方法是從網(wǎng)絡上收集，您只要到搜索引擎上查找相應的關鍵字，就可以找到一大堆的資料。設計制作網(wǎng)頁我可以推薦一個不錯的軟件，那就是Dreamweaver。只需要用到此款軟件中的一些基本的功能：圖片插入和對齊設置；文字的`格式、顏色、背景顏色的設置等就可以制作出一個簡單的網(wǎng)頁。好了，網(wǎng)頁設計制作完畢后，最后一步就是要優(yōu)化網(wǎng)站了。

　　就我的觀點，我覺得個人認為網(wǎng)頁設計應該注重實用性，因為我們用它就是來互動的，所以我建議以簡單美為好，太多復制的圖片文字和頁面排版只會讓看的人感覺更不舒服，還有最后申明一下，我不是專業(yè)網(wǎng)站設計師，以上只是我對網(wǎng)頁設計學習的一些心得罷了。

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

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

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

　　而我們這次的實習就是用這幾款軟件來設計，主要使用div+css來布局，避開傳統(tǒng)的table（表格）布局DIV+CSS的網(wǎng)頁布局對SEO的好處一、不存在表格的嵌套問題：很多“網(wǎng)站如何推廣”的文章中稱，搜索引擎一般不抓取三層以上的表格嵌套，這一點一直沒有得到搜索引擎相關的官方證實。我的幾項實驗結果沒有完全出來，但根據(jù)目前掌握的情況來看，Spider爬行Table布局的頁面，遇到多層表格嵌套時，會跳過嵌套的內容或直接放棄整個頁面。

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

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

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

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

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

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

　　真正的SEOer（seo工作者們）不只是為了追求收錄、排名，快速的響應速度是提高用戶體驗度的基礎，這對整個搜索引擎優(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ū)域內容標記，到CSS里找到相應的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技術，那么PS出來的圖片就會顯得更好，這樣網(wǎng)頁的檔次也會隨著上升。這次的網(wǎng)頁設計，因為是仿照一張圖片，那么就要求我們要懂得photoshop中的切片工具的使用。切好片后，還要獲取圖片的背景色。這樣我們又得掌握吸管工具的使用了。切片過程中要注意的就是圖片的大小要控制在一個像素以內。所以我們需要先放大，然后才來控制切片線的位置。

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

網(wǎng)頁設計心得體會8

　　回顧這一個月來的實習生活是一件很值得紀念的事，這是我第一次在外實習，第一次在網(wǎng)上投簡歷能收到回復。對于我們這樣的藝術設計學生，我深刻的體會到單單是學校教的遠遠不夠，學校教的很籠統(tǒng)，很抽象，很大概，如果可以，我希望這個專業(yè)的師弟師妹們，有空多多到圖書館充實自己，靜下心來充分自學。

　　在外實習前，第一件事是把自己賣出去，包裝自己，所以簡歷很重要，務必屬實，因為你有多少兩重，閱人無數(shù)的人事主管和老板在面試的交談中很快就能從你各方面行為和語言中找到答案。既然要面試，衣服當然要穿正裝，其實我也想的只是大二實習期沒有大三的三個月那么長，就那么一個月。這樣短期的工作其實根本沒有什么公司愿意招聘，所以我感覺到萬分榮幸能夠進到這一支專業(yè)的創(chuàng)業(yè)團隊，真的是一件了不起的事，而且這個崗位與我學習的和自己喜愛的科目對的很準，我自己也十分樂于這份工作。

　　記得剛開始的一個多星期，公司并沒有讓我馬上投入工作，因為當時對產(chǎn)品了解不熟悉，要從學校的圈子走出來到商業(yè)模式去還是有點顧慮，但是當你接觸到這商業(yè)化的東西，你會發(fā)現(xiàn)，學校的東西遠遠不足。所以一般公司會進行些培訓，很感激william楊，他提供了很多設計的書籍給我自學閱讀，可惜在我深刻讀完《瞬間之美——web界面設計如果讓用戶心動》（點擊跳到本人的讀書筆記）一書后，就再也很難抽取一點時間來閱讀了。

　　在接下來的這個月里，除了必要的培訓以熟悉公司及其產(chǎn)品知識外，我也開始忙碌起來，因為產(chǎn)品的第一個內部版本需要再8月8日這個好日子發(fā)布。剛開始的兩個星期，因為對產(chǎn)品并不熟悉，一直以來在學校設計的作品都很“學�！钡�是商業(yè)設計比較少，出頭設計的時候真的抓破頭腦，因為習慣了學校的生活，習慣了客戶給要求按照客戶的想法去做。

　　至于什么叫很學校呢，就是一種填鴨式的，根據(jù)參考去模仿設計，然而在社會上涉及很多版權問題，所以商業(yè)上的設計基本上都是原創(chuàng)或者參考過后進行大幅度的提高審美設計，其次因為涉及商業(yè)利益，在商業(yè)的角度上，商業(yè)的資金來源是客戶，所以他們的需求來源于客戶，注重用戶感受的設計，是一個好設計。其實設計是件看起來簡單，但是操作起來卻感覺很漫長的一件事情，每一個細節(jié)自己不斷的琢磨推敲，自己就會讓工作時間變長，效率變低，卻又希望哪天能像那些設計家門隨心所欲的設計出自己喜歡，人們喜歡，客戶滿意的東西。設計來源與生活，應用于生活，我還需要多多積累。

　　8月8日這個內部版本中，我主要的工作就是設計界面，然后photoshop切圖，然后繼續(xù)傻傻的使用習慣的notepad2++手寫html和css。經(jīng)歷這樣的蠢事之后，我決定還是回到dreamweaver的懷抱，因為畢竟知識不夠強，在兼容性方面還需要有dreamweaver來實時的告訴我，以提高我的工作效率。

　　期間william楊還多次與我熟悉，很感激他們都關心我，提醒我應該有自己的就業(yè)方向，3年5年xx年的計劃，說長不長說短不短的大學2年已經(jīng)過去了。我應該有怎樣的人生，我有想過，但卻還沒如此認真的付出著。我想起老板那句，你喜歡設計？你覺得設計適合你嗎？我真的很需要考慮我的以后，但目前設計還是我喜歡的事情，我也愿意身心的投入到其中，有時候可以不必得到回報，只是為了滿足我小小的心靈。

　　當8月8日一過，為慶祝產(chǎn)品大賣，公司還組織爬山活動，然而平常我們在深山中休養(yǎng)學習的多，爬山的少。爬山是鍛煉毅力的一種好方法，工作之余不能忘了生活，忘了自然。這次高強度的爬山活動從下午3點一直爬到了晚上10點多才下到山腳，經(jīng)歷的時間之長，讓我感受到一個人在公司里，不僅要有強硬的專業(yè)知識，還需要強壯的身體支撐來效益公司，而下山mk的那段話，真的`讓我感受到他們很關心我，因為畢竟他們都是過來人，謝謝他們的指導。

　　產(chǎn)品的初步版本確定之后，就要開始慢慢的改進了。william作為產(chǎn)品經(jīng)理，不僅要領導著整個團隊，還要協(xié)調工作的進度。他會制作出甘特圖，通知每個人需要做什么事情，大概需要多長時間來完成。在其中，我會不時的停滯，因為某些小bug會導致我去轉牛角尖，而這樣會導致拖慢整個進度，然而在這個環(huán)節(jié)，我學會的最多的事，做事情要分優(yōu)先級。總體要現(xiàn)出來，大方向，模糊地對，細節(jié)的錯，慢慢改。而那個定律資源一定了，時間也定了，只能減少的剩下特性。

　　從8月8日開始到15日，又是另一個版本的小跨越，一個星期里做的事并不多，除了不斷配合小楊完善頁面的重構和美化工作，還要檢查最繁瑣的兼容性問題，心里知道很多房地產(chǎn)經(jīng)紀人使用的電腦基本上都是深度、雨林木風、電腦公司特別版的ghost系統(tǒng)，所以基本上都是ie6 ie7為主流的瀏覽器，兼容性方面的確在工作上成為一個重點。

　　15日的第二個小版本后，會議總結了3頁的分條建立修改文件，當看見滿是修改意見的一行行文，寫上我負責的q，心理是有點擔心，是否能在期限內完成工作，然而15日這次的爬山活動并沒有參加，因為我知道我應該更加抓緊時間處理問題，一天下來最讓我自己感到滿意的是導航，親力親為的感覺，頗有成就感。一方面不僅要不斷的完善頁面的布局，一方面還要抽時間設計虎之翼公司的logo和網(wǎng)頁，他們真是替我捏了把汗似的，都有種壓力很大吧。我感覺還好吧，不過腦子真的要轉的很快了，因為沒有創(chuàng)作來源，讓我在上下班的途中朝思暮想的想著設計，充分利用上下班的塞車時間，不斷的觀看經(jīng)過車窗的各型各類的廣告來尋來創(chuàng)意來源。最后還是有驚無險的完成這些工作。除了這些工作，公司越來越多人了，剛進去的時候只有我和sandy，后來多了好多個人，很羨慕參數(shù)組，能有說有笑的工作，但是我這項工作，我不是一個人在戰(zhàn)斗。再后來，開始招聘銷售，因為產(chǎn)品到25號就要正式發(fā)布了，有點讓我走也走的不放心的感覺，要配合銷售展開小單張的宣傳。時至26日，才基本完成。

　　希望，我的能力能幫到公司，獻出我自己一份的力量。

網(wǎng)頁設計心得體會9

　　跟學習別的東西一樣，學習網(wǎng)頁設計也需要興趣，所謂的興趣也不是三分鐘熱度，是一種執(zhí)著。學習網(wǎng)頁設計需要耐心，如果你沒有耐心，你學不好網(wǎng)頁設計，應為當你碰到一個問題時，如果不能立刻得到問題的答案，你可能需要很長時間去解決，我就碰到過一個問題，用了半個月時間才解決。學習網(wǎng)頁設計需要堅持，堅持不斷的學習，因為設計網(wǎng)頁的軟件在不斷的更新，你不斷的學習不要掉入技術的陷阱，你的網(wǎng)頁設計技術一流，你對軟件的掌握程度已經(jīng)達到一定水平，但是你設計的網(wǎng)頁確不堪目睹，這是因為網(wǎng)頁設計是是介于平面設計和編程技術兩者之間的"邊緣科學。"不僅涉及到美學，心理學，平面構成，色彩搭配等平面設計的方面的知識，還涉及到html，javascript，css，asp，php等編程語言技術方面的知識。只有綜合運用多種知識，才能設計出視聽特效，動感十足，富于個性的web頁面，才能全面展現(xiàn)互聯(lián)網(wǎng)這一新型媒體的獨特魅力和多維空間的超強功能。

　　注重實用，個人認為網(wǎng)頁設計應該注重實用性，因為它是讓人瀏覽的，是用戶可以撫摸，可以評論，可以交互的。我提倡簡單的美。

　　申明一點，我也是個網(wǎng)頁設計初學者，并不是什么設計名師，這是我個人的灼見。有什么不對的地方，還請大家見諒。

　　個人網(wǎng)站的設計需要有以下幾個步驟：

　　一、要進行個人網(wǎng)站前臺功能設計

　　包括個人網(wǎng)站主題確定、前臺功能設計與管理、個人網(wǎng)站首頁設計、個人網(wǎng)站留言板、注冊、忘記密碼、搜索等網(wǎng)頁設計與管理。

　　二、個人網(wǎng)站后臺管理功能設計

　　包括個人網(wǎng)站后臺管理功能設計，后臺管理信息系統(tǒng)功能設計，后臺系統(tǒng)權限管理，后臺文件管理，個人網(wǎng)站后臺管理系統(tǒng)主頁設計。

　　三、網(wǎng)站發(fā)布

　　通常我們發(fā)布一個網(wǎng)站，這樣我們可以注冊域名，但我們也可以利用主機和安裝iis，這樣其他人可以通過“我的IP”地址訪問“我的主頁”。

　　四、個人網(wǎng)站推廣

　　一個網(wǎng)站做好了，就有必要推廣一下個人網(wǎng)站，這是一個電子商務網(wǎng)站必須做的一步，因為如果你不推廣你的網(wǎng)站，即使你發(fā)布了也沒有人會知道。

　　在設計網(wǎng)站時真的可以體會很多東西，從一開始確定頁面的主題，到整個主頁的設計，信息的收集，前臺功能的設計與管理，后臺功能的設計與管理，每一個頁面的表面設計。我把它們都一一進行規(guī)劃，因為如果你不好好規(guī)劃，想做什么就做什么，你是做不好的`。因為我意識到這句話：“機會是屬于那些有準備的人”。我詳細到一個表的寬度都一一列出來。例如：775寬，分成三欄，每欄占多少。因為我深知“細微之處才見真功夫”。

　　給我最深印象的是留言板，因為之前SQL數(shù)據(jù)庫實際鍛煉做過了，所以這次做相對容易，但我經(jīng)過長時間的練習，完成了n次，有些人可能會認為，肯定是不會才做很多次！但我想告訴這些人，我每次做都是用不同的方法。第一次使用access數(shù)據(jù)庫，第二次使用SQL數(shù)據(jù)庫+權限管理，第三次使用數(shù)據(jù)源名稱的連接。每次用的方法都不一樣。

　　可能會有人說我笨，有方法就行了，要那么多干嘛？但我想說的是，沒有這么多次練習，就不會有這么多不同的方法，不會創(chuàng)造今天熟能生巧的我。方法，只有你自己先學會，才會學通、學廣。

網(wǎng)頁設計心得體會10

　　隨著網(wǎng)絡技術應用的快速普及，電子商務正以前所未有的速度迅猛發(fā)展，電子商務專業(yè)作為一門新新的專業(yè)學科，在發(fā)展的過程中面臨巨大的機遇與挑戰(zhàn)，這就要求電子商務專業(yè)的學生具備扎實的專業(yè)知識儲備，良好的心理素質和相應的技術能力，而設計與開發(fā)實訓恰恰為我們電子商務學生提供了學習知識、運用知識、為以后找工作提前充電這樣一個平臺，因此這次專業(yè)實訓對我們每個人來說都是很重要的。以下是我個人本次實訓心得體會：

　　經(jīng)過兩個多星期的專業(yè)實訓，在老師認真負責的指導和我們小組成員的不懈努力下終于完成了本次設計與開發(fā)的工作。從剛開始接觸到現(xiàn)在完成，經(jīng)歷的時間雖不是很長，但在這期間我們所做的工作還是很多的。包括選材、頁面設計、團隊成員任務分工、各種軟件運用（Photoshop、Flash、Dreamweaver、Tomcat、Html）、需求分析報告、可行性分析報告、系統(tǒng)分析報告到最終的專業(yè)報告等等。我們覺得這次實訓最大的收獲是不僅學到了知識，更為重要的是培養(yǎng)了團隊的合作精神，在此我要感謝一路上有你們相伴。

　　關于這次個人心得，首先從的頁面設計說起，在設計的過程中，我們針對電子商務目前B2C得到諸多好評這一特點，結合相關專業(yè)知識，瀏覽分析了大量類似，最終從服務消費者這一層面上定位，單從選材來說，這已經(jīng)是一個優(yōu)點。其次我們組隊的時候選擇技術與管理人員相結合的組合形式，大家優(yōu)勢互補，在后期的制作過程中也奠定了人員基礎。確定好題材后我們對各網(wǎng)頁填寫圍繞一個主題進行展開，有詳有略，側重點各不相同，盡量全面問及我們所能涉及的問題。盡管我們做的還有不全面的地方，但是我們都盡力了。我們努力選擇不同風格去設計頁面，在統(tǒng)一的基礎上不失繁雜。在網(wǎng)頁設計中，我們獲益很多，不僅僅單純從做的過程，更從討論中，匯總中我們了解了更多的知識，也全面提高我們對問題的分析能力。

　　這次設計，我總結了幾點：

　　1）確定主題：對于內容主題的選擇，要做到小而精，主題定位要小，內容要精。不要去試圖制作一個包羅萬象的站點，這往往會失去的特色，也會帶來高強度的勞動，給的及時更新帶來困難。本次我們選擇秦皇島比較具有代表性的幾家KTV，并對其進行網(wǎng)上預定、排行、K歌資訊等，全是圍繞消費者展開。

　　2）掌握建網(wǎng)工具：在制作網(wǎng)頁的時候，一定要熟練掌握軟件的運用，要不斷的摸索，對于細節(jié)的處理，我們需要做很多東西，只有不斷的練習，才會更好的運用軟件。我們結合自身的實際，合理運用Photoshop、Flash、Dreamweaver、Tomcat,Fireworks,Photoshop,Frontpage,CSS,AccessJavascript,Vbscript,ASP,JSP等我們熟練掌握的工具。

　　3）確定界面：的題材確定后，就要將收集到的資料內容作一個合理的編排，盡可能刪除那些與主題無關的欄目，盡可能將內最有價值的內容列在欄目上，盡可能從訪問者角度來編排欄目以方便訪問者的瀏覽和查詢；輔助內容，如站點簡介、版權信息、各板塊要有相對獨立性，各板塊要有相互關聯(lián)，各板塊的內容要圍繞站點主題；按欄目內容建立子目錄。子目錄的建立，首先按主欄目建立。友情鏈接內容較多，需要經(jīng)常更新的可以建立獨立的子目錄。而一些相關性強，不需要經(jīng)常更新的欄目�？傮w設計時，主要是一些功能模塊的邏輯設計，

　　只是宏觀上的把握，具體的頁面安排還要在詳細設計以及接下來的.具體實施中作相應的調整�？傮w設計是宏觀上的把握，邏輯上的概括。詳細設計階段，從完整的信息系統(tǒng)的開發(fā)過程來說，包括輸入設計，輸出設計，數(shù)據(jù)庫設計，代碼設計，界面設計。而我們此次設計的重點在于設計及可用性設計，因此對于數(shù)據(jù)庫方面的內容就涉及的比較少。這是整個設計工作的不足。

　　4）確定風格：“風格”是抽象的，是指站點的整體形象給瀏覽者的綜合感受。這個“整體形象”包括站點的CI（標志，色彩，字體，標語）、版面布局、瀏覽方式、交互性、文字、語氣、內容價值等等諸多因素，可以是平易近人的、生動活潑的也可以是專業(yè)嚴肅的。本次秦皇島KTV設計風格以暖色調為主，大方而美觀，突出活潑熱烈的氣氛。

　　在此，我對此次專業(yè)實訓做出自己的一些總結，在這次實訓中，我發(fā)現(xiàn)了團隊的重要性，分工的重要性，從該開始的懵懂，但最后慢慢完成所有的任務，我充分體會到了合作的真諦，在合作的過程之中我體會到了，相互合作是非常重要的，在一些細節(jié)方面，多虧小組成員的指點，讓我發(fā)現(xiàn)許多的不足，在某些邏輯思考的不完善，節(jié)約了很多時間，因此最后很好的得完成任務。在此看來，團結合作的智慧和力量是不可忽視的，每個人都有自己所擅長的部分，只有團結一切可以團結的力量，發(fā)揮每一個人的才能，同心協(xié)力，才能夠把任務最好得完成。

　　感謝在學期末能有這樣的實訓，感謝老師、感謝組員的支持，我相信通過不斷的努力，我們一定會走的更遠、做得更好。

網(wǎng)頁設計心得體會11

　　設計網(wǎng)頁不僅僅是把相關的內容放到網(wǎng)頁中就行了,它還要求網(wǎng)頁設計者能夠把這些內容合理安排,給瀏覽者以賞心悅目的感覺,這樣才能達到內容與形式的完美結合,增強網(wǎng)站的吸引力。因此說,設計網(wǎng)頁不但是一項技術性的工作,它還是一項藝術性的工作,要求設計者具有較高的藝術修養(yǎng)和審美情趣,這樣才能夠設計出高水平的網(wǎng)頁來。網(wǎng)頁的排版布局就是決定你的網(wǎng)站美觀與否的一個重要方面,通過合理的、有創(chuàng)意的布局,你可以把文字、圖像等內容完美地展現(xiàn)在瀏覽者面前,而布局的好壞在很大程度上取決于你的藝術修養(yǎng)水平和創(chuàng)新能力。然而這并不是說網(wǎng)頁布局無章法可循,完全是靈感之作,它也有自己內在的規(guī)律和要求,你只要按照這些要求去做,再加上你的奇特創(chuàng)意。一個吸引人的網(wǎng)頁布局是會出現(xiàn)的。

　　一、網(wǎng)頁排版布局的步驟

　　1、構思

　　根據(jù)網(wǎng)站的內容整體風格,設計版面布局。你可以參考其他優(yōu)秀的網(wǎng)站,調用自己的各種知識儲備,特別是藝術方面的.,在大腦中不蠶地醞釀、碰撞,往往不經(jīng)意間就有閃光的思想出現(xiàn)。這時你就要抓緊時間把它變成文字的東西,用筆在紙上粗略地勾畫出布局的輪廓,不要講究細節(jié),只要有一個輪廓就行。當然你也可能有多種想法,盡量都把它們畫出來,然后再比較,采用一種比較滿意的方案。

　　2、初步填充內容

　　這一步就要把一些主要的內容放到網(wǎng)頁中,例如網(wǎng)站的標志、廣告條、菜單、導航條、計數(shù)器等,要注意重點突出,把網(wǎng)站標志、廣告條、菜單放在最突出、最醒目的位置,然后再考慮其它元素的放置。

　　3、細化

　　在將各主要元素確定好之后,下面就可以考慮文字、圖像、表格等頁面元素的排版布局了。在這一步,你可以利用網(wǎng)頁編輯工具把草案做成一個簡略的網(wǎng)頁,當然對每一種元素所占的比例也要有一個詳細的數(shù)字,以便以后修改。

　　經(jīng)過以上幾步,相信你的網(wǎng)頁布局已經(jīng)初具規(guī)模了,讓別人看一下,給你提些建議,再不斷修改,一個很有特色的網(wǎng)頁就要浮出水面了。

　　二、網(wǎng)頁排版布局的原則

　　上面我們簡要介紹了設計網(wǎng)頁布局的步驟,事實上,在構思和設計的過程中,你還必須要掌握以下幾項原則:

　　1、平衡性

　　一個好的網(wǎng)頁布局應該給人一種安定、平穩(wěn)的感覺,它不僅表現(xiàn)在文字、圖像等要素的空間占用上分布均勻,而且還有色彩的平衡,要給人一種協(xié)調的感覺。

　　2、對稱性

　　對稱是一種美,我們生活中有許多事物都是對稱的。但過度的對稱就會給人一種呆板、死氣沉沉的感覺,因此要適當?shù)卮蚱茖ΨQ,制造一點變化。

　　3、對比性

　　讓不同的形態(tài)、色彩等元素相互對比,來形成鮮明的視覺效果。例如黑白對比,圓形與方形對比等,它們往往能夠創(chuàng)造出富有變化的效果。

　　4、疏密度

　　網(wǎng)頁要做到疏密有度,即平常所說的“密不透風,疏可跑馬”。不要整個網(wǎng)頁一種樣式,要適當進行留白,運用空格,改變行間距、字間距等制造一些變化的效果。

　　5、比例

　　比例適當,這在布局當中非常重要,雖然不一定都要做到黃金分割,但比例一定要協(xié)調。

網(wǎng)頁設計心得體會12

　　ui網(wǎng)頁設計實訓心得篇一通過這次實訓對這門課程的學習，做好網(wǎng)頁，并不是一件容易的事，它包括網(wǎng)頁的選題、內容采集整理、圖片的處理、頁面的排版設置、背景及其整套網(wǎng)頁的色調等很多東西。

　　所以我得出一下總結：

　　一、準備資料和挑選符合目的主題的合適素材做網(wǎng)頁當然要收集、準備資料。在網(wǎng)上多轉轉，看到什么漂亮的網(wǎng)頁，把它保存起來，作為以后自己設計主頁時的參考。另外，還包括搜集美化主頁可能要用到的各種材料，如背景、小動畫圖標等等�？梢栽谟脖P上建一個文件夾，下分“圖片、聲音、動畫”等文件夾，養(yǎng)成上網(wǎng)時看到有創(chuàng)意、新鮮的圖像，就按鼠標右鍵存入你硬盤相應文件夾的習慣，時間一長就擁有了一個可觀的圖庫，等做網(wǎng)頁時隨手拈來或加以修改就成你自己的東西了。

　　二、規(guī)劃好整個

　　主頁的'設計應以醒目優(yōu)先，應該令人一目了然，切勿堆砌太多不必要的細節(jié)，或使畫面過于復雜。切記，頁面給人的第一觀感最為重要！在網(wǎng)上到處瀏覽的人很多，如果你的主頁給人的第一印像沒有吸引力，很難令他們深入觀賞，而且他們恐怕再也不會訪問你的了。

　　三、善用圖片，增強藝術效果

　　我記得老師說過網(wǎng)頁的迷人之處之一，要算它上面能點綴許多漂亮的圖片。精美的圖片設計，可以使自己的網(wǎng)頁增輝不少，令人過目不忘。圖片的內容應有一定的實際作用，切忌虛飾浮夸，同時還要注意與文字的顏色搭配。最佳的圖像集美觀與資訊于一身。

　　四、善于借鑒他人主頁制作中的設計技巧

　　由于在網(wǎng)上用瀏覽器瀏覽任何主頁時，都能查看到該主頁制作時所編寫的絕大部分網(wǎng)頁編程源代碼。因此，如果想知道并掌握一些優(yōu)秀的主頁采用的設計技巧，試著將其源代碼調出來仔細揣摩，并模仿著一步一步去實現(xiàn)。最后感謝老師多日來的辛勤教導！

　　網(wǎng)頁設計實訓心得體會(通用7篇)6

　　現(xiàn)在，計算機和網(wǎng)絡已經(jīng)深入到了我們生活中的方方面面，也已經(jīng)成了生活中不可缺少的一部分，網(wǎng)絡成了我們獲取知識和信息的一種便捷工具，現(xiàn)在的網(wǎng)民也在不斷的增多，所以，了解和學習網(wǎng)絡知識是我們作為一名大學生迫切所需的。

　　這學期選擇的這門課程讓我學到了不少關于計算機和網(wǎng)絡的知識。老師把課程內容安排的很合理，講的大都是很基礎的知識，這對于像我這樣對網(wǎng)絡了解不多的學生來說很容易理解，接受。

　　在這門課上我學習到了一些關于建設和制作網(wǎng)頁的知識，對flash也有所了解。課上我還學到了一些基礎的網(wǎng)絡技術，用制作網(wǎng)絡的工具做網(wǎng)頁等。

　　通過對這門課的學習，我對計算機有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網(wǎng)頁制作的過程與一些技巧手法更有了另外一番了解，對網(wǎng)頁制作的基礎知識也有了一定的掌握。

　　在具體的制作一個網(wǎng)頁時我了解到一個優(yōu)秀的網(wǎng)頁設計應該具備以下一些基本原則：

　　1、確定網(wǎng)頁設計的內容

　　一個優(yōu)秀的風站要有一個明確的主題，整個圍繞這個主題，也就是你在網(wǎng)頁設計之前要明確你這個有什么目的，用來做什么，所有頁面都是圍繞著這個內容來制作，有了明確的內容對排名有很重要的作用。

　　2、了解你所在行業(yè)的客戶

　　用戶是一個成敗的關鍵，如果用戶要花很多時間進入你很有可能用戶會立即關掉你，或者你操作很不方便用戶也會馬上離開，這種是很失敗的設計，只會讓用戶失望的離去。

　　3、做一個典型用戶

　　不以用戶身份親身體驗你才能發(fā)現(xiàn)問題，才知道那些需要改進，盡量不要讓客戶去發(fā)現(xiàn)問題，在前期設計時就應該把這些問題解決。

　　4、優(yōu)化內容

　　內容是整個的核心。在設計之前必須明確的內容安排。

網(wǎng)頁設計心得體會13

　　不知不覺，我已經(jīng)學習《網(wǎng)頁設計與制作》這門課程一個學期了，雖然時間有點短，但這一個學期以后我卻受益匪淺，不僅讓我全面的、系統(tǒng)的學會了頁設計與制作的基礎知識，還讓我學會了自己動手去制作屬于自己的網(wǎng)頁，這對于我來說是很值得高興的，能讓我在以后的工作生活中更好的展現(xiàn)自己。

　　建立一個就像蓋一幢大樓一樣，它是一個系統(tǒng)工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設計出一個滿意的。首先，我們要確立主題。主題就是你建立的所要包含的主要內容，一個必須要有一個明確的主題。特別是對于像我這樣的個人，你不可能像綜合那樣做得內容大而全，包羅萬象。你沒有這個能力，也沒這個精力。

　　的'主題無定則，只要是你感興趣的，任何內容都可以，但主題要鮮明，在你的主題范圍內內容做到大而全、精而深。

　　然后，我們要找材料。明確了的主題以后，你就要圍繞主題開始搜集材料了。常言道：“巧婦難為無米之炊”。要想讓自己的有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁的素材。

　　找到材料后，我們還要規(guī)劃。一個設計得成功與否，很大程度上決定于設計者的規(guī)劃水平，規(guī)劃就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。規(guī)劃包含的內容很多，如的結構、欄目的設置、的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在制作網(wǎng)頁之前把這些方面都考慮到了，才能在制作時駕輕就熟，胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個性、有特色，具有吸引力。如何規(guī)劃的每一項具體內容，我們在下面會有詳細介紹。

　　做好以上三步之后，我們就要選擇合適的制作工具。盡管選擇什么樣的工具并不會影響你設計網(wǎng)頁的好壞，但是一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果。網(wǎng)頁制作涉及的工具比較多，首先就是網(wǎng)頁制作工具了，在這里，我們一般都是用有“網(wǎng)絡三劍客”之稱的Dreamweaver、Fireworks、flash來制作網(wǎng)頁，對于圖片部分的處理，個人覺得Photoshop比較好用。

　　最后，我們就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實了，這是一個復雜而細致的過程，一定要按照先大后小、先簡單后復雜來進行制作。所謂先大后小，就是說在制作網(wǎng)頁時，先把大的結構設計好，然后再逐步完善小的結構設計。所謂先簡單后復雜，就是先設計出簡單的內容，然后再設計復雜的內容，以便出現(xiàn)問題時好修改。在制作網(wǎng)頁時要多靈活運用模板，這樣可以大大提高制作效率。網(wǎng)頁做好之后，就要發(fā)布到Web服務器上，才能夠讓全世界的朋友觀看，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它。

網(wǎng)頁設計心得體會14

　　現(xiàn)在，計算機和網(wǎng)絡已經(jīng)深入到了我們生活中的方方面面，也已經(jīng)成了生活中不可缺少的一部分，網(wǎng)絡成了我們獲取知識和信息的一種便捷工具，現(xiàn)在的網(wǎng)民也在不斷的增多，所以，了解和學習網(wǎng)絡知識是我們作為一名大學生迫切所需的。

　　這學期選擇的這門課程讓我學到了不少關于計算機和網(wǎng)絡的知識。老師把課程內容安排的很合理，講的大都是很基礎的知識，這對于像我這樣對網(wǎng)絡了解不多的學生來說很容易理解，接受。

　　在這門課上我學習到了一些關于建設和制作網(wǎng)頁的知識，對flash也有所了解。課上我還學到了一些基礎的網(wǎng)絡技術，用制作網(wǎng)絡的工具做網(wǎng)頁等。

　　通過對這門課的學習，我對計算機有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網(wǎng)頁制作的過程與一些技巧手法更有了另外一番了解，對網(wǎng)頁制作的基礎知識也有了一定的掌握。

　　在具體的制作一個網(wǎng)頁時我了解到一個優(yōu)秀的網(wǎng)頁設計應該具備以下一些基本原則

　　1、確定網(wǎng)頁設計的內容

　　一個優(yōu)秀的風站要有一個明確的主題,整個圍繞這個主題,也就是你在網(wǎng)頁設計之前要明確你這個有什么目的,用來做什么，所有頁面都是圍繞著這個內容來制作，有了明確的內容對排名有很重要的作用。

　　2、了解你所在行業(yè)的客戶

　　用戶是一個成敗的關鍵,如果用戶要花很多時間進入你很有可能用戶會立即關掉你,或者你操作很不方便用戶也會馬上離開,這種是很失敗的設計,只會讓用戶失望的離去.

　　3、做一個典型用戶

　　不以用戶身份親身體驗你才能發(fā)現(xiàn)問題，才知道那些需要改進，盡量不要讓客戶去發(fā)現(xiàn)問題，在前期設計時就應該把這些問題解決。

　　4、優(yōu)化內容

　　內容是整個的核心。在設計之前必須明確的內容安排。

　　優(yōu)秀網(wǎng)頁設計是要建立在平凡的基礎上的。

　　然后在具體的`規(guī)劃一個時，可以用樹狀結構先把每個頁面的內容大綱列出來，尤其要制作一個大的 (有很多頁面) 的時候，特別需要把這個架構規(guī)劃好，也要考慮到以后可能的擴充性，免得做好以后又要一改再改整個的架構，很浪費時間和財力。

　　大綱列出來后，還必須考慮每個頁面之間的鏈接關系。是星形，樹形，或是網(wǎng)形鏈接。這也是判別一個優(yōu)劣的重要標志。鏈接混亂，層次不清的站點會造成瀏覽困難，影響內容的發(fā)揮。

　　框架定下來了，然后開始一步一步有條理，有次序地做來，就胸有成竹得多，也會為主頁將來發(fā)展打下良好的基礎

　　下一步，就以動手制作具體內容了，題材選定，框架選定，接下來就開始往主頁里面填內容。我們稱作資料收集

　　如果是個人主頁，有能力的人完全可以靠自己來創(chuàng)作所有的內容。大部分人的方法是：從報紙，雜志，光盤等媒體中把相關的資料收集整理，再加上一定的編輯后就可以了。另外一個好的方法是從網(wǎng)絡上收集，您只要到搜索引擎上查找相應的關鍵字，就可以找到一大堆的資料。

　　在準備材料的時候我們可以用到學習的flash知識來制作一些小的動畫和動態(tài)圖片，flash 提供了功能齊全的繪圖和編輯圖形工具�？梢灾苯釉诰庉媴^(qū)里繪畫，編輯修改非常靈活，它的另一大特點是“交互性”強。在動畫播放時，可以用鼠標或鍵盤對動畫的播放進行控制，效果可以很直觀的反映出來。

　　然后是開始正式制作主頁。通過dreamweaver作為制作軟件，只需要用到軟件中的一些基本的功能：圖片插入和對齊設置；文字的格式、顏色、背景顏色的設置等就可以制作出一個簡單的網(wǎng)頁。

　　通過個人網(wǎng)頁的制作最終把自己的網(wǎng)頁上傳到互聯(lián)網(wǎng)上，那種成就感是無法用語言形容的。在今后的閑余時間，我將會學習制作網(wǎng)頁的更多知識，使它成為自己的一項技能。

網(wǎng)頁設計心得體會15

　　網(wǎng)頁設計是一項復雜而富有挑戰(zhàn)性的工作。作為一名網(wǎng)頁設計師，我深知要創(chuàng)建一個吸引人且功能齊全的網(wǎng)站需要掌握許多技能和知識。在這篇文章中，我將分享我的設計心得，包括我的設計過程、遇到的挑戰(zhàn)以及如何解決這些問題。

　　一、設計過程

　　1.確定設計風格

　　在開始設計網(wǎng)頁之前，我首先需要確定網(wǎng)站的設計風格。這包括顏色、字體、圖片等因素，它們將為網(wǎng)站定下一個基調和氛圍。例如，如果我想設計一個現(xiàn)代化且專業(yè)的網(wǎng)站，我可能會選擇黑色和白色的配色方案，以及簡潔的字體和圖片。

　　2.規(guī)劃網(wǎng)站結構

　　接下來，我需要規(guī)劃網(wǎng)站的結構。這包括確定網(wǎng)站的布局、頁面之間的關系以及如何導航。我通常會創(chuàng)建一個流程圖或腦圖，以幫助我更好地組織思緒。

　　3.設計頁面布局

　　一旦我確定了網(wǎng)站的結構，我開始設計每個頁面的布局。我通常會使用Sketch、AdobeXD等工具來創(chuàng)建原型。我還會將設計稿導出為HTML和CSS文件，以便開發(fā)人員可以在開發(fā)階段使用。

　　4.編寫代碼

　　當我完成了設計之后，我開始編寫代碼。我使用Bootstrap或其他框架來加快開發(fā)速度，并確保網(wǎng)站的.兼容性。

　　5.測試和優(yōu)化

　　最后，我進行測試和優(yōu)化，以確保網(wǎng)站在各種瀏覽器和設備上都能正常運行。我還會檢查網(wǎng)站的性能，以確保它加載速度快、資源占用少。

　　二、遇到的挑戰(zhàn)

　　1.設計風格的確定

　　在設計風格確定階段，我遇到了許多挑戰(zhàn)。我試圖找到一種既能吸引用戶注意力，又能傳達網(wǎng)站目標和信息的顏色和風格。我試圖平衡簡潔和復雜性，以創(chuàng)造一個易于導航且吸引人的網(wǎng)站。

　　2.頁面布局

　　在頁面布局階段，我發(fā)現(xiàn)自己經(jīng)常需要調整和優(yōu)化設計。有時候，我需要權衡不同元素之間的沖突，例如，如何在保持內容清晰易懂的同時，使設計看起來有趣且吸引人。

　　3.性能優(yōu)化

　　在網(wǎng)站開發(fā)過程中，性能優(yōu)化是一個持續(xù)的挑戰(zhàn)。我不斷嘗試減少網(wǎng)站的加載時間，優(yōu)化圖片和視頻的大小，以及減少資源占用。這些優(yōu)化工作通常需要花費大量時間和精力，但它們對于提高網(wǎng)站的用戶體驗至關重要。

　　三、解決之道

　　1.學習和發(fā)展

　　作為一名網(wǎng)頁設計師，持續(xù)學習和發(fā)展是關鍵。我定期閱讀設計博客和參加設計研討會，以了解最新的設計趨勢和技術。

　　2.溝通與協(xié)作

　　與其他團隊成員（如開發(fā)人員和內容管理人員）保持溝通與協(xié)作至關重要。我們需要共同確定網(wǎng)站的目標和策略，以確保設計符合整個項目的需求。

　　3.測試和優(yōu)化

　　測試和優(yōu)化是網(wǎng)頁設計過程中不可或缺的一部分。我定期檢查網(wǎng)站的性能和兼容性，并不斷改進設計。

　　四、總結

　　網(wǎng)頁設計是一項復雜而富有挑戰(zhàn)性的工作。通過不斷學習和發(fā)展，與其他團隊成員保持溝通與協(xié)作，以及進行測試和優(yōu)化，我成功地解決了設計過程中遇到的問題，并創(chuàng)造了一個吸引人且功能齊全的網(wǎng)站。作為一名網(wǎng)頁設計師，我將繼續(xù)努力，不斷提高自己的設計技能和經(jīng)驗。

【網(wǎng)頁設計心得體會】相關文章：

網(wǎng)頁設計心得體會01-27

網(wǎng)頁設計的心得體會02-18

制作網(wǎng)頁設計的心得體會11-22

html網(wǎng)頁設計心得體會12-21

網(wǎng)頁設計課程心得體會01-04

網(wǎng)頁設計與制作心得體會03-21

網(wǎng)頁html設計心得體會01-07

網(wǎng)頁設計的心得12-21

網(wǎng)頁設計心得12-24

網(wǎng)頁設計心得體會 14篇06-08