心得體會是我們在學習、工作、生活中的一種寶貴財富，通過總結和概括自己的經驗，可以更好地認識自己、改進自己。我覺得我們應該寫一份心得體會，分享給他人。以下是一些普通人的心得體會，他們通過平凡的經歷和努力，發現了人生的真諦和價值，給我們帶來了很多啟示和思考的余地。

網頁設計課程設計心得（精選20篇）篇一

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

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

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

由于平時工作比較繁忙，學習時間比較少，對于網頁設計軟件的強大功能運用得還不夠。在網頁設計過程中，由于沒有網頁制作代碼的知識，所以在設計時也遇到了很多麻煩，有時插入一個特效腳本也是很麻煩。在網頁制作過程中，想提高設計水平，想有個理想的網頁，必須學會代碼的運用，我將在以后的學習過程中不斷加強這方面的學習，希望老師能簡單介紹一下代碼，讓我也對它有個初步的認識，以后再加強學習也才會有所提高。

總體來說，通過今次的對網頁設計的學習，有收獲也有遺憾、不足的地方，但我想，我已經邁入了網頁設計的大門，只要我再認真努力的去學習，去提高，憑借我對網頁設計的熱情和執著，我將來設計出的網頁會更加專業，更完善。也希望老師在今后的日子里多指導。

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

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

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

網頁設計課程設計心得（精選20篇）篇二

步入大三，對于我來說已經到了學習專業課的重要階段。怎么明確思想，理清思路，好好的學習專業課程對于已經二十出頭的我顯得至關重要。大學是步入社會的環節也是關鍵的轉折點，想要好好的適應社會就必須在大學期間提高自己的文化水平和道德修養，其關鍵因素就是要好好學習，學習知識，學好專業，并且熱愛自己的專業，學會為人處世，更要學會做人。大學，我們學到的不僅是知識，文化，還有就是社交能力。想到當初為什么選擇了平面設計專業，真是是自己喜歡嗎？不禁要反問自己。

大一入學本一直抱著學環藝的思想最終選擇了平面設計專業，經過大一大二兩年的專業課的學習，我逐漸發現熱愛插畫自己漸漸喜歡上了平面設計專業，發現自己對色彩的感覺非常強烈。喜歡上了波普藝術，喜歡上了安迪·沃霍爾，喜歡上了草間彌生，迷失在無窮無盡的圓點里，欣賞福田繁雄的作品。這些都讓我找到了自己的路，果斷的選擇了平面設計專業。大二下學期我們開始了平面設計專業的專業學習，這讓我更加進一步的認識了平面設計的魅力。我們相繼開展了標志，字體，書籍等平面設計專業課程，讓我們從多方面學習了解平面設計并學習和探討。學東西不在多而在精，通過大二下學期的平面設計專業的學習讓我深刻的認識到學習理論和課外擴展也同等重要。在大三上學期的網頁設計課程也讓我的這種感受頗深。

本學期的網業設計課程，是我非常喜歡的xx老師的課，并且xx老師他本人是一個非常負責的人。對于我們學生來說，可以激發學習興趣，調動學習的自覺性，自己動腦、動手，動口，老師的指導非常重要。網業設計課程讓我學會了運用網絡資源，結合教材及老師的指導，通過自身的實踐，來創作出積聚個人風格、個性的個人網頁。本身來說我就是一個比較喜歡設計個人風格和個性界面的人。這次學習給了我機會，實現了我的愿望。總體來說，這個學期的網頁學習過程，我學會了很多知識，雖然過程比較艱辛，但在intente領域中，有了一個展示自我的空間，我覺得很開心、很有成就感。

xxx老師是一個非常有趣的老師，采取了一種新的教學方法，利用《什么是網頁設計？》這本書作為教學教材，聲神并貌，系統的講解了網頁設計的發展過程。首先我要好好說說這本書，這本書里沒有任何對于設計軟件工具使用的介紹，沒有一行代碼的解釋，而是從最基本的用戶界面設計歷史和html發展歷史開始說起，提供了設計師基本的知識背景搭建；而后，描述了設計師面對設計案例時的整體流程，從如何與客戶交流開始，以項目如何交付而終，涉及了商業定位，用戶研究，交互設計，可用性測試等各個工作節點。

網頁設計這本書總結了與當今和未來技術發展相關的設計理念。網頁設計作為目前最受矚目的設計領域，也吸收了許多其他領域的因素。這本書也闡述包含了這一點，從而令網頁設計更加易于理解。以客觀的眼光看待設計師、客戶和其他由于技術或信息輸入而參與到設計中來的人群之間的關系，并強調了設計師同這些具有共同目標的伙伴們相互理解與合作的重要性。一個好的構思只有在被最終實現后才能稱其為成功的構思，而為了達到這一點，就要求熟練掌握其中的每一步程序。

與大部分教做網頁設計的書不同，這本書并沒有先教你認識dwps這類軟件和大量用戶手冊式的操作指引；也沒有引用大量精美案例讓你不斷看到好感覺的設計卻回頭只有自己無盡的虛空。相反地，這本書實實在在讓設計師們（或者想要成為網頁設計師的朋友）從認知出發，不談表面易讓人誤會網頁設計師就是美工的邏輯，而轉談作為一個網頁設計師應涉獵哪些知識，和將會跟怎樣的合作者互動來開始引導。從思維與觀念而不是僅僅從技術上談論網頁設計的一本不可多得的好書。

這本書可以更好的讓我了解網頁設計，軟件固然重要，但是理論更加重要，好好了解一門專業技術的發展和歷史有助于提高審美水平和文化修養，也對我學習并了解認識網頁設計這門課程，提供了巨大的幫助。有助于我對網頁設計的認識更加廣泛，系統，讓我對這門課有了更加深刻的理解。

