網頁設計實訓心得集錦7篇 「創意無限：我的網頁設計實訓經驗分享」

這篇文章是一個來自公文網站的網頁設計實訓心得集錦。多位網頁設計實訓者分享了在實踐過程中的經驗和心得體會，給大家提供參考和幫助。無論你是一名初學者還是有一定經驗的設計師，這篇文章都值得一讀。

第1篇

一連上了兩個星期的頁實訓課，可以說學到很多以前沒有學到的東西。雖然在大一的時候我們的專業出開設了頁設計課，但感覺這兩個星期學到的遠遠比以前學一個學期的要多，要豐富。

每一天都有新的內容要學，讓人感覺很興奮，很高興，恨不得馬上就把它給學會。通過這次實訓使我更熟練掌握dreamweaver、 flash 、fireworks 、photoshop等軟體的功能和應用。不但如此，更增加了同學間的.友誼，陪養了彼此間的團結。

在這期間，每一天老師都會發一些素材和實訓給我們，首先是頁素材的準備，在上檢視一些頁背景和背景顏色搭配，讓我瞭解到頁的顏色不能多過3種色彩。接下來的幾天再結合自己的頁來進行策劃，在做首頁之前，先用圖紙把頁的結構畫出來，內容和結構都想清楚用fireworks把頁設計出來，再切割圖片，把它們導成html格式在dreamweaver中進行進一步的編輯。

我們的站主要是圍繞宿舍而展開的一串活動、人物等，宿舍給我們一種很溫馨、很快樂的感覺，所以我們決定將這次的頁名叫funny room。主題確定了，那麼分工出就明確了，我們組有三個人，兩個人負責找素材，另一個美術的就負責頁的頁面設計，但是我們始終不是學美術方面的，所以色彩方面搭配的不是很，後來採用了色彩比較清新自然的綠色來作為首頁的主色調，讓人第一眼看上去就有難忘的感覺。而從第二頁開始就採用粉色為主色調，讓人可以感受到我們的主題，因為首頁和其它的顏色不一樣，所以我們就把首頁當作是過渡頁，第二頁開始才是頁的內容。為了增加頁的新鮮感和活潑感，還適當在新增一些透明flash和一些頁特效。在這實訓的時間裡面，我們分工合作，共同努力，對頁反覆除錯和修改，特別是對於fireworks軟體不那麼熟悉，有很多的例項都要看過老師的演示才會明白，不過這也恰恰讓我學到更多。雖然中途難不免會有因為意見的不合而發生一些小小的爭吵，但我覺得不影響我們的頁設計，反而會因為這些不同的意見而重新學到更多的知識。

第2篇

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

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

學習網頁設計需要堅持，堅持不斷的學習，因為設計網頁的軟體在不斷的更新，你不斷的學習

