網頁設計學習心得

第一篇：網頁設計學習心得

網頁設計學習心得

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

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

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

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

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

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

網 頁 設 計 學 習 心 得

學院:：美術學院 姓名：趙秀玲 班級：10級裝潢三班學號：101064137

第二篇：網頁設計學習心得

網頁設計學習心得體會

12105班賀軍

本學期的網業設計課程，開展了動態思維訓練教學活動，對於我們學生來說，

可以激發學習興趣，調動學習的自覺性，自己動腦、動手，動口，運用網絡資源，結合教材及老師的指導，通過自身的實踐，創作出積聚個人風格、個性的個人網頁。總體來說，整個學期的學習過程，我學會了很多知識，雖然過程比較艱辛，但在intenet領域中，有了一個展示自我的空間，我覺得很開心、很有成就感。

一.充分發揮動手能力

作爲網頁設計的初學者，我對網頁設計非常感興趣，一心想設計出一個美觀、實用、內容豐富的個人網頁。本學期的教改方案由以前學生單純接受知識變爲主動參與教學活動。在這樣的壓力和動力下，通過自己動手、動腦，通過網絡資源，老師的指導，在不斷髮現問題和解決問題的過程中學到了很多知識，也增強了我的創作能力和動手能力，在網頁設計過程中，從構思到設計、完善、維護，整個過程我都全身心投入，使我真正學到了網頁設計的知識。

二.在設計過程中不斷提高網頁設計水平

在本次網頁設計中，我不僅學到了很多關於網頁設計方面的知識，也從中學會了關於網絡、編程等方面的知識。我從最初開始運用frontpage設計網頁，到後來運用dreamweaver、flash、fireworks等網軟件設計網頁，完善網頁。在這個過程中，我通過自學教材、上網查詢，學習了dreamweaver、flash、fireworks等網頁軟件的應用，學會了管理、維護自己的站點，以及一些簡單動畫、控件的製作等等。在設計過程中也出現了很多的問題，但通過看書，上網查詢，請教老師等方式，不斷的學習、解決、提高，設計出的網頁不論是外觀還是內容，都在不斷的進步、改善。可以說在自己動手，不斷實踐的過程中，網頁設計水平得到了很大的提高。 三.不足之處

在網頁設計過程中，由於沒有網頁製作代碼的知識，所以在設計時也遇到了很多麻煩，有時插入一個特效腳本也是很麻煩。在網頁製作過程中，想提高設計水平，想有個理想的網頁，必須學會代碼的運用，我將在以後的學習過程中不斷加強這方面的學習，希望老師能簡單介紹一下代碼，讓我也對它有個初步的認識，以後再加強學習也纔會有所提高。

總體來說，通過今次的對網頁設計的學習，有收穫也有遺憾、不足的地方，但我想，我已經邁入了網頁設計的大門，只要我再認真努力的去學習，去提高，一定會成功學習這門專業。也希望老師在今後的日子裏多指導。

第三篇：網頁設計學習心得體會

網頁設計學習心得體會

這兩個星期是我們的網頁設計實訓時間，這正是考驗我們實力的時候了。

經過一個學期的網頁設計的學習，我們的專業基礎更加紮實了，我們對於自己的專業學習更加有信心了。一開始對於網站設計我是抱着好奇以及興趣認真地學習，剛開始接觸網頁設計會覺得很神奇，平時上網接觸到的網頁可以通過自己的努力來建成。一心想着設計一個美觀大氣的大網站，可以與其他網站媲美。對於我這種初學者，有這種天真的夢想促使我更努力的學習網頁設計。

平時老師授課，講解了有關網頁設計的理論知識以及實際操作的示範。網頁設計更着重於實際操作，我們在機房通過每次上課的學習運用，已經有了一定的基礎。一開始我們都是看着別人的網站去模仿建設，到後來每個人在設計自己的網頁時都有自己的人個人風格，這就是網頁設計的樂趣。他不僅可以激發同學們的興趣，還可以把自己的風格更大膽地展示出來，是一個可以展示自我的空間，使我們更有成就感。