對于學習網頁設計，軟件的學習也同等的重要。學習軟件技術也是一個非常重要的環節，不能有理論沒實踐，有實踐沒理論，有創意沒技術，有技術沒創意，在網頁設計中這幾者都同等的重要。想要學好網頁設計必須好好的掌握好軟件，必須非常熟練的掌握dreamweaver，flash等網頁設計軟件。

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

在設計和創造個人主頁這個過程中，我通過自學教材、上網查詢，學習了dreamweaver、flash等網頁軟件的應用，學會了管理、維護自己的站點，和美化網頁。在設計過程中也出現了很多的問題，但通過看書，上網查詢，請教老師等方式，不斷的學習、解決、提高，設計出的網頁不論是外觀還是內容，都在不斷的進步、改善。可以說在自己動手，不斷實踐的過程中，網頁設計水平得到了很大的提高。但是由于課程比較多，學習軟件時間也比較少，對于網頁設計軟件的強大功能運用得還不夠。在網頁設計過程中，由于沒有網頁制作代碼的知識，所以在設計時也遇到了很多麻煩，在網頁制作過程中，我意識到想提高設計水平，想有個理想的網頁，必須學會代碼的運用，我將在以后的學習過程中不斷加強這方面的學習，希望xx老師能簡單介紹一下代碼，讓我也對它有個初步的認識，以后再加強學習也才會有所提高。

通過本學期學習網頁設計我體會到以下幾點：

1、設計前要有籌劃。

設計主頁也許并不是很困難。但這一作業與自作宣傳海報一樣，都需要我們謹慎處理和籌劃。換言之，我們必須首先確定自己需要傳達的主要信息，然后細意斟酌、把所有意念合情合理地組織起來；之后是設計一個頁面式樣，試用于有代表性的用戶，接著重復修訂，務求盡善盡美。

2、選擇內容要有新鮮感。

萬維網上不斷有新事物出現、每天都有新花樣。如果你的主頁從不改變，大家很快會厭倦。因此網頁內容的選擇要不落俗套，要重點突出一個“新”字，這個原則要求我們在設計網站內容時不能照抄別人的內容，要結合自身的實際情況創作出一個獨一無二的自己的個人網站。所以，我們在設計網頁時，要把功夫下在選材上。選材要盡量做到“少”而“精”,又必須突出“新”，我相信這樣的網頁一定會受到大家的歡迎。

3、內容相對實用性大。

一個網頁盡管設計得趣味盎然，引人入勝，但這不是吸引大家最好的理由。要想最大限度地留住大家首要的是要讓它有用處。這樣做的一個很簡單的辦法是提高內容相對實用性。

4、網頁命名要簡潔。

由于一個網站不可能就是由一個網頁組成，它有許多子頁面，為了能使這些頁面有效地被連接起來，給這些頁面起一些有代表性的而且簡潔易記的網頁名稱。這樣既會有助于你以后方便管理網頁，在向搜索引擎提交你的網頁時更容易被別人索引到。在給網頁命名時，最好使用自己常用的或符合頁面內容的小寫英文字母或相關的漢字，這直接關系到頁面上的連接。

最后總體的來說，通過本學期的xxx老師課程的學習，我更加確信了我當初選擇平面設計專業的激情和堅定。通過這次網頁設計課程的學習，有收獲也有遺憾、有了解也有不足的地方，但是我想，我已經學習并邁入了網頁設計的大門，只要我再認真努力的去學習，去提高，憑借我對平面設計和網頁設計的熱情和執著，我將來設計出的網頁會更加專業，更價的完善。盡管大家和老師都說設計專業是一條不歸路很難走下去，尤其是女生的轉行率很高。但是我相信通過我持續不斷的學習和探索，我想我一定可以在平面設計這條道路上持續并且很好的走下去，也希望xx老師在今后的日子里多多指導。

網頁設計課程設計心得（精選20篇）篇三

現在，計算機和網絡已經深入到了我們生活中的方方面面，也已經成了生活中不可缺少的一部分，網絡成了我們獲取知識和信息的一種便捷工具，現在的網民也在不斷的增多，所以，了解和學習網絡知識是我們作為一名大學生迫切所需的。我利用寒假的時間，對網頁設計進行了初步的認識和了解，并基本掌握dreamweaver的應用。

通過寒假期間的學習，在學習了網頁設計的同時，我更加深入的了解了關于計算機和網絡的知識。基于大一對計算機基礎與c語言的基本掌握，自學網絡設計的基礎部分便顯得較為輕松。誰然如此，在設計過程中依然出現了很多的問題，但通過看書，上網查詢，等方式，不斷的學習、解決、提高，設計出的網頁不論是外觀還是內容，都在不斷的進步、改善。可以說在自己動手，不斷實踐的過程中，網頁設計水平得到了很大的提高。

網頁設計課程設計心得（精選20篇）篇四

通過對網頁設計書籍的翻閱，我學習到了一些關于建設網站和制作網頁的知識，在實踐查閱資料時，對flash也有所了解。我還了解了一些基礎的網絡技術。通過學習，我對計算機有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網頁制作的過程與一些技巧手法更有了另外一番了解，對網頁制作的基礎知識也有了一定的掌握。在這個過程中，我同樣認識到網頁設計不是一門學科的獨秀，而是多種課程的綜合，他是、flash、fireworks等網頁軟件的綜合應用。下面闡述一下我在翻閱《dreamweaver》時的一些關于網頁設計的見解。在具體的制作一個網頁時我了解到一個優秀的網頁設計應該具備一些基本原則。

