網(wǎng)頁設計的實訓心得范文（通用15篇）
從某件事情上得到收獲以后，不妨將其寫成一篇心得體會，讓自己銘記于心，從而不斷地豐富我們的思想。那么如何寫心得體會才能更有感染力呢？以下是小編為大家收集的網(wǎng)頁設計的實訓心得范文（通用15篇），歡迎閱讀，希望大家能夠喜歡。
網(wǎng)頁設計的實訓心得范文（通用15篇）1
跟學習別的東西一樣，學習網(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)頁設計的實訓心得范文（通用15篇）2
轉(zhuǎn)眼間，已到了期末，學習網(wǎng)頁設計這門課程也要結(jié)束了，雖然時間有點短，但是學過這個幾周以后我受益匪淺。
記得最初接觸dreamweaver的時候，我很茫然，因為剛接觸陌生的軟件心里會很害怕跟不上老師的進程。剛開始幾節(jié)課，老師講得比較基礎，還能跟得上，漸漸的老師授課的進程開始加速，有些跟不上了，需要下課后自己補上，問老師和周圍的同學。漸漸的，在老師的悉心教導下，我們開始熟悉這個軟件了。老師布置的第一個任務，要求做一個自我形象網(wǎng)站。由于學習的時間較短，老師只要求用PS做好模板即可，任務相對簡單。但也要求設計感強，色彩搭配和諧，并且盡可能的做成實用又符合實際的漂亮網(wǎng)頁。
第二個網(wǎng)頁設計老師要求相對較高，用dreamweaver做一個比較接近真實的網(wǎng)頁，還要做一個二級頁面。于是開始收集各方面的資料。確定了主題就開始布局了。最開始使用了一個表格，然后在表格內(nèi)進行拆分合并處理，接著就把通過ps處理出來一個版頭并且把修改過大小的圖片放進去了。
中間時預覽，問題出現(xiàn)了，發(fā)現(xiàn)版頭與下面的圖片文字之間出現(xiàn)了很大的一段距離，但是在軟件中已經(jīng)把距離縮小為0了，多次嘗試后沒有效果。最后想到可以另外再加一個表格，把版頭放在一個表格內(nèi)面，這樣問題就解決了。預覽是效果還不錯。但是總覺得首頁做得太普通，一次瀏覽學長做的網(wǎng)頁時，覺得他們的文字滾動窗口做得效果做得不錯，于是想借見一下。就決定把自己網(wǎng)站的左邊修改修改。復制了他的代碼，把上面的內(nèi)容修改成我的網(wǎng)站需要的文字。本以為可以輕松的完成，但是卻出現(xiàn)大問題了。
因為需要滾動的文字占的空間太大，把左邊的那部分表格全部占滿了，而在實際的網(wǎng)頁預覽中，這個有文字滾動的框只占了左邊Oeasy教你玩轉(zhuǎn)網(wǎng)頁設計瀏覽的工具建站程序三分之一，左邊有三分之二留白了。我就想可不可以把文字這樣一層層的放在上面，試了很多方法，在網(wǎng)站查了很多資料，可能因為沒有專業(yè)術語作為搜索的關鍵詞，查不到任何相關的資料，試過div標簽，試過不停的拆分表格，最后還是沒有效果。就這樣試著試著，突然想到了層這個概念。于是在布局中點擊了繪制層，結(jié)果成功了，經(jīng)過一些加工，終于成功的完成左邊的布局。印象還比較深刻的是插入聲音，記得老師曾經(jīng)給我們講過很多次怎樣插入聲音，可是等到自己做網(wǎng)頁的時候卻忘記了，于是問其他人，結(jié)果居然都忘記了，于是自己在百度上收。
最后終于找到了一個可以使用的代碼，但是在加入聲音路徑時出現(xiàn)了問題。在屬性內(nèi)加入源文件，結(jié)果就是加不進去MP3的音樂文件，然后自己就嘗試加入了一個視頻，記下了路徑格式，然后照著這種格式寫下了指向聲音源文件的路徑，最后成功了。在設計過程中還出現(xiàn)了很多的問題，但通過看書，上網(wǎng)查詢，請教同學等方式，不斷的學習、解決、提高，設計出的網(wǎng)頁不論是外觀還是內(nèi)容，都在不斷的進步、改善�？梢哉f在自己動手，不斷實踐的過程中，網(wǎng)頁設計水平得到了很大的提高。熱情和執(zhí)著，我將來設計出的網(wǎng)頁會更加專業(yè)，更完善。
網(wǎng)頁設計的實訓心得范文（通用15篇）3
本學期的網(wǎng)業(yè)設計課程，開展了動態(tài)思維訓練教學活動，對于我們學生來說，可以激發(fā)學習興趣，調(diào)動學習的自覺性，自己動腦、動手，動口，運用網(wǎng)絡資源，結(jié)合教材及老師的指導，通過自身的實踐，創(chuàng)作出積聚個人風格、個性的個人網(wǎng)頁。總體來說，整個學期的學習過程，我學會了很多知識，雖然過程比較艱辛，但在INTENET領域中，有了一個展示自我的空間，我覺得很開心、很有成就感。
一、充分發(fā)揮動手能力
作為網(wǎng)頁設計的初學者，我對網(wǎng)頁設計非常感興趣，一心想設計出一個美觀、實用、內(nèi)容豐富的個人網(wǎng)頁。本學期的教改方案由以前學生單純接受知識變?yōu)橹鲃訁⑴c教學活動。在這樣的壓力和動力下，通過自己動手、動腦，通過網(wǎng)絡資源，老師的指導，在不斷發(fā)現(xiàn)問題和解決問題的過程中學到了很多知識，也增強了我的創(chuàng)作能力和動手能力，在網(wǎng)頁設計過程中，從構思到設計、完善、維護，整個過程我都全身心投入，使我真正學到了網(wǎng)頁設計的知識。
二、在設計過程中不斷提高網(wǎng)頁設計水平
在本次網(wǎng)頁設計中，我不僅學到了很多關于網(wǎng)頁設計方面的知識，也從中學會了關于網(wǎng)絡、編程等方面的知識。我從最初開始運用FrontPage設計網(wǎng)頁，到后來運用Dreamweaver、Flash、Fireworks等網(wǎng)軟件設計網(wǎng)頁，完善網(wǎng)頁。在這個過程中，我通過自學教材、上網(wǎng)查詢，學習了Dreamweaver、Flash、Fireworks等網(wǎng)頁軟件的應用，學會了管理、維護自己的站點，以及一些簡單動畫、控件的制作等等。在設計過程中也出現(xiàn)了很多的問題，但通過看書，上網(wǎng)查詢，請教老師等方式，不斷的學習、解決、提高，設計出的網(wǎng)頁不論是外觀還是內(nèi)容，都在不斷的進步、改善�？梢哉f在自己動手，不斷實踐的過程中，網(wǎng)頁設計水平得到了很大的提高。
三、不足之處
由于平時工作比較繁忙，學習時間比較少，對于網(wǎng)頁設計軟件的強大功能運用得還不夠。在網(wǎng)頁設計過程中，由于沒有網(wǎng)頁制作代碼的知識，所以在設計時也遇到了很多麻煩，有時插入一個特效腳本也是很麻煩。在網(wǎng)頁制作過程中，想提高設計水平，想有個理想的網(wǎng)頁，必須學會代碼的運用，我將在以后的學習過程中不斷加強這方面的學習，希望老師能簡單介紹一下代碼，讓我也對它有個初步的認識，以后再加強學習也才會有所提高。
總體來說，通過今次的對網(wǎng)頁設計的學習，有收獲也有遺憾、不足的地方，但我想，我已經(jīng)邁入了網(wǎng)頁設計的大門，只要我再認真努力的去學習，去提高，憑借我對網(wǎng)頁設計的熱情和執(zhí)著，我將來設計出的網(wǎng)頁會更加專業(yè)，更完善。也希望老師在今后的日子里多指導。
網(wǎng)頁設計的實訓心得范文（通用15篇）4
跟學習別的東西一樣，學習網(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)頁設計的實訓心得范文（通用15篇）5
21世紀的時期，中國的網(wǎng)絡正在實飛猛進，大多的企業(yè)都是通過建立網(wǎng)站來進入企業(yè)宣傳，通過企業(yè)網(wǎng)站來打廣告，宣傳產(chǎn)品、品牌推廣，促進銷售等 方法來實現(xiàn)企業(yè)營利的目的。所以，中國的互聯(lián)網(wǎng)在中國的近幾年來，有了非常大的發(fā)展空間，如“網(wǎng)上商店”“網(wǎng)上服務”“網(wǎng)絡資源”非常的流行。所以網(wǎng)頁設計師中一個緊缺的人才。對一個企業(yè)來說，做好一個網(wǎng)站是必不可少的。我們現(xiàn)在做為電子商務專業(yè)的，我們的最終目標是針對全球這個大的市場，還有這個網(wǎng)絡市場。作為一個企業(yè)的管理者，應當為自己設計一個能夠促進銷而且能夠代表我們企業(yè)的形象、宣傳我們企業(yè)最新出來的產(chǎn)品的這么一個網(wǎng)站。
我們學了一個學期的網(wǎng)頁設計，這周我們開始實踐我們專用的計劃如下：
第一天：網(wǎng)頁設計與布局。網(wǎng)頁的題材自己定，可以任選。
第二天：準備材料。建立站點，將所有的題材放到自己所建立好的站點里去，以便在做的可以更方便、快捷的應用到網(wǎng)頁中，提高速率。
第三天：將所在準備的材料一起聯(lián)接起來，放到自己的所設計的布局結(jié)構中。再做二級網(wǎng)頁，建立超鏈接，把一級和二級網(wǎng)頁連接起來。
第四天：將所做的網(wǎng)頁進行整理、調(diào)試、發(fā)布。在網(wǎng)站上申請一個空間，將自己做的網(wǎng)頁傳到網(wǎng)上去。
第五天：寫實習報告。將寫好的實習報告打成電子文檔，傳到老師處，審查。
網(wǎng)頁的布局：
網(wǎng)頁的布局指的是網(wǎng)頁的整體架構，也就是排版。在一個被別人打開網(wǎng)頁之后，如何才能突出我們網(wǎng)站里面最重要的內(nèi)容，即讓用戶第一眼就看到這個網(wǎng)頁所想要傳達的信息和內(nèi)容。這首先就要從網(wǎng)頁布局做起。 我覺得網(wǎng)頁布局應當注意以下幾點：
1、整個網(wǎng)頁的長和寬的比例。
2、導航條的設置。
3、正文的框架結(jié)構。
我的這個上網(wǎng)頁中，我的大體布局就是“F“型的。從我的首頁上看上去雖然有點亂的感覺，但整個的布局是清楚的，亂而有型。在大多數(shù)企業(yè)網(wǎng)站中的布局都是大同小異，但是它們做出來的效果顯得非常的完美，所也是他們企業(yè)的成功之處所在。因此，一個網(wǎng)頁布局是一個非常重要的一個工作。
網(wǎng)頁的設計：
網(wǎng)頁的設計不僅需要學好網(wǎng)頁設計軟件的方法，還需要和其它的軟件一起使用，如動畫設計軟件，靜態(tài)圖像處理軟件，等等。所以學習起來的確有點困難，所以需要有有點耐心去學習，不要是因為一時的好奇而去做網(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)站的整個效果。首先是給視覺效果人視覺效果的，而在視覺效果中又最注重是顏色的，所以色彩的配合是必不可少的知識。在調(diào)整好之后，到網(wǎng)上去申請一個空間，傳到網(wǎng)上去，看下效果。
總結(jié)：
從我不知從何下手做網(wǎng)頁時到現(xiàn)在學習了一學期和這個專用周結(jié)束，總算有一個大體的方向和設置的格式了。我一開始對什么網(wǎng)頁的布局和設置啊，什么都著落，對于一個好的網(wǎng)站的是如何做出來的和它所應用的方法都大概有一個認識。比如說那些動畫、流動的窗口和按鈕、彈出圖片等等一些廣告、視屏之類的。在我們的課本中沒有多少的代碼，只有文字性的操作步驟。還有那些什么JAVA代碼一個都沒有。然而在我們制作過程中，我們很多的時候都需要使用那些JAVA代碼，我們又不知道，只有到網(wǎng)上去找。但是這并不是一件壞事。我們還可以學到很多東西，這也是我們所需要的。我覺得我現(xiàn)在做出的網(wǎng)頁雖然不是很好，但是通過了這一周的實習，我收獲也是不少��！
網(wǎng)頁設計的實訓心得范文（通用15篇）6
網(wǎng)頁設計實訓就快結(jié)束了，在這短短的兩周里，我學會了很多新的知識，更掌握了新的技能，讓我覺得受益匪淺。在實訓時，有空閑就會想到學校里青蔥歲月，簡單流暢，無憂無慮，回想各位老師的授課，孜孜不倦，學校的生活固然是快樂，但是學校的實訓課程真的很重要，因為它能讓我們這些在校學生接觸到社會的發(fā)展，讓我們有時間崗位環(huán)境，順利得從單純的校園生活感到復雜社會生活的不同。在這一周的時間里，我一心只做網(wǎng)頁，做自己喜歡的風格的網(wǎng)頁。
經(jīng)歷了一次充實而有愉快的實訓，我學會了制作框架、使用錨點、給網(wǎng)頁網(wǎng)頁插入背景音樂、表格、視頻、flash、導航條等更深層次的掌握了它們的用法，現(xiàn)在我心目中的網(wǎng)頁也已經(jīng)大體竣工，我感到很開心，經(jīng)過這兩的不斷探索，我喜歡上了這門課程，感覺很有意思。或許實訓的結(jié)束代表一段新生活的開始，但是我認為它不但是一門課，需要我們?nèi)フ莆�，同時還可以鍛煉我們的邏輯思維能力和思維的嚴密性，還有就是在制作網(wǎng)頁的過程中，更需要有不錯的藝術審美觀，這樣，你做出的網(wǎng)頁才會賞心悅目，讓人眼前一亮，也就是從此刻起，我決心好好鉆研這門課，力求這方面的技能達到頂級。
雖然網(wǎng)頁已經(jīng)完成，可這并不是一件輕而易舉的事情，在此過程中遇到了許多以前不曾遇到的問題，多的情況都是自己解決，萬不得已之際，我會主動問老師和同學，直到弄懂為止！讓我更加清楚地明白老師平日里的良苦用心，也更加清楚地明白了自己以后應該怎樣去做事。
網(wǎng)頁設計的實訓心得范文（通用15篇）7
兩周的實訓轉(zhuǎn)瞬即逝，在這短暫的時間里，我們在老師的指導和幫助下，對于網(wǎng)頁設計與制作有了進一步的了解。
在這兩周內(nèi)，同學們每天都按時完成老師留下的作業(yè)，對于自己以前不理解的東西，通過老師的重新講解、指導和自己的練習，對其有了很好的了解；對于我們看不懂的一些內(nèi)容，通過與同學協(xié)商和聽老師的講解來理解并掌握它。在這兩周的實訓里，我發(fā)現(xiàn)了許多自己以前沒有注意到的問題，在flash制作方面，有很多是自己以前沒注意過的，通過老師的講解和同學的幫助，我了解到一些新的東西并對網(wǎng)頁設計與制作有了更深的興趣，如falsh制作與運用、網(wǎng)站的基本制作、超鏈接的設置等；我們對網(wǎng)頁設計與制作方面的知識有了一定的認識，為我們以后對網(wǎng)站的學習和運用有很大的幫助。
通過實訓，我們把網(wǎng)頁設計與制作中涉及到的理論和實踐更好的結(jié)合起來，我對網(wǎng)頁設計與制作這本書有了更深的理解，在flash制作方面有了很大提高，操作能力也得到了增強，使我們了解到無論做什么事都要有足夠的耐心，還要認真細心。在做題時要對自己做過得東西進行仔細的檢查，同時也使我了解到同學之間要相互協(xié)作、共同努力。
網(wǎng)頁設計的實訓心得范文（通用15篇）8
真的是萬事開頭難啊，遇到了很多問題，比如：插入的圖片不符合規(guī)格，一下子把其他內(nèi)容的框架擠開；插入的層太多，大一點的就把小一點的給覆蓋掉了；插入的FLASH不能產(chǎn)生效果。總之問題一籮筐。實踐出真知，原來自己還有那么多欠缺的知識。于是回歸本源，先把課本上的東西弄通再談其他。然后又到圖書管里借了幾本網(wǎng)頁制作方面的書籍來參考。
在對基本知識有了詳細的了解之后，做起東西來就得心應手多了，知道引導頁能過加映像之后，我決定為我的網(wǎng)頁設計一個引導頁。
然后是主頁和二級頁面的設置。要注意，網(wǎng)上只能使用JPG和GIF兩種圖象格式，其他諸如BMP和TIF等很通用的格式都不能用在網(wǎng)上，因為它們太大了，但可以用圖象軟件進行轉(zhuǎn)換，比如Office 97的照片編輯器。把準備在主頁上出現(xiàn)的圖象放進相應的目錄里后.
在一步一步的邊學邊做的過程中，看著心中的東西一點一點的出來，真的很有成就感。雖然自己的網(wǎng)頁技術還差的遠，但是回顧一下這周真的學到了很多的東西。
網(wǎng)頁的調(diào)試
之前把作過的東西放到U盤里，發(fā)生過圖片顯示不出來的狀況，還好即使找到了解救的方法，把源文件和WEB頁面放到一起這樣就算路徑改變的話也不會影響頁面的效果。
一．網(wǎng)站的整體規(guī)劃
1.討論網(wǎng)站主題：因為自己對普羅旺斯很感興趣，于是就想到要是一下為心中的仙境設計一個旅游網(wǎng)站。
2.定位網(wǎng)站CI形象：旅游網(wǎng)站最重要的就是是瀏覽者產(chǎn)生想去親身體驗一下的共鳴。于是在網(wǎng)頁設計上面，根據(jù)普羅旺斯夢幻般的意境，我采用的是清新雋永的CI形象。使瀏覽者有賓至如歸的感受。
3.確定欄目和板塊：
1]首先要考慮整個網(wǎng)頁的長和寬，以及長度和寬度之間的比例。
2]其次就應該考慮導航條的設置了。
3]正文的框架設置 （橫向因素和縱向因素交錯）
在瀏覽了很多精美的旅游網(wǎng)站之后，再結(jié)合自己的想法，我先在草紙上畫出了大體的欄目和板塊。
4.網(wǎng)站的整體風格和創(chuàng)意：建立一個浪漫的旅行網(wǎng)站，走映像派路線，目的務必使瀏覽者留下映像。
二．網(wǎng)頁制作的前期策劃與準備
1.資料的搜集：由于個人的愛好，我很早以前就收集了許多普羅旺斯的美圖，這次就方便多了。接著就搜集了一些有夢幻效果的網(wǎng)頁背景，F(xiàn)IASH源代碼、小圖標和一些GIF的動畫等。
2.熟悉制作工具軟件：
主頁制作的基本條件有：網(wǎng)頁設計實習總結(jié)
硬件：
一臺電腦(64MB以上內(nèi)存，當然越大越好啦)；可以撥號上網(wǎng)；如果你有條件的話，建議:配置掃描儀，這將大大方便圖像和文字的輸入;
軟件：
HTML編輯軟件：常用的有Frontpage、Hotdog等，本文重點介紹 Dreamweaver；
圖像處理軟件：常用的有Photoshop、flash、Fireworks 等；
文件上傳軟件：常用的有Cuteftp、WSftp等。
網(wǎng)頁設計的實訓心得范文（通用15篇）9
網(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方面，我總是不太熟悉各種代碼是控制哪些東西的。除了查找解決問題我還總結(jié)了經(jīng)驗。
1、命名站點或者文件夾的的時候一定要注意，最好用相應的英語或者漢語拼音，要見名知意，如圖片文件夾用image或者tu，這樣可以避免頁面調(diào)用時不正確的現(xiàn)象發(fā)生。
2、調(diào)用Style時可以單擊鼠標右鍵選擇Custon Style來調(diào)用Style標準，也可以在狀態(tài)欄中的元素列表上單擊右鍵來調(diào)用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)頁容量即包括圖像在內(nèi)的網(wǎng)頁字節(jié)數(shù)最好不要超過50K。
還涉及到界面弱化的問題。一個好的界面設計它的界面是弱化的，它突出的是功能，著重體現(xiàn)的是網(wǎng)站業(yè)提供給使用者主要是什么。這就涉及到瀏覽順序、功能分區(qū)等等。要讓訪客在0.5秒內(nèi)就能把握網(wǎng)站的行業(yè)性質(zhì)，1秒內(nèi)就知道該從哪個地方開始使用這個網(wǎng)站，能點一次的，絕不點第二次。當然上面說的是大多數(shù)功能性網(wǎng)站，對于宣傳展示性網(wǎng)站，諸如加特效的或Flash網(wǎng)站，可能就不得不花哨一些，但不能太過分。網(wǎng)站不是動畫片，在效率越來越高，社會心理越來越浮躁的中國，人們的耐心越來越小，心理承受能力越來越低。效果可以體現(xiàn)意境，點到為止。
下面簡單介紹下網(wǎng)頁設計的理念和要點。網(wǎng)頁設計理念：
（1）內(nèi)容決定形式：先把內(nèi)容充實上，再分區(qū)塊，再定色調(diào)，再處理細節(jié)。
�。�2）先整體，后局部，最后回歸到整體：全局考慮，把能填上的都填上，占位置。然后定基調(diào)，分模塊設計。最后調(diào)整不滿意的幾個局部細節(jié)。
�。�3）功能決定設計方向: 看網(wǎng)站的用途，決定設計思路。商業(yè)性的就要突出贏利目的；政府型的就要突出形象和權威性的文章；教育性的，就要突出師資和課程。
網(wǎng)頁設計的兩大要點是：整體風格和色彩搭配。
一、確定網(wǎng)站的整體風格:
1、將標志logo，盡可能的放在頁面最突出的位置。
2、突出標準色彩。
3、總結(jié)一句能反映網(wǎng)站精髓的宣傳標語。
4、相同類型的圖像采用相同效果，比如說標題字都采用陰影效果，那么在網(wǎng)站中出現(xiàn)的所有標題字的陰影效果的設置應該是完全一致的。
二、網(wǎng)頁色彩的搭配:
1、用一種色彩。指選定一種色彩，然后調(diào)整透明度或飽和度，這樣頁面看起來色彩統(tǒng)一，有層次感。
2、用兩種色彩。先選定一種色彩，然后選擇它的對比色。
3、用一個色系。就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。在網(wǎng)頁配色中，還要切記一些誤區(qū)：
1、不要將所有顏色都用到，盡量控制在三至五種色彩以內(nèi)。
2、背景和前文的對比盡量要大(絕對不要用花紋繁復的圖案作背景)，以便突出主要文字內(nèi)容。
針對我所學的平面設計方向，那么這次應用到了創(chuàng)意思維，版面設計，色彩配置。圖形創(chuàng)意等方面都很重要，對于網(wǎng)頁設計作為一種視覺語言，特別講究編排和布局，雖然主頁的設計不等同于平面設計，但它們有許多相近之處，版式設
計通過文字圖形的空間組合，表達出和諧與美。不積跬步，無以至千里。我已經(jīng)在老師的指引下邁入了網(wǎng)頁設計的大門，在今后的閑余時間繼續(xù)認真學習制作網(wǎng)頁的更多知識以實現(xiàn)自身技能的提高。
網(wǎng)頁設計的實訓心得范文（通用15篇）10
這兩個星期是我們的'網(wǎng)頁設計實訓時間，這正是考驗我們實力的時候了。
經(jīng)過一個學期的網(wǎng)頁設計的學習，我們的專業(yè)基礎更加扎實了，我們對于自己的專業(yè)學習更加有信心了。一開始對于網(wǎng)站設計我是抱著好奇以及興趣認真地學習，剛開始接觸網(wǎng)頁設計會覺得很神奇，平時上網(wǎng)接觸到的網(wǎng)頁可以通過自己的努力來建成。一心想著設計一個美觀大氣的大網(wǎng)站，可以與其他網(wǎng)站媲美。對于我這種初學者，有這種天真的.夢想促使我更努力。
平時老師授課，講解了有關網(wǎng)頁設計的理論知識以及實際操作的示范。網(wǎng)頁設計更著重于實際操作，我們在機房通過每次上課的學習運用，已經(jīng)有了一定的基礎。一開始我們都是看著別人的網(wǎng)站去模仿建設，到后來每個人在設計自己的網(wǎng)頁時都有自己的人個人風格，這就是網(wǎng)頁設計的樂趣。他不僅可以激發(fā)同學們的興趣，還可以把自己的風格更大膽地展示出來，是一個可以展示自我的空間，使我們更有成就感。
這兩個星期我們實訓課讓我們更清楚地認識到自己的建站水平。實訓任務是建立自己班級的網(wǎng)站，剛開始覺得兩個星期足夠我們?nèi)ソǔ梢粋�網(wǎng)站，但是我們都太高估我們自己了。一開始設計網(wǎng)站時不知道從何下手，之前老師上課講的知識一時不知道怎么靈活運用起來，我才發(fā)覺對我軟件功能的不太熟悉，除了基本的框架構建，其他的設計都需要比較長的時間去思考以及翻查書本。但是同學們都很積極地向老師提問，把自己存在的問題一一的解決掉。雖然建立網(wǎng)站不是很順利，也只有這樣我們才可以正視自身，把平時半桶水的聽課方式給改掉。在這次的網(wǎng)站建設過程中，我發(fā)現(xiàn)自己對于知識不能靈活運用，不能巧妙地結(jié)合起來，對代碼的不熟悉，這更加是一個大問題。建站過程中會遇到代碼出錯，代碼位置寫錯之類的問題，當測試的時候出現(xiàn)了錯誤但是不能看懂出錯原因，只能靠網(wǎng)上搜索。因為對于這種程序的東西我會比較抗拒，從小就不喜歡思維性太強的學習，所以建站會遇到比較多這種問題，但是我只能積極去面對才能完成任務，畢竟這是我的專業(yè)，為了專業(yè)而專業(yè)，不能說不喜歡就不愿意去學，這次實訓我反省了自身的存在問題。我們建立網(wǎng)站的時候都發(fā)揮自己的創(chuàng)新力、想象力，用心地完成這個大項目。會遇到很多的問題，經(jīng)常因為一個細小的步驟而出錯，做動態(tài)網(wǎng)頁的時候會遇到更多類似的問題，通常都會花費我很多時間來解決出錯原因。打個比方，我會一個上午都在弄留言板，因為不知道出錯原因，當請教老師或是同學的時候才恍然大悟，原來是這么簡單的。當然，最終可以解決困難我還是很欣慰的。
當我真正建立起自己的網(wǎng)站的時候，我看著自己的作品非常地興奮，這是我用心血完成的只屬于自己的網(wǎng)站，特別地欣慰。因為過程的困難，我更加珍惜自己第一次的作品，做每一步都會小心翼翼，就像母親生怕會失去自己的孩子一樣，我就是這樣的感受。
我可以說網(wǎng)頁設計給了我很大的收獲，我是用我的熱情去學習，也是用我的真心去設計，屬于自己的東西永遠是最美好的。網(wǎng)頁設計不是用嘴巴就可以設計的，更需要的我們的堅持、創(chuàng)新、用心，才能收獲更大的勝利。
網(wǎng)頁設計的實訓心得范文（通用15篇）11
不知不覺我學習整站網(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)頁設計的內(nèi)容，因為一個優(yōu)秀的風站要有一個明確的主題，整個網(wǎng)站圍繞這個主題，也就是你在網(wǎng)頁設計之前要明確你這個網(wǎng)站有什么目的，用來做什么，所有頁面都是圍繞著這個內(nèi)容來制作，有了明確的內(nèi)容對排名有很重要的作用。
其次自然是了解你網(wǎng)站所在行業(yè)的客戶。要知道用戶是一個網(wǎng)站成敗的關鍵，如果用戶要花很多時間進入你網(wǎng)站很有可能用戶會立即關掉你網(wǎng)站，或者你網(wǎng)站操作很不方便用戶也會馬上離開，這種網(wǎng)站是很失敗的設計，只會讓用戶失望的離開。
我在這次設計網(wǎng)頁的過程中，終于體會到做一個網(wǎng)頁的主頁不是一件容易的事情，它包括個人主頁的選題、內(nèi)容采集整理、圖片的處理、頁面的排版設置、背景及其整套網(wǎng)頁的色調(diào)等很多東西。制作主頁要注意：
要想一個好的標題。標題在個人主頁中起著很重要的作用，它在很大程度上決定了你整套個人主頁的定位。一個好的標題必須有概括性、有特色、簡短易記，不要符合自己主頁的主題和風格。主頁中不光要有文字，還要適當?shù)丶右恍﹫D片。一張好的圖片可以勝過你的千言萬語。也能讓進入你網(wǎng)頁的人一目了然，產(chǎn)生興趣。
網(wǎng)頁頁面整體的排版設計也是不可忽略了，很重要的一個原則是合理也運用空間，讓自己的網(wǎng)頁井然有序，留下合適空間，會給人輕松的感覺。
當然在做這些內(nèi)容之前，是要找好資料的，我們可以從報紙，雜志，光盤等媒體中把相關的資料收集，再加上一定的編輯后就可以了。另外一個好的方法是從網(wǎng)絡上收集，您只要到搜索引擎上查找相應的關鍵字，就可以找到一大堆的資料。設計制作網(wǎng)頁我可以推薦一個不錯的軟件，那就是Dreamweaver。只需要用到此款軟件中的一些基本的功能：圖片插入和對齊設置；文字的格式、顏色、背景顏色的設置等就可以制作出一個簡單的網(wǎng)頁。好了，網(wǎng)頁設計制作完畢后，最后一步就是要優(yōu)化網(wǎng)站了。
就我的觀點，我覺得個人認為網(wǎng)頁設計應該注重實用性，因為我們用它就是來互動的，所以我建議以簡單美為好，太多復制的圖片文字和頁面排版只會讓看的人感覺更不舒服，還有最后申明一下，我不是專業(yè)網(wǎng)站設計師，以上只是我對網(wǎng)頁設計學習的一些心得罷了。
網(wǎng)頁設計的實訓心得范文（通用15篇）12
我第一次步入了社會，從此開始了面對社會、工作的生活。剛剛走入社會的我是一個性格有些內(nèi)向的人，面對陌生的人，我不善言辭，不會給自己的外表進行很好的包裝，不適合做那些銷售、接待的工作，只有技術類的工作，少說多干的活適合我，這個我很清楚�，F(xiàn)在，中國每年都有很多畢業(yè)的大學生找不到工作，我也不例外，所以，這第一次實習工作肯定不會太好找，但是相反，我的運氣還不錯。找到了一份網(wǎng)頁設計的工作�，F(xiàn)將我在工作中的情況總結(jié)如下。
一、工作介紹
我工作的這家公司，從事網(wǎng)站開發(fā)工作的，公司在技術團隊這部分是比較正規(guī)的，一般是五到六人為一個小組，小組中有明確分工，有負責聯(lián)系客戶接恰生意的，有專門做技術的，而在技術這塊分為網(wǎng)站前臺、后臺開發(fā)，我在學校主要做的是后臺開發(fā)，當然前臺設計工作也還算熟練，但不是很精通。我們這個小組一般接下的活都是一些小型網(wǎng)站的開發(fā)工作，這樣的網(wǎng)站技術難度不大，而且工作周期短，有相當一部分的，只需要通過cms軟件就可以進行開發(fā)。但是有個別的網(wǎng)站開發(fā)時，我們還是需要進行一些手寫代碼工作的。
二、開發(fā)技術
做為一個剛畢業(yè)的大學生，我的知識儲備肯定有不足的地方，畢竟學校教的東西肯定會有一部分和社會是脫節(jié)的，但好在我的領導對于我沒有太多的要求，他只是要求我盡快的適應公司的工作和生活，在短時間內(nèi)熟練的掌握相關技術，干好本職工作。
在大學里對一個學生來說什么是最重要的，那就是學習能力。要知道，這個世界上，知識在發(fā)展，人類在進步，每天都在進行日新月異的變化，我們的知識儲備總會有不夠的地方，但是一定要有學習能力，將不會知識快速掌握，只有這樣才能占據(jù)主動，減少被動情況的尷尬發(fā)生，通過二個星期的時間，我成功的適應了公司的工作和生活節(jié)奏，每天早九點上班，晚17：30下班，中午休息一個半小時，每周還有兩天假期。我利用業(yè)余時間，抓緊學習，將工作中所需要的技術進行了強化學習，其實這些東西在學校的時候就接觸過，只是不精通。那個時候?qū)W的東西多，難免有個主次之分，這次工作了，才知道哪個應該多學點，但好在我都有學過，所以有個好的基礎在這里，也就不怕了，比如說：flash，公司要求技術人員會做flash，flash這東西以前我在宿舍的時候經(jīng)常玩的，可是后來在分析就業(yè)情況時，分析錯了方向，以為這東西沒有什么用處，結(jié)果就給荒廢了。但好在還有印象，并且當初記了很多的筆記，所以說記筆記是很重要的事情。而其它像javascript、ml、數(shù)據(jù)庫這些東西我都學過，只是實踐能力稍差一點，但好在從前在學習方面用的功不是白費的。通過這種實戰(zhàn)環(huán)境，和半個月的刻苦學習，我終于可以感上小組的工作進度了，已經(jīng)可以很好的完成領導教給我的任務了。
像我這個組常用的是css+div排版，后臺使用php技術進行開發(fā)，服務器平臺采用，linu+apache+mysql+php，這種lamp組合，我很高興在學校學的東西能學有所用。以前我們是用表格（table）進行排版，這種方式簡單但是已經(jīng)有些過時了，現(xiàn)在大部分網(wǎng)站都開始了重新構架，所以都采用css+div進行網(wǎng)頁排版，我目前正在學習，掌握的還算比較快。而在后臺開發(fā)部分，我們使用php來進行開發(fā)，我的工作是手寫一些小模塊�；蛘哂胘avascript寫一些特效小代碼。
網(wǎng)頁設計的實訓心得范文（通用15篇）13
不知不覺，我已經(jīng)學習《網(wǎng)頁設計與制作》這門課程一個學期了，雖然時間有點短，但這一個學期以后我卻受益匪淺，不僅讓我全面的、系統(tǒng)的學會了頁設計與制作的基礎知識，還讓我學會了自己動手去制作屬于自己的網(wǎng)頁，這對于我來說是很值得高興的，能讓我在以后的工作生活中更好的展現(xiàn)自己。
建立一個網(wǎng)站就像蓋一幢大樓一樣，它是一個系統(tǒng)工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設計出一個滿意的網(wǎng)站。
首先，我們要確立網(wǎng)站主題。網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容，一個網(wǎng)站必須要有一個明確的主題。特別是對于像我這樣的個人網(wǎng)站，你不可能像綜合網(wǎng)站那樣做得內(nèi)容大而全，包羅萬象。你沒有這個能力，也沒這個精力。網(wǎng)站的主題無定則，只要是你感興趣的，任何內(nèi)容都可以，但主題要鮮明，在你的主題范圍內(nèi)內(nèi)容做到大而全、精而深。
然后，我們要找材料。明確了網(wǎng)站的主題以后，你就要圍繞主題開始搜集材料了。常言道：“巧婦難為無米之炊”。要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁的素材。
找到材料后，我們還要規(guī)劃網(wǎng)站。一個網(wǎng)站設計得成功與否，很大程度上決定于設計者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構、欄目的設置、網(wǎng)站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在制作網(wǎng)頁之前把這些方面都考慮到了，才能在制作時駕輕就熟，胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個性、有特色，具有吸引力。如何規(guī)劃網(wǎng)站的每一項具體內(nèi)容，我們在下面會有詳細介紹。
做好以上三步之后，我們就要選擇合適的制作工具。 盡管選擇什么樣的工具并不會影響你設計網(wǎng)頁的好壞，但是一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果。網(wǎng)頁制作涉及的工具比較多，首先就是網(wǎng)頁制作工具了，在這里，我們一般都是用有“網(wǎng)絡三劍客”之稱的Dreamweaver、Fireworks、flash來制作網(wǎng)頁 ，對于圖片部分的處理，個人覺得Photoshop比較好用。
最后，我們就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實了，這是一個復雜而細致的過程，一定要按照先大后小、先簡單后復雜來進行制作。所謂先大后小，就是說在制作網(wǎng)頁時，先把大的結(jié)構設計好，然后再逐步完善小的結(jié)構設計。所謂先簡單后復雜，就是先設計出簡單的內(nèi)容，然后再設計復雜的內(nèi)容，以便出現(xiàn)問題時好修改。在制作網(wǎng)頁時要多靈活運用模板，這樣可以大大提高制作效率。 網(wǎng)頁做好之后，就要發(fā)布到Web服務器上，才能夠讓全世界的朋友觀看，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它。
以上就是我對于網(wǎng)頁制作的一些個人心得，由于本人的技術還不是很成熟，還存在很多的不足。選擇學習這門課是很正確的選擇，雖然在以后不會再有機會去上了，但我還是會通過各種方式繼續(xù)頁設計和制作的，同時很感謝帶我入門的徐兵老師，讓我有機會去學習有關網(wǎng)頁的知識，謝謝！
網(wǎng)頁設計的實訓心得范文（通用15篇）14
記得初到公司時，我對公司的了解僅僅局限于公司網(wǎng)站的簡單介紹，除此之外，便一無所知了。但是，在領導和同事們的支持和幫助下，我不僅加深了對公司的了解，而且很快就掌握和熟悉本崗位工作的要求及技巧，嚴格做到按時按量完成產(chǎn)品終端頁等頁面的制作，保證頁面的與效果圖的一致性和頁面在各個瀏覽器中的兼容性。同時，減少頁面中冗余的代碼，保證頁面的加載速度。
自從擔任網(wǎng)頁制作以來，雖然在工作中取得了較好的成績，但也還存在一些不足之處。例如：工作中沒有充分領會領導的意圖，有時會忽視公司的工作流程等等，這些都是由于工作態(tài)度和細節(jié)決定的。這些不足都需要在今后的工作中加以改進。
在今后的工作中，我將努力提高技術水平，克服不足，朝著以下兩個方向努力：
1、在以后的工作中不斷學習技術知識，通過多看、多學、多問、多練來不斷的提高自己的各項業(yè)務技能。
2、提高自己解決實際問題的能力，并在工作過程中慢慢克服急躁情緒，積極、熱情、細致地的對待每一項工作。
短短三個月的時間，我學到了很多專業(yè)的知識，能夠得心應手開展工作;在一個和諧的環(huán)境下，開心的工作;可以說都是受益于各位領導的栽培和各位同事的賜教。
總的來說，由于本人工作經(jīng)驗不多，能力還有欠缺。雖然能勝任本職工作，但是社會在不斷的進步，技術在不斷的更新，我還需要更多的磨礪。為此，今后在工作中，我需要進一步增強開拓創(chuàng)新精神，刻苦鉆研新的技術。在上級的正確領導下，努力拼搏，扎實工作，以更好的質(zhì)量、更高的效率、更扎實的作風做好本職工作，為我們這個光榮的集體、輝煌的事業(yè)做出應有的貢獻。
網(wǎng)頁設計的實訓心得范文（通用15篇）15
在經(jīng)濟迅速發(fā)展的今天，internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道，為了與社會發(fā)展同步，為了讓我們成為真正的技術性人才。學校在本周為我們安排了維持三周的網(wǎng)頁制作專用周是實習，讓我們把平時所學知識運用到實習中做到真正的學以致用而不只是紙上談兵。通過本周的實習使我獲得了更多的新知識同時也使我使我認識到了自己在學習上的許多不足。
近三個星期的實訓將要結(jié)束，其中的酸甜苦辣我會在今后的日子里不斷地去咀嚼，去回味，去探索。從制作網(wǎng)頁過程中，我學到了新的美化網(wǎng)頁的方法，運用了更多以前未運用的技巧。這使我學到了更多的知識，并且為我自己在制作網(wǎng)頁這方面積累了一些經(jīng)驗。這些將是我人生中的一次重要的經(jīng)歷，將是我今后走上社會后的一筆巨大的財富。這次實習的收獲對我來說有不少，我自己感覺在知識、技能等方面都有了不少的收獲。總體來說這次是對我的綜合素質(zhì)的培養(yǎng)，鍛煉和提高。
【網(wǎng)頁設計的實訓心得】相關文章：
網(wǎng)頁實訓心得12-21
html網(wǎng)頁設計實訓心得范文（精選17篇）12-21
網(wǎng)頁實訓心得范文（精選6篇）12-20
組織設計實訓心得09-05
實訓的心得04-05
平面設計實訓心得范文04-10
惠文實訓基地實訓心得04-06
會計實訓心得10-12
車工實訓心得03-24