這兩個星期我們實訓課讓我們更清楚地認識到自己的建站水平。實訓任務是建立自己班級的網站，剛開始覺得兩個星期足夠我們去建成一個網站，但是我們都太高估我們自己了。一開始設計網站時不知道從何下手，之前老師上課講的知識一時不知道怎麼靈活運用起來，我才發覺對我軟件功能的不太熟悉，除了基本的框架構建，其他的設計都需要比較長的時間去思考以及翻查書本。但是同學們都很積極地向老師提問，把自己存在的問題一一的解決掉。雖然建立網站不是很順利，也只有這樣我們纔可以正視自身，把平時半桶水的聽課方式給改掉。在這次的網站建設過程中，我發現自己對於知識不能靈活運用，不能巧妙地結合起來，對代碼的不熟悉，這更加是一個大問題。建站過程中會遇到代碼出錯，代碼位置寫錯之類的問題，當測試的時候出現了錯誤但是不能看懂出錯原因，只能靠網上搜索。因爲對於這種程序的東西我會比較抗拒，從小就不喜歡思維性太強的學習，所以建站會遇到比較多這種問題，但是我只能積極去面對才能完成任務，畢竟這是我的專業，爲了專業而專業，不能說不喜歡就不願意去學，這次實訓我反省了自身的存在問題。我們建立網站的時候都發揮自己的創新力、想象力，用心地完成這個大項目。會遇到很多的問題，經常因爲一個細小的步驟而出錯，做動態網頁的時候會遇到更多類似的問題，通常都會花費我很多時間來解決出錯原因。打個比方，我會一個上午都在弄留言板，因爲不知道出錯原因，當請教老師或是同學的時候才恍然大悟，原來是這麼簡單的。當然，最終可以解決困難我還是很欣慰的。

當我真正建立起自己的網站的時候，我看着自己的作品非常地興奮，這是我用心血完成的只屬於自己的網站，特別地欣慰。因爲過程的困難，我更加珍惜自己第一次的作品，做每一步都會小心翼翼，就像母親生怕會失去自己的孩子一樣，我就是這樣的感受。

我可以說網頁設計給了我很大的收穫，我是用我的熱情去學習，也是用我的真心去設計，屬於自己的東西永遠是最美好的。網頁設計不是用嘴巴就可以設計的，更需要的我們的堅持、創新、用心，才能收穫更大的勝利。

第四篇：網頁設計學習的心得體會

《網頁設計》心得體會

在《網頁設計》的學習中，老師開展了動態思維訓練教學方式來激發我們的學習興趣，調動了我們的學習自覺性。老師的認真負責、充滿激情，令我們的課堂氣氛活躍而有序。學習方式的靈活多變，讓我們在舒適的環境下以愉快的心情接受、掌握和靈活的運用所學知識和技能。

《網頁設計》的教學都是理論實踐相結合的，老師很詳細的講每一個知識點，而且在講每個知識點的時候都會舉實際例子來加深我們對那個知識點的印象，如果我們有什麼不明白的，老師會耐心的將我們不懂的再講，直到都明白爲止。在每次的理論後，我們都會上一次機來鞏固之前學習過的理論知識，在上機的過程中有什麼不明白或不懂的，老師都會耐心仔細的給我們講，在講的同時會告訴我們一些製作的技巧。每次實訓完後，我們都會把自己做的放在服務器上。

老師專門爲《網頁設計》這門課程開了一個後臺服務器，讓我們可以把每次做的網頁上傳到服務器上，老師也可以通過這個服務器看到我們製作的情況，然後針對我們出現的問題作耐心指導或在原本內容上更深次的講解，直到我們明白爲止。

學習了《網頁設計》後，我知道了動手也要動腦，同時也增強了我的創造能力和動手能力。從學習本課程後，我發現了自己的優點，在製作這方面充滿信心，也對自己以後學習專業充滿了希望。在此謝謝老師！

2014年3月12日

第五篇：網頁設計課程學習心得

從新學期開始接觸網頁設計這門課程以來，已將近學習了一個學期。經過這麼長時間的學習，從起初對網頁設計的一知半解，到如今已基本掌握網頁製作的基本技能，可謂獲益良多。作爲一門新接觸的學科，之前並沒有太多的瞭解，只知道在計算機迅猛發展的今天，網頁已成爲網絡世界中必不可少的一環，網民對於網頁的要求也越來越高，因此，學好網頁設計這門技術，對於生活在日後計算機主導的世界來說，顯得更加重要了。