首先，要確定網頁設計的內容一個優秀的風站要有一個明確的主題。整個網站圍繞這個主題,也就是你在網頁設計之前要明確你這個網站有什么目的,用來做什么，所有頁面都是圍繞著這個內容來制作，有了明確的內容對排名有很重要的作用;其次，要了解你網站所在行業的客戶，及你的網頁屬于哪個類別。用戶是一個網站成敗的關鍵,如果用戶要花很多時間進入你網站很有可能用戶會立即關掉你網站,或者你網站操作很不方便用戶也會馬上離開,這種網站是很失敗的設計,只會讓用戶失望的離去.

在完成以上的基本內容之后網頁的基本框架便成形成了。下面要開始的便是優化工作，內容是整個網頁的核心。在網頁設計之前必須明確網頁的內容安排。優秀網頁設計是要建立在平凡的基礎上的。

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

這也是判別一個網站優劣的重要標志。鏈接混亂，層次不清的站點會造成瀏覽困難，影響內容的發揮。框架定下來了，然后開始一步一步有條理，有次序地做來，就胸有成竹得多，也會為主頁將來發展打下良好的基礎。下一步，就以動手制作具體內容了，題材選定，框架選定，接下來就開始往主頁里面填內容。

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

在準備材料的時候我們可以用一些小的動畫和動態圖片，flash提供了功能齊全的繪圖和編輯圖形工具。可以直接在編輯區里繪畫，編輯修改非常靈活，它的另一大特點是“交互性”強。在動畫播放時，可以用鼠標或鍵盤對動畫的播放進行控制，效果可以很直觀的反映出來。然后是開始正式制作主頁。通過dreamweaver作為制作軟件，只需要用到軟件中的一些基本的功能：圖片插入和對齊設置;文字的格式、顏色、背景顏色的設置等就可以制作出一個簡單的網頁。

總體來說，通過這個假期對網頁設計的學習，有收獲也有遺憾。但是，我已經邁入了網頁設計的大門，只要我再認真努力的去學習，在今后的閑余時間學習制作網頁的更多知識以實現自身技能的提高，我堅信將來設計出的網頁會更加專業，更加華麗，使它最終成為自己的一項技能。

網頁設計課程設計心得（精選20篇）篇五

本工作室主要用來做個人網站，主題是介紹自我，讓更多的朋友認識我，面向我的同學和朋友以及想結交我的.朋友。

本工作室只要包括我的主頁、我的簡介、我的日記、我的相冊、網站建議等五個板塊。通過我的主頁可以進入其他四個板塊，其他四個板塊也可以通過超鏈接回到我的主頁去。

本網站的布局大多是運用css進行布局的，這也是老師一直強調我們的。為了增加視覺效果，個別網頁還特別添加了flash效果（我的相冊），還用到了視頻和音樂等素材（如我的主頁）。個別網頁添加了表格，這樣顯得網頁更齊整。對于美化這部分，我還特別用photoshop對一部分圖片進行了處理，讓圖片和網頁更好地搭配。在個別網頁添加表單，可以讓瀏覽者和網站更好地互動，交流信息。

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

建立一個網站就像蓋一幢大樓一樣，它是一個系統工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設計出一個滿意的網站。首先，我們要確立網站主題。網站主題就是你建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。特別是對于像我這樣的個人網站，你不可能像綜合網站那樣做得內容大而全，包羅萬象。你沒有這個能力，也沒這個精力。網站的主題無定則，只要是你感興趣的，任何內容都可以，但主題要鮮明，在你的主題范圍內內容做到大而全、精而深。

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

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

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