不要掉入技術的陷阱，你的網頁設計技術一流，你對軟體的掌握程度已經達到一定水平，但是你設計的網頁確不堪目睹，這是因為網頁設計是是介於平面設計和程式設計技術兩者之間的`"邊緣科學。"不僅涉及到美學，心理學，平面構成，色彩搭配等平面設計的方面的知識，還涉及到html，javascript，css，asp，php等程式語言技術方面的知識。只有綜合運用多種知識，才能設計出視聽特效，動感十足，富於個性的web頁面，才能全面展現網際網路這一新型媒體的獨特魅力和多維空間的超強功能。

注重實用，個人認為網頁設計應該注重實用性，因為它是讓人瀏覽的，是使用者可以撫摸，可以評論，可以互動的.。我提倡簡單的美。

第3篇

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

在資訊時代，學習是不斷地汲取新資訊，獲得事業進步的動力。現在通過實習總感覺自己學的不夠，要用到知識時總感覺腦袋總是空白。實習後讓我明白，為了能更好的適應工作，不得不利用自己空閒時間去彌補學習中的不足。實訓內容是與自己所學專業有密切聯絡的，所以自己在這方面格外側重，希望能夠加強自己的專業知識。

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

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

第4篇

轉眼間，已到了期末，學習網頁設計這門課程也要結束了，雖然時間有點短，但是學過這個幾周以後我受益匪淺。

記得最初接觸dreamweaver的時候，我很茫然，因為剛接觸陌生的軟體心裡會很害怕跟不上老師的程序。剛開始幾節課，老師講得比較基礎，還能跟得上，漸漸的老師授課的程序開始加速，有些跟不上了，需要下課後自己補上，問老師和周圍的同學。漸漸的，在老師的悉心教導下，我們開始熟悉這個軟體了。老師佈置的第一個任務，要求做一個自我形象網站。由於學習的時間較短，老師只要求用ps做好模板即可，任務相對簡單。但也要求設計感強，色彩搭配和諧，並且儘可能的做成實用又符合實際的漂亮網頁。

第二個網頁設計老師要求相對較高，用dreamweaver做一個比較接近真實的網頁，還要做一個二級頁面。於是開始收集各方面的資料。確定了主題就開始佈局了。最開始使用了一個表格，然後在表格內進行拆分合並處理，接著就把通過ps處理出來一個版頭並且把修改過大小的圖片放進去了。

中間時預覽，問題出現了，發現版頭與下面的圖片文字之間出現了很大的一段距離，但是在軟體中已經把距離縮小為0了，多次嘗試後沒有效果。最後想到可以另外再加一個表格，把版頭放在一個表格內面，這樣問題就解決了。預覽是效果還不錯。但是總覺得首頁做得太普通，一次瀏覽學長做的網頁時，覺得他們的文字滾動視窗做得效果做得不錯，於是想借見一下。就決定把自己網站的左邊修改修改。複製了他的程式碼，把上面的內容修改成我的網站需要的文字。本以為可以輕鬆的完成，但是卻出現大問題了。

因為需要滾動的文字佔的空間太大，把左邊的那部分表格全部佔滿了，而在實際的網頁預覽中，這個有文字滾動的框只佔了左邊oeasy教你玩轉網頁設計瀏覽的工具建站程式三分之一，左邊有三分之二留白了。我就想可不可以把文字這樣一層層的放在上面，試了很多方法，在網站查了很多資料，可能因為沒有專業術語作為搜尋的關鍵詞，查不到任何相關的`資料，試過div標籤，試過不停的拆分表格，最後還是沒有效果。就這樣試著試著，突然想到了層這個概念。於是在佈局中點選了繪製層，結果成功了，經過一些加工，終於成功的完成左邊的佈局。印象還比較深刻的是插入聲音，記得老師曾經給我們講過很多次怎樣插入聲音，可是等到自己做網頁的時候卻忘記了，於是問其他人，結果居然都忘記了，於是自己在百度上收。

最後終於找到了一個可以使用的程式碼，但是在加入聲音路徑時出現了問題。在屬性內加入原始檔，結果就是加不進去mp3的音樂檔案，然後自己就嘗試加入了一個視訊，記下了路徑格式，然後照著這種格式寫下了指向聲音原始檔的路徑，最後成功了。在設計過程中還出現了很多的問題，但通過看書，上網查詢，請教同學等方式，不斷的學習、解決、提高，設計出的網頁不論是外觀還是內容，都在不斷的進步、改善。可以說在自己動手，不斷實踐的過程中，網頁設計水平得到了很大的提高。熱情和執著，我將來設計出的網頁會更加專業，更完善。

第5篇

兩個月的磨刀練陣，按理說，自己到底是寶刀還是鏽鐵應該可以從這些日子的點滴表現中露出應有的光澤了，然而直至目前，我卻對自己這些許的光澤沒有信心雖然我堅信自己不是鏽鐵！

兩個月來，我一直堅守在技術組崗位上練兵。在技術組兩個月的工作生活，我感觸最深的就是，這裡是我的第二個家，技術工作可以在快樂中完成。作為一個技術員，我很自豪，只因為這是我夢寐以求的事業。我將它視為我的夢想，我的生活。我很慶幸我抓住了這份工作，更感謝學校給了我們這樣的機會。讓我們不斷充實自己，也讓我們更能展現自己。由於在此之前我都不是很自信，也不敢獨自去面對一些繁瑣的事。但現在我不怕了，我有信心和勇氣獨自去面對、去挑戰。

我一直盼望著自己能早點去感受工作的境地，本以為只會在畢業後才可能去工作，沒想到現在就能實現了。參加這份工作後，我有很多感悟：“有得必有失。”

我在工作中收穫了很多：在這裡我學會了如何去和別人一起和睦相處，更學會了如何去與別人一起合作；我學會了如何運用自所學的知識去解決問題，發現這些知識對我們真的很有用，很多都是我們平時不知道的，但學了卻對我們百利而無一害，同時也讓我覺得上大學花錢值。我還從中提高了自己的動手能力。我為此而感到欣慰。但美中不足的.是，我為了這份工作，我也失去了很多。比如我的自由時間縮短了，我更多的時間都花在了工作上，我的生活開始變得有規律了，變得約束了，我並不覺得這對我有多大的影響。我至少還能合理安排自己的時間去學習去工作。它讓我變得很充實，沒有了以往的空虛感。我每天的時間都很緊迫，幾乎沒有喘氣的機會，但人生不就該如此嗎?我想，作為學生的我們就應該要有這樣的吃苦精神。俗話說的好：“吃得苦中苦，方為人上人。”