大作業展示中的網頁作品主題明確、佈局合理、頁面設計得當，方便瀏覽的人找到想獲取的信息。任何一個優秀的網站都有其明確的主題, 網站主題的確立應根據網站的用途而定。整個網站需要圍繞這個主題,也就是說，在網頁設計之前，我們要明確這個網站的建立目的,用來做什麼，圍繞着這個主題和內容來製作網站所有的頁面。明確對網頁的製作有着很重要的作用。

作品網站“web”中合理運用了網站製作的幾個基本技術來構建。首先使用了div標籤來佈局網頁，簡單方便。div標籤可以設置一個規定的屬性，用於設定表格、畫、字規格大小或擺放位置，在網頁製作中使用，可以大大減少我們對錶格、畫、字等的設定工作量，大大提高我們製作網頁的效率。同時，也方便我們在完成網頁後對部分細節的修改。

作品中的網站外觀簡潔大方，界面友好易懂，是網頁製作初學者的優秀模版。例如網頁的佈局，素材的管理，代碼的簡化等等，都可以從中得到許多啓發和借鑑意義。目前通過這學期以來老師的悉心教導和學習，已基本掌握網頁製作的基礎知識。而有關網頁內容的設計與編排，還有待更多的實踐操作來提高。總的來說，已對網頁的製作有一定的認識和基本的瞭解。從目前學習的進度來看，個人認爲老師還可以教授我們“行爲的應用”和“基礎動態網頁”等知識，拓展我們製作網頁的知識。在個人的網站建設中，希望加入運用更多更高級的技術來呈現和表達自己網站的主題和內容。例如設計網頁中的一些動作和事件，以此來達到更好的表達效果。

網站的文件管理、素材存放等安排得合理得當，規範有序。文件夾的命名大多使用所用素材名稱的拼音，一目瞭然，見名知意，方便學習者的查詢與研究。這種嚴謹和規範的做法值得日後建設自己的網站時參考和借鑑，對於網站製作的初學者來說具有指導意義。

其次網頁在表頭下運用了導航菜單。導航菜單是網頁設計中不可缺少的重要部分，它提供了頁面與頁面之間跳轉的通道，極大方便了瀏覽者訪問所需的內容。利用它，我們可以快速找到我們想要瀏覽的頁面。學習更多導航菜單的製作，可以優化我們的網頁頁面，使其更加完善，也能增加美觀程度。

完成大作業需要事先精心的構思和素材的準備，從一開始網頁主題的確定，到主頁總體的設計、蒐集資料、每個分頁面的設計等，我都要一一進行規劃，因爲如果不規劃好，製作過程中就會沒有整體思路，網站就會顯得缺少整體性，而且不能連貫地製作下去，難以一氣呵成。定下框架之後，然後就開始一步一步有條理，有次序地做起來。製作過程中，爲了提高工作效率，減少工作時間，還可以利用製作一個網頁模版來減少工作量。由於一個網站中大多網頁採用相同的表頭和底部，僅僅內容有所不同，因此可以通過製作模版來填充多個網頁內容，一次來提高網站製作效率。

網頁製作過程中需用到最基本的軟件如dreamweaver、photoshop。dreamweaver可以幫助我們快速構建一個初步的網站，之後再在此基礎上填補和完善，便可以構建一個完整的網站。photoshop可以幫助我們快速處理建設網站中所需要用的所有圖片素材，修改成我們想要的模樣，包括對素材大小、尺寸、美化等處理。若想進一步完善和更好地呈現網站內容，還可以利用flash軟件製作一些相關的小動畫和動態圖片。由於良好的視覺效果，flash已被大多數網站廣泛應用，藉此大大增加網頁的藝術效果。

任何一門學科的學習都需要我們多加練習實踐，才能駕輕就熟，真正掌握這門學科。由於網頁設計這門課程的課較少，老師需要在課堂上傳授重點知識，因此課堂的實踐操作時間

久不可避免地減少，所以課下的及時複習與訓練就顯得尤爲重要了。對於“知識被遺忘”的問題，更是因爲在課下沒有及時鞏固課堂知識所導致。因此想要學好網頁設計者們課程，也許並不需要我們像專業課一樣投入大量時間跟精力，只要在課堂上抓住老師所講的重點知識，並在課下及時做好複習跟操練，便可以很好掌握網頁設計的基本技能，從而達到課程學習要求。