最后，我們就需要按照規劃一步步地把自己的想法變成現實了，這是一個復雜而細致的過程，一定要按照先大后小、先簡單后復雜來進行制作。所謂先大后小，就是說在制作網頁時，先把大的結構設計好，然后再逐步完善小的結構設計。所謂先簡單后復雜，就是先設計出簡單的內容，然后再設計復雜的內容，以便出現問題時好修改。在制作網頁時要多靈活運用模板，這樣可以大大提高制作效率。網頁做好之后，就要發布到web服務器上，才能夠讓全世界的朋友觀看，還要不斷地進行宣傳，這樣才能讓更多的`朋友認識它。這里推薦二個有免費空間和域名的網址給大家：

以上就是我對于網頁制作的一些個人心得，由于本人的技術還不是很成熟，還存在很多的不足（如：背景過于單調和網頁布置不合理）。選擇學習這門課是很正確的選擇，雖然在以后不會再有機會去上了，但我還是會通過各種方式繼續學習網頁設計和制作的，同時很感謝帶我入門的徐兵老師，讓我有機會去學習有關網頁的知識，謝謝！

網頁設計課程設計心得（精選20篇）篇六

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

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

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

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

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

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

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

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

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

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

自己怎么制作簡單網頁。

學習前端的一些心得體會從事前端開發工作1年多了，從最初的div+css學起，到現在學到html5、css3、javascript，jquery等等，我覺得前端要學的技術太多了，很多人認為前端開發要掌握的技能簡單，就是網頁制作，其實不然，前端開發是網站的前臺代碼實現，包括基本的html和css以及javascript/ajax，現在最新的高級版本是html5、css3，以及svg等。javascript作為最難的語言之一，許多編程高手也不敢妄自菲薄、自封精通。

關于兼容性的問題我相信對于每個做前端開發的人來講是一個很頭疼的問題，互聯網目前主流瀏覽器有ie6\7\8\9，firefox，chrome，opera，safari，遨游，包括國內主流的搜狗，騰訊tt，360等等;從內核上講主要有ie的，遨游版ie，safari，firefox以及opera的，這些都是大家常見的。所謂的瀏覽器兼容性問題，是指因為不同的瀏覽器對同一段代碼有不同的解析，造成頁面顯示效果不統一的情況。在大多數情況下，用戶用什么瀏覽器來查看同一網站，都應該是統一的顯示效果。所以瀏覽器的兼容性問題是前端開發人員經常會碰到和必須要解決的問題。這個時候就需要針對不同的瀏覽器寫不同的css，這個過程叫csshack。雖然我們寫代碼都要求按照標準，不寫hack代碼，但實際工作中為了兼容主流瀏覽器，hack代碼是免不了的，所以這也應該是每個前端開發人員必備的技能。

所在在學習前端的過程中，有能人能在你身旁幫助你學習，往往能取得事半功倍的效果，這不僅僅是時間人力的成本問題，而是因為知識的更新換代太快了。所以我們不得不提升自己吸收新知識的效率，然而就目前為止，線上學習或許已經是未來的一種趨勢了，因為時代的節奏在加快，逼得我們不得不加快腳步學習，而線上教育的出現剛好適應著這個時代的節奏，所以應該好好把握應有的資源來提升自己。

網頁設計課程設計心得（精選20篇）篇七

俗話說：“巧婦難為無米之炊”。做主頁當然要收集、準備資料。在網上多轉轉，看到什么漂亮的網頁，把它保存起來，作為以后自己設計主頁時的參考。

另外，還包括搜集美化主頁可能要用到的各種材料，如背景、線條、小動畫圖標等等。你可以在硬盤上建一個文件夾，下分“e-mail圖標、背景、線條、動畫”等文件夾，養成上網時看到有創意、新鮮的圖像，就按鼠標右鍵存入你硬盤相應文件夾的習慣，時間一長你就有擁有了一個可觀的圖庫，等做主頁時隨手拈來或加以修改就成你自己的東西了。

二、規劃好整個網站。

主頁的設計應以醒目優先，應該令人一目了然，切勿堆砌太多不必要的細節，或使畫面過于復雜。要做到這一點，首先要在整體上規劃好自己網站的主題和內容，確定自己需要傳達給訪問用戶的主要信息，然后仔細斟酌，把自己所有要表達的意念合情合理地組織起來;其次，是設計一個富有個性的頁面式樣，務求盡善盡美。這樣制作出來的主頁才會清晰、明了、內容充實。切記，頁面給人的第一觀感最為重要!在網上到處瀏覽網站的人很多，如果你的主頁給人的第一印像沒有吸引力，很難令他們深入觀賞，而且他們恐怕再也不會訪問你的網站了。

三、善用圖片，增強藝術效果，加快主頁瀏覽速度。

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

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

由于在網上用瀏覽器瀏覽任何主頁時，都能查看到該主頁制作時所編寫的絕大部分網頁編程源代碼。因此，如果你想知道并掌握一些優秀的主頁采用的設計技巧，不妨將其源代碼調出來仔細揣摩，并模仿著一步一步去實現。這樣的話，你就能以較短的時間掌握相應的設計技巧。而且，在許多主頁上都留有制作者的電子郵件地址或icq號碼，如果你在制作主頁時，遇到什么疑昨天，網頁與我無緣，那是因為上天不給我們一個見面的機會!

網頁設計課程設計心得（精選20篇）篇八

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

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

包括個人網站后臺管理功能的設計、后臺管理信息系統功能的設計、后臺系統權限管理、后臺文件管理、個人網站后臺管理系統主頁設計。

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

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

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

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

網頁設計心得體會。我利用寒假的時間，對網頁設計進行了初步的認識和了解，并基本掌握dreamweaver的應用。

通過對網頁設計書籍的翻閱，我學習到了一些關于建設網站和制作網頁的知識，在實踐查閱資料時，對flash也有所了解。我還了解了一些基礎的網絡技術。通過學習，我對計算機有了更深層次得到了解，也有了更濃厚的'興趣。尤其是對網頁制作的過程與一些技巧手法更有了另外一番了解，對網頁制作的基礎知識也有了一定的掌握。在這個過程中，我同樣認識到網頁設計不是一門學科的獨秀，而是多種課程的綜合，他是、flash、fireworks等網頁軟件的綜合應用。

下面闡述一下我在翻閱《dreamweaver》時的一些關于網頁設計的見解。在具體的制作一個網頁時我了解到一個優秀的網頁設計應該具備一些基本原則。

首先，要·確定網頁設計的內容一個優秀的風站要有一個明確的主題。整個網站圍繞這個主題，也就是你在網頁設計之前要明確你這個網站有什么目的，用來做什么，所有頁面都是圍繞著這個內容來制作，有了明確的內容對排名有很重要的作用；其次，要了解你網站所在行業的客戶，及你的網頁屬于哪個類別。用戶是一個網站成敗的關鍵，如果用戶要花很多時間進入你網站很有可能用戶會立即關掉你網站，或者你網站操作很不方便用戶也會馬上離開，這種網站是很失敗的設計，只會讓用戶失望的離去。

在完成以上的基本內容之后網頁的基本框架便成形成了，

下面要開始的便是優化工作，

內容是整個網頁的核心。在網頁設計之前必須明確網頁的內容安排。優秀網頁設計是要建立在平凡的基礎上的。然后在具體的規劃一個網頁時，可以用樹狀結構先把每個頁面的內容大綱列出來，尤其要制作一個大的網站（有很多頁面）的時候，特別需要把這個架構規劃好，也要考慮到以后可能的擴充性，免得做好以后又要一改再改整個網站的架構，很浪費時間和財力。大綱列出來后，還必須考慮每個頁面之間的鏈接關系。是星形，樹形，或是網形鏈接。這也是判別一個網站優劣的重要標志。鏈接混亂，層次不清的站點會造成瀏覽困難，影響內容的發揮。框架定下來了，然后開始一步一步有條理，有次序地做來，就胸有成竹得多，也會為主頁將來發展打下良好的基礎。下一步，就以動手制作具體內容了，題材選定，框架選定，接下來就開始往主頁里面填內容。

如果是個人主頁，有能力的人完全可以靠自己來創作所有的內容。大部分人的方法是：從報紙，雜志，光盤等媒體中把相關的資料收集整理，再加上一定的編輯后就可以了。另外一個好的方法是從網絡上收集，您只要到搜索引擎上查找相應的關鍵字，就可以找到一大堆的資料。在準備材料的時候我們可以用一些小的動畫和動態圖片，flash提供了功能齊全的繪圖和編輯圖形工具。可以直接在編輯區里繪畫，編輯修改非常靈活，它的另一大特點是“交互性”強。在動畫播放時，可以用鼠標或鍵盤對動畫的播放進行控制，效果可以很直觀的反映出來。然后是開始正式制作主頁。通過dreamweaver作為制作軟件，只需要用到軟件中的一些基本的功能：圖片插入和對齊設置；文字的格式、顏色、背景顏色的設置等就可以制作出一個簡單的網頁。

總體來說，通過這個假期對網頁設計的學習，有收獲也有遺憾。但是，我已經邁入了網頁設計的大門，只要我再認真努力的去學習，在今后的閑余時間學習制作網頁的更多知識以實現自身技能的提高，我堅信將來設計出的網頁會更加專業，更加華麗，使它最終成為自己的一項技能。

網頁設計課程設計心得（精選20篇）篇九

網頁設計課程設計心得（精選20篇）篇十

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

自從第一天接觸《網頁設計與網站建設》課程，我以下定決心要把網頁這門課學好，做出一個優秀的網站。所以我時刻沒有錯過任何學習的機會，無論在課堂上，還是在課外上。更何況這一次實操。回顧今次的實操我覺得我過得很充實，很有意義，因為我可以誠實的說我在實操沒有玩過一次游戲，我每時每刻都在設計網站，還記得晚上做網站做到一、二點，可能有人會說我傻，但正因為這個傻的行動，令我學會很多東西，學會別人不懂的東西，做出一個令自己滿意的網站，可能跟別人比還需要繼續完善，但我不會因為實操結束，就把網頁設計拋到九霄云外，我會繼續學習網頁設計技術，把它變為自己的一項特長。

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

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

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

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

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

包括個人網站后臺管理功能的設計、后臺管理信息系統功能的設計、后臺系統權限管理、后臺文件管理、個人網站后臺管理系統主頁設計。

三、網站的發布。

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

四、個人網站推廣。

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

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

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

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

將本文的word文檔下載到電腦，方便收藏和打印。

網頁設計課程設計心得（精選20篇）篇十一

通過本學期學習網頁設計我體會到以下幾點：

1、設計前要有籌劃。

設計主頁也許并不是很困難。但這一作業與自作宣傳海報一樣，都需要我們謹慎處理和籌劃。換言之，我們必須首先確定自己需要傳達的主要信息，然后細意斟酌、把所有意念合情合理地組織起來;之后是設計一個頁面式樣，試用于有代表性的用戶，接著重復修訂，務求盡善盡美。

2、選擇內容要有新鮮感。

萬維網上不斷有新事物出現、每天都有新花樣。如果你的主頁從不改變，大家很快會厭倦。因此網頁內容的選擇要不落俗套，要重點突出一個“新”字，這個原則要求我們在設計網站內容時不能照抄別人的內容，要結合自身的實際情況創作出一個獨一無二的自己的個人網站。所以，我們在設計網頁時，要把功夫下在選材上。選材要盡量做到“少”而“精”,又必須突出“新”，我相信這樣的網頁一定會受到大家的歡迎。

3、內容相對實用性大。

一個網頁盡管設計得趣味盎然，引人入勝，但這不是吸引大家最好的理由。要想最大限度地留住大家首要的是要讓它有用處。這樣做的一個很簡單的辦法是提高內容相對實用性。

4、網頁命名要簡潔。

由于一個網站不可能就是由一個網頁組成，它有許多子頁面，為了能使這些頁面有效地被連接起來，給這些頁面起一些有代表性的而且簡潔易記的網頁名稱。這樣既會有助于你以后方便管理網頁，在向搜索引擎提交你的網頁時更容易被別人索引到。在給網頁命名時，最好使用自己常用的或符合頁面內容的小寫英文字母或相關的漢字，這直接關系到頁面上的連接。

最后總體的來說，通過本學期的邢益波老師課程的學習，我更加確信了我當初選擇平面設計專業的激情和堅定。通過這次網頁設計課程的學習，有收獲也有遺憾、有了解也有不足的地方，但是我想，我已經學習并邁入了網頁設計的大門，只要我再認真努力的去學習，去提高，憑借我對平面設計和網頁設計的熱情和執著，我將來設計出的網頁會更加專業，更價的完善。盡管大家和老師都說設計專業是一條不歸路很難走下去，尤其是女生的轉行率很高。但是我相信通過我持續不斷的學習和探索，我想我一定可以在平面設計這條道路上持續并且很好的走下去，也希望波波老師在今后的日子里多多指導。

網頁設計課程設計心得（精選20篇）篇十二

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

一、設計過程。

1.確定設計風格。

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

2.規劃網站結構。

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

3.設計頁面布局。

一旦我確定了網站的結構，我開始設計每個頁面的布局。我通常會使用sketch、adobexd等工具來創建原型。我還會將設計稿導出為html和css文件，以便開發人員可以在開發階段使用。

4.編寫代碼。

當我完成了設計之后，我開始編寫代碼。我使用bootstrap或其他框架來加快開發速度，并確保網站的兼容性。

5.測試和優化。

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

二、遇到的挑戰。

1.設計風格的確定。

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

2.頁面布局。

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

3.性能優化。

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

三、解決之道。

1.學習和發展。

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

2.溝通與協作。

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

3.測試和優化。

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

四、總結。

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

網頁設計課程設計心得（精選20篇）篇十三

網頁設計課程設計心得（精選20篇）篇十四

致力于提供基于互聯網信息發布，垂直搜索，信息集合和推薦算法的解決方案，公司合伙人有7年的相關技術積累和成功案例。

在雜亂無序的`網頁中抽取特定的信息，虎之翼的抽取引擎可以高效地實現自由文本的抽取，我們有自有的數據抽取設計器，低成本地完成特定信息的抽取。