我們的工作崗位是一個特殊的崗位，我們沒有工資但我們還是一樣的快樂。因為我們有了更大的收穫，它吸引著我們為它奉獻，為它奮鬥。我們的領導就是我們的老師，本以為這種人際關係的距離感、層次感只可能加強，但在網店工作讓我驚喜地發現自己原先的判斷錯了。我們的聶書記、韓老師、劉輔導員三位領導都對我們這些新人加學生親切有加，他們十分看重我們，也完全相信我們，把它完全交託給我們。特別是劉輔導員，在工作之餘，以朋友的姿態經常和我們一起打球，坦懷聊天，非但不擺領導的架子，而且還以慈母的關愛之心在引導我們做好工作，讓我真切感受到了久違的母愛溫情。在工作中，只要你需要，他們隨時給予熱情地指導；工作之餘，大家開懷談笑，不分彼此。正因為如此，在網店工作，讓我體會了在愉快中完成工作的歡欣。

３、基本學會了如何去建立一個網店和經營一個網店；

４、基本學會一些計劃書等公文的一些寫作方法和技巧等。在這期間我不僅可以較好地配合其他成員一同完成各項工作任務，還可以自己獨立完成一些事務。兩個月的時間，我配合其他成員一起完成了達三千多的銷售額，我為我們的業績感到無比的欣慰。

4、缺乏基本的工作知識，在開展具體工作中，常常表現生澀，甚至有時還覺得不知所措；

5、對我們的工作情況缺乏全面具體的瞭解，從而影響到相關工作的程序；

6、對電腦知識的掌握度較低，這直接影響到相應的工作質量；

8、辦事效率不夠快，對領導的意圖領會不夠到位等。

2、配合其他同事開展日常接待、後勤服務和衛生清理工作；

4、完成每個月的工作總結及每次例會的分析和觀點；

就總體的工作感受來說，我覺得這裡的工作環境是比較令我滿意的。首先是領導的關愛以及工作條件在不斷改善給了我工作的動力；其次是同事間的友情關懷以及協作互助給了我工作的舒暢感和踏實感；第三就是目前正在營造形成我們網店特有的“企業文化”氛圍給了我工作的信心。

我知道，上面的工作表現也許不能讓領導感到滿意，如果完全依據這些表現來決定是否可以繼續留在這裡工作學習，坦白說，我自己並沒有太大的信心。但我堅信自己能夠在今後的工作中會表現得更好。在此，我想借這次機會提兩點想法：

第一點：我希望有專業型人才給予我們更多的指導，這樣我們的成績才會更趨於成熟和完美。理由主要是：

（1）、我們都是學生，沒有足夠的經驗和商場戰略；

（2）、我們的網店本來就不夠完善，很多東西我們都是力所不能及；

（3）、我們對應急性問題欠缺思考，需要鞏固。第二點：我希望我們的工作制度應該嚴謹，不要像菜園子，想進就進，想出就出。

上面兩點想法懇請領導給予我理解、信任與支援。謝謝。我的目標：我永遠堅信,天上那顆最靚的星星一定是為我而閃爍的！

第6篇

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

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

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

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

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

主頁中不光要有文字，還要適當地加一些圖片。一張好的圖片可以勝過你的.千言萬語。也能讓進入你網頁的人一目瞭然，產生興趣。

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

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

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

第7篇

時間過得很快，我即將畢業來到了社會這個彙集眾多江河湖水的大海，感受到了獨立生活的好處與艱辛，同時我自己也更深的理解了，家長和學校老師對我們的殷切希望，在社會實習的這段日子，我吃了些苦，受了些罪，可是整個人在肉體上和精神上卻昇華了很多，也比以前的變得更有自信了。

我所在的這家公司，是一家做網上招商的商業網站，公司接收各種廠家提供的資訊，然後由網路的技術人員，將商家的資訊做成網頁廣告，然後掛在我們的網站上，以此達到商業推廣的目的，類似我們公司的網站在同行業還有_、_招商網等。