虎之翼科技網絡爬蟲不僅僅可以實現分布式部署和統一管理，還能執行js，配合我們的抽取引擎實現實時的數據抽取。

將特定的信息通過http協議層自動推送到成千上萬個ugc網站是虎之翼科技的核心技術，在電子商務領域實現商品在多個網店的自動上下架已經是互聯網發展的必然趨勢，我們的信息發布引擎已經有上萬人次的使用和上億次的產品發布。

虎之翼的核心技術團隊是國內最早從事垂直搜索引擎的團隊之一，我們有超過7年的垂直搜索引擎研發經驗。在信息抽取，信息索引，分布式管理上有成熟的解決方案。

網頁設計課程設計心得（精選20篇）篇十五

網頁設計與制作綜合實訓是教學過程中重要的實踐性教學環節。它是根據專業教學計劃的要求。在教師的指導下對學生進行網頁制作專業技能的訓練,培養學生綜合運用理論知識分析和解決實際問題的能力,實現由理論知識向操作技能的培養過程。因此加強實踐教學環節,搞好實訓教學,對實現本專業的培養目標,提高學生的綜合素質有著重要的作用。

1、通過綜合實訓進一步鞏固,深化和加強學生的理論知識于專業技能。

(1)掌握規劃網站的內容結構,目錄結構,鏈接結構的方法。

(2)熟練掌握網頁制作軟件dreamweaver8和基本操作和使用技能。

(3)掌握頁面的整體控制和頭部內容設置的方法。

(4)熟練掌握網頁頁面布局的各種方法。

(5)熟練掌握在網頁中輸入,設置標題和正文文字的方法。

(6)熟練掌握在網頁中插入圖像,flash動畫和背景音樂的方法。

(7)熟練建立各種形式的超級鏈接的方法。

(8)掌握表單網頁制作方法。

(9)掌握網頁特效制作方法。

(10)掌握網站測試的方法。

2、訓練和培養學生獲取信息和處理信息的能力,充分培養和提高學生的動手能力,學會通過網站、書籍、素材光盤等方式收集所需的文字資料、圖像資料、flash動畫和網頁特效等。

3、培養學生運用所學的理論知識和技能解決網站開發過程中所遇到的實際問題的能力及基本工作素質。

4、培養學生理論聯系實際的工作作風,嚴肅認真的科學態度以及獨立工作的能力,樹立自信心。

1、定義站點。

2、設定網頁屬性和文本格式。

3、從大到小把結構設計好。

4、輸入主要內容并進行排版。

5、檢查并保存。

兩周的實訓轉瞬即逝，在這短暫的時間里，我們在老師的指導和幫助下，對于網頁設計與制作有了進一步的了解。