我和其它幾位同事做為網路部的技術人員，主要的工作就是接收美工人員的網站模板，將其通過photoshop切片，然後匯入dreamweaver進行排版，(排版主要使用css+div)，並進一步的加以製作，完善美化，如加入js程式碼，或透明flash，因為網頁是用css+div進行排版的，所以在最後一步的時候，我們還需要進行瀏覽器測試，因為css+div排版方式有一個的缺點就是：瀏覽器不相容的問題，典型的如：ie與fireworks，因為各種瀏覽器使用的協議不同，所以會導致頁面在最終瀏覽的時候有一些小問題，如：頁面混亂，圖片、文字之間的距離過大或過小，頁面不美觀等等，做為一個新人，我在有些方面的技術還很不成熟，所以在技術總監張偉的幫助下，解決了很多問題，所在我很感謝他，當每天我們做完網頁後，都會在程式碼頁面加入註釋程式碼，在裡面寫上每個人姓名的漢語拼間和工作日期，這樣方便月底做統計工作，公司領導會根據每個人的工作數量進行獎勵，每做一個頁面會有2塊的提成，雖然少點，但是積少成多，也是很可觀的。

初來公司的時候，我們經過了初期考試，培訓，與最終考試三個階段，在接到公司讓我面試的電話後，我來到了_公司，因為要乾的是網頁設計，所以要有一個小測驗，技術總監要求我們在網上自找圖片和文字，做一個簡單的頁面，要求是：什麼樣的頁面都可以，考查的主要是面試者相關軟體的操作能力與程式碼掌握的熟練成度，說實話，從畢業後，有一段時間沒有寫程式碼了，剛一上機，還有點生疏，但是憑藉在學樣紮實的學習功底，我很快就恢復了自己的英雄本色，將html程式碼寫的很熟練，做了一個左右分欄的頁面，沒什麼太大難度，技術總監看了以後，說不錯，讓我三天後參加培訓，合格扣就可以正式上班了。

三天後，我來到了公司，一看，來參加培訓的人有很多，大概在十多個人左右，其實所謂的培訓，就是讓大家先熟悉這家網站的工作，先做一些他們平時乾的活，做一些廣告網頁，這些網頁都是靜態的，沒什麼難度。我後來發現，自己在這些人當中，還是較較者，心裡優勢還挺好的。

三天的培訓後，我們迎來了最後的考核，合格的人會被留下，並得到一份為期一個月的實習合同，然後會在根據你在實習期的表現決定你的去留問題，秀的人會轉正，得到很優厚的待遇。

考核的內容，就是在公司的商務網站上任選一個頁面，然後在規定的時間內做完，我還不錯，技術比較熟練，是第四個做完的。當我們把網頁做完後由這家公司的經理進行稽核，最後的結果是，最先做完的前8個人可以有底薪加提成，每人頁面的提成是2元錢，而後面做完的，只有提成，沒有底薪，他們的提成是每個頁面5元錢，最後的幾個人就被淘汰了，制度雖有點不近人情，但是剛畢業的學生能忍也就忍了，就這樣，我們每個人得到了一份一個月的臨時合同，正式開始了實習工作。

我們每天的上班時間是從早上8：30分到下午的17：00，這是我見過最有激情的一些人了，年紀輕輕，幹勁十足，來了以後就工作，連平時聊天的內容也和本行業分不開，我喜歡他(她)們，回為是實習期，所以每天做的數量沒有太大要求，但是每個人都玩命似的幹活，抓緊時間做網頁，我們做的網頁是比較簡單的從上到下式的網頁，通過css+div排版，這樣在後期瀏覽器相容測試中，就好做的很多了，文字與圖片之間就不會有太多的麻煩，我乾的很不錯，不過有些追求精緻，我做網頁的速度慢了很多，最初每天只能做3--4個網頁，這對於我來說是不能接受的，後來我改變了工作方法，我第次工作的時候，先訂下計劃，比如今天做多少網頁，然後我將要做的所有網頁，先做好排版，這時的網頁雖然排過版，但是不美觀，因為沒有進行美化工作，然後我會在下午的時間，集中全力做美化工作，就這樣我的速度提高了很多，快了將近一倍多。只要更加熟練速度不會更快，我相信自己。

實習將要結束，其中的酸甜苦辣我會在今後的日子裡不斷地去咀嚼，去回味，去探索。從製作網頁過程中，我學到了新的美化網頁的方法，運用了更多以前未運用的技巧。這使我學到了更多的知識，並且為我自己在製作網頁這方面積累了一些經驗。這些將是我人生中的一次重要的經歷，將是我今後走上社會後的一筆巨大的財富。這次實習的收穫對我來說有不少，我自己感覺在知識、技能等方面都有了不少的收穫。總體來說這次是對我的綜合素質的培養，鍛鍊和提高。