在這兩周內，同學們每天都按時完成老師留下的作業，對于自己以前不理解的`東西，通過老師的重新講解、指導和自己的練習，對其有了很好的了解;對于我們看不懂的一些內容，通過與同學協商和聽老師的講解來理解并掌握它。在這兩周的實訓里，我發現了許多自己以前沒有注意到的問題，在flash制作方面，有很多是自己以前沒注意過的，通過老師的講解和同學的幫助，我了解到一些新的東西并對網頁設計與制作有了更深的興趣，如falsh制作與運用、網站的基本制作、超鏈接的設置等;我們對網頁設計與制作方面的知識有了一定的認識，為我們以后對網站的學習和運用有很大的幫助。

通過實訓，我們把網頁設計與制作中涉及到的理論和實踐更好的結合起來，我對網頁設計與制作這本書有了更深的理解，在flash制作方面有了很大提高，操作能力也得到了增強，使我們了解到無論做什么事都要有足夠的耐心，還要認真細心。在做題時要對自己做過得東西進行仔細的檢查，同時也使我了解到同學之間要相互協作、共同努力。

為期兩周的網頁實訓終于結束了。為什么說終于結束了呢？因為兩個星期做五個網站時間太緊了，我們每天晚上都是加班加點。但是結果是令人欣慰的，我們大都按時按質完成了任務，而且網站是一個比一個做得好！總的來說，還是有很大的收獲。

本次實訓共有五個任務，它們分別是：沈陽植物園網、開元科技網、家臺灣旅游網、我愛低碳網、博愛助學網。要求是每個網站至少要8個或8個以上的頁面，并運用flash做動畫，用css美化頁面等。

整個實訓的過程可以說是所學知識的一個整理，一個綜合，一個靈活運用。之前我們課堂上學的東西是一個個知識點，比較零散。雖然在實訓之前我們也做過兩個網站，但那是我們小組合作的，所以有些知識點我們并沒有都用到。而這次實訓是自己一個人做網站，做網站的各個環節都要自己親力親為，可以說是一個挑戰，同時也是對知識的一種升華。它不僅是dreamweaver軟件的熟練操作，也是potoshop、flash軟件的熟練運用。我們需要自己設計網站的logo這就需要運用到potoshop軟件強大的圖形圖像處理功能，需要做出生動的網頁效果，就需要flash做出動態的文字效果和圖片切換效果。

在設計的過程中遇到問題，可以說得是困難重重，這畢竟是第一次獨自設計網站、制作網站，難免會遇到過各種各樣的問題，同時在設計的過程中發現了自己的不足之處，對以前所學過的知識理解得不夠深刻，掌握得不夠牢固，在css的具體應用還不是和很熟練，沒有能完全達到自己預期的效果，還好通過老師的細心指導才能達到最終效果通過這次網頁設計與制作實訓，一定把以前所學過的知識重新溫故。

兩周網頁設計與制作的實訓課程結束了，回顧這次課程設計實訓，至今我仍感慨頗多。的確，從選材到開始制作，從理論到實踐，在兩周的實訓日子里，可以說得是苦多于甜，但是可以學到很多很多的的東西，同時不僅可以鞏固了以前所學過的知識，而且學到了很多在書本上所沒有學到過的知識。更懂得并親身體會到了理論與實際相結合的重要性，只有理論知識是遠遠不夠的，把所學的理論知識與實踐相結合起來，從理論中得出結論，才能真正為掌握技術，從而提高自己的實際動手能力和獨立思考的能力。

網頁設計課程設計心得（精選20篇）篇十六

div盒子模型是css控制頁面時一個十分重要的知識點，其定位方法則是重中之重。學生在掌握了盒子模型的概念、組成、作用等基本知識之后，就面臨著如何在頁面中為各盒子進行合理的排版，以實現豐富的頁面效果的實際需求。本節課圍繞該問題而展開，以任務驅動的形式帶領學生在不斷地發現問題，分析問題，解決問題的過程中，體驗兩種不同的定位法為div盒子排版所帶來的神奇變化。

課程開始時，我便和學生一起，結合上次課某學生的課堂作品文件，對div盒子的基礎知識做簡要的回顧，同時引導大家在該“問題作品”文件中尋找不足，即所有盒子都是按照標準流的方式，在瀏覽器窗口中由上而下依次排列。而實際上這種排列方式有其局限性，會導致網頁頁面效果“刻板”，且浪費頁面空間。此時，我再打開一份已經過合理定位后的同作品文件，讓學生注意觀察，該文件中各盒子的排列已經發生了巨大變化，整個頁面已變得十分美觀。通過這種導入方法，讓學生在發現自己的作品中存在問題的同時，又欣賞到了定位之后的文件效果，由此產生“改變現狀”的強烈愿望。至此，成功引入div盒子定位的概念。

在接下來的教學活動中，我結合ppt與板書簡單介紹了何為盒子的定位，其定位的兩種方法：float與position。然后針對導入時利用的“問題作品”，演示如何利用float屬性解決其中一部分問題，再將該“問題作品”源碼和包含任務說明、實現的效果、操作提示的“任務書”下發給每位學生，讓他們利用float知識解決現有問題，實現既定的效果文件。待學生基本完成該任務后，我再次拋出另一小任務：將左右兩個盒子的位置對調。當聽到該任務后，我發現有部分學生在竊喜，并且以非常快的速度完成了任務，然后紛紛讓我去檢查。其實此時他們已“成功”地掉入了我提前設計好的“陷阱”。我假裝十分嚴謹地檢查了幾個學生的作品后不做評價，并將全班的屏幕收回，讓其中某一位學生的作品呈現在所有人面前，同時提出問題：該同學是否真的實現了我要求的效果？此時討論聲起，大家各抒己見。我見機向全班演示了該操作過程，并將操作結果定格，提醒大家注意：我們確實可以利用float屬性將左邊盒子定位到右邊，但這里所謂的右邊到底是指誰的右邊？它又是否是我們需要的右邊？此時同學們會發現，答案是否定的，左盒子這時在瀏覽器最右邊，與上邊的盒子無法對齊，需要在此基礎上，再向左側移動一定的距離。

分析了問題所在與解決方案之后，我再次拋出了小任務：請大家按照剛才的分析思路，解決現在的問題，實現效果。這時全班都犯難了，幾乎聽不到敲擊鍵盤的聲音。我趁機裝作很“納悶”的樣子，反問大家，怎么都不動了？這時旁邊有聲音傳來，“老師，我們不知道怎么給左盒子移動一定的距離。”

“哦，對了，我忘了告訴大家移動的方法了！”此時換成是我竊喜了，因為我再次將他們置身于知道問題所在，卻沒辦法解決的境地。這時我便開始介紹position中相對定位的方法，并演示了具體的操作步驟后，將余下的任務交給全班，另外對學有余力的學生提出了更高的要求，即利用相對定位實現更為豐富、復雜的頁面效果，而絕大部分學生都非常成功地實現了既定的效果。

這節課在一個個環環相扣的任務中完成，效果在總體上比較理想。但有眾多細節問題需要自己推敲反思。如，有極少部分學生因基礎差，跟不上“隊伍”，直到課程快結束時，仍在琢磨第一個任務如何完成。這跟我沒有全面考慮學生因素有關，我應做到“區別對待”，對不同級別的學生給與不同難度的學習任務，如此不但能防止某些學生因跟不上節奏而放棄學習，還能激發他們的學習興趣，獲得成就感。另外，對課程內容中的“相對定位方向的確定”這一知識點的解釋不夠到位，導致很多學生要么不會做，要么只是強行記憶。其實，該知識的介紹除了利用傳統的ppt和板書工具外，還可以利用交互性較好的flash小動畫來演示，這樣學生能夠更加直觀地了解left、right、top、bottom四個方位屬性的意義所在。

網頁設計課程設計心得（精選20篇）篇十七

在學習網頁制作的這段時間里，我利用了學習之余的一切可利用的剩余時間，全心全意投入到網頁世界，去不斷的學習，去不斷的探索；同時去不斷的充實，去不斷的完善自我，在網絡的天空下逐漸的美化自己的人生！

另外做好主頁也并不是一件容易的事。它包括個人主頁的選題、內容采集整理、圖片的處理、頁面的排版設置、背景及其整套網頁的色調等很多東西。

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

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

主頁中不光要有文字，還要適當地加一些圖片。俗話說一圖勝千言，我想它不無道理。一張處理得好的圖片不需再多做解釋，就能使人一目了然，讓人去思考，去了解它。

通過這次制作網站的過程，我最大的感受就是制定網站計劃的重要性。一個好的計劃可以詳細制定網站的相關內容，為后面的工作節省很多時間，所以在制定計劃時要有充分的準備。

我通過整個包括主題的確定，網頁的設計，資料的整和等制作的過程，才更加深入地理解了這些理論。我會懷著濃厚的興趣去學習，與同事之間互相協作學習，學會把理論知識運用到實際中，真正提高我的自主學習能力、協作精神和實踐能力。向著做一個真正意義上的教育技術專業人士的目標前進。

網頁設計課程設計心得（精選20篇）篇十八

網頁設計課程設計心得（精選20篇）篇十九

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

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

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

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

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

網頁設計課程設計心得（精選20篇）篇二十

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

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

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

2、調用style時可以單擊鼠標右鍵選擇custonstyle來調用style標準，也可以在狀態欄中的元素列表上單擊右鍵來調用style。雖然不同的方法達到的效果看似一樣，但實際上產生的html代碼則完全不同。在這個過程中，我同樣認識到網頁設計不是一門學科的獨秀，而是多種課程的綜合，它是flash、photoshop等網頁軟件的綜合應用。例如flash提供了功能齊全的繪圖和編輯圖形工具。可以直接在編輯區里繪畫，編輯修改非常靈活，它的另一大特點是“交互性”強。在動畫播放時，可以用鼠標或鍵盤對動畫的播放進行控制，可以很直觀的反映出效果。頁面設計應以美觀、大方、簡潔為原則，保持一致的風格。為了達到最佳的視覺表現效果，應講究整體布局的合理性，使瀏覽者有一個流暢的視覺體驗。網頁最主要的功能就是給每個上網者提供一種形式，讓他們能夠了解網站提供的信息。要研究網頁設計，就需要站在用戶的角度來看。用戶是一個網站成敗的關鍵。如果用戶要花很多時間進入網站，很有可能他會立即關掉網站，或者網站操作很不方便用戶也會馬上離開，這種網站是很失敗的設計，只會讓用戶失望的離去。所以網頁容量即包括圖像在內的網頁字節數最好不要超過50k。

還涉及到界面弱化的問題。一個好的界面設計它的界面是弱化的，它突出的是功能，著重體現的是網站業提供給使用者主要是什么。這就涉及到瀏覽順序、功能分區等等。要讓訪客在0.5秒內就能把握網站的行業性質，1秒內就知道該從哪個地方開始使用這個網站，能點一次的，絕不點第二次。當然上面說的是大多數功能性網站，對于宣傳展示性網站，諸如加特效的或flash網站，可能就不得不花哨一些，但不能太過分。網站不是動畫片，在效率越來越高，社會心理越來越浮躁的中國，人們的耐心越來越小，心理承受能力越來越低。效果可以體現意境，點到為止。

下面簡單介紹下網頁設計的理念和要點。網頁設計理念：

（1）內容決定形式：先把內容充實上，再分區塊，再定色調，再處理細節。

（2）先整體，后局部，最后回歸到整體：全局考慮，把能填上的都填上，占位置。然后定基調，分模塊設計。最后調整不滿意的幾個局部細節。

（3）功能決定設計方向:看網站的用途，決定設計思路。商業性的就要突出贏利目的；政府型的就要突出形象和權威性的文章；教育性的，就要突出師資和課程。

網頁設計的兩大要點是：整體風格和色彩搭配。

一、確定網站的整體風格:

1、將標志logo，盡可能的放在頁面最突出的位置。

2、突出標準色彩。

3、總結一句能反映網站精髓的宣傳標語。

4、相同類型的圖像采用相同效果，比如說標題字都采用陰影效果，那么在網站中出現的所有標題字的陰影效果的設置應該是完全一致的。

二、網頁色彩的搭配:

1、用一種色彩。指選定一種色彩，然后調整透明度或飽和度，這樣頁面看起來色彩統一，有層次感。

2、用兩種色彩。先選定一種色彩，然后選擇它的對比色。

3、用一個色系。就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。在網頁配色中，還要切記一些誤區：

1、不要將所有顏色都用到，盡量控制在三至五種色彩以內。

2、背景和前文的對比盡量要大(絕對不要用花紋繁復的圖案作背景)，以便突出主要文字內容。

計通過文字圖形的空間組合，表達出和諧與美。不積跬步，無以至千里。我已經在老師的指引下邁入了網頁設計的大門，在今后的閑余時間繼續認真學習制作網頁的更多知識以實現自身技能的提高。

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

建立一個網站就像蓋一幢大樓一樣，它是一個系統工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設計出一個滿意的網站。首先，我們要確立網站主題。網站主題就是你建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。特別是對于像我這樣的個人網站，你不可能像綜合網站那樣做得內容大而全，包羅萬象。你沒有這個能力，也沒這個精力。網站的主題無定則，只要是你感興趣的，任何內容都可以，但主題要鮮明，在你的主題范圍內內容做到大而全、精而深。

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

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

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

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