學習網頁設計課程心得體會

當在某些事情上我們有很深的體會時，就很有必要寫一篇心得體會，這樣可以不斷更新自己的想法。那麼好的心得體會都具備一些什麼特點呢？以下是小編整理的學習網頁設計課程心得體會，希望對大家有所幫助。

學習網頁設計課程心得體會1

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

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

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

作品中的網站外觀簡潔大方，界面友好易懂，是網頁製作初學者的優秀模版。例如網頁的佈局，素材的管理，代碼的'簡化等等，都可以從中得到許多啟發和借鑑意義。目前通過這學期以來老師的悉心教導和學習，已基本掌握網頁製作的基礎知識。而有關網頁內容的設計與編排，還有待更多的實踐操作來提高。

總的來説，已對網頁的製作有一定的認識和基本的瞭解。從目前學習的進度來看，個人認為老師還可以教授我們“行為的應用”和“基礎動態網頁”等知識，拓展我們製作網頁的知識。在個人的網站建設中，希望加入運用更多更高級的技術來呈現和表達自己網站的主題和內容。例如設計網頁中的一些動作和事件，以此來達到更好的表達效果。

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

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

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

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

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

久不可避免地減少，所以課下的及時複習與訓練就顯得尤為重要了。對於“知識被遺忘”的問題，更是因為在課下沒有及時鞏固課堂知識所導致。

因此想要學好網頁設計者們課程，也許並不需要我們像專業課一樣投入大量時間跟精力，只要在課堂上抓住老師所講的重點知識，並在課下及時做好複習跟操練，便可以很好掌握網頁設計的基本技能，從而達到課程學習要求。

學習網頁設計課程心得體會2

隨着學習進度的逐漸加快，學習的內容也逐漸開始變多、變難，不再像一開始那樣老師一講完就可以馬上上手把網頁做出來。自然而然的，在製作網頁的時候也不再像一開始那樣順利，總會出現各種各樣的錯誤。不過對於學習上的問題，老師在課堂上也會盡可能地為我們解答，並且為我們提供了很多練習的機會，這使得我即使在面對一些困難的問題時，也能沉着地應對。

不過課堂時間畢竟是短暫，僅僅靠一週兩個課時的課堂學習時間想要把網頁設計製作完全學習得很好是不可能的事。再者網頁製作在我看來是一門實踐重於理論的科目，如果僅僅學習了理論知識卻不付諸實踐，那對學習實際上是毫無助益的。因此在課餘的時間裏，老師給我們佈置了與所學內容相對應的課外作業。在完成課外作業的時候，如果遇到了難以解決的問題，我會回顧老師上課時用的課件尋求解決的辦法，與此同時，也在間接地鞏固知識。

因此，儘管過程並不都是一帆風順，但經過本學期的學習與實踐，我也逐漸掌握了網頁設計製作的一些基本技能與知識。雖然明年就大四的我以後大概是不會再像這個學期那樣有學習網頁製作的課程了，但我會利用課餘時間通過自學瞭解、學習更多關於網頁設計製作的知識，掌握網頁設計製作的技能的。

自己怎麼製作簡單網頁

首先在設計製作網頁之前，你要卻確定你的網頁內容是什麼?一個網站必須要有一個明確的主題。特別是對於個人網站，必須要找準一個自己最感興趣內容，做深、做透，辦出自己的特色，這樣才能給用户留下深刻的印象。主題要鮮明，在你的主題範圍內內容做到大而全、精而深。然後針對你的內容找到相關的資料。接下來就是具體的製作步驟了：

第一步：創建一個文本文檔 你需要創建一個文本文檔包含單詞,你想要出現在您的Web頁面。只要你給你的文檔名稱結尾，大多數文字處理程序將會工作的很好。思考邏輯的地方插入你的文本。

第二步：學習基本的HTML標記 現在您需要插入一些格式化標記你的文檔,會告訴一個互聯網瀏覽器如何安排你的文字和圖片在屏幕上。這些標籤組成一個語言稱為超文本標記語言,或者HTML。

第三步：查看一個示例Web頁面

你或許在閲讀會感到有點困惑,這是為了看一個實習的HTML文檔更簡單，然後看看它是怎麼被翻譯成一個Web頁面。您可以查看“源文檔“後邊的任何Web頁面將“視圖”菜單(在Safari——其他的瀏覽器或許略有不同)並挑選“查看源代碼。“當你這樣做時,你會看到文檔和HTML標籤,創立頁面當時在你的瀏覽器窗口。

第四步：獲得電子圖像 如果你還沒有製作主頁的圖像文件,您可以下載一些來自其他Web頁面。用你的常識來決定哪些圖片你可以使用,哪些你不應該。根據什麼樣的電腦和瀏覽器你正在使用,你必須使用一種稍有不同的程序下載到你的硬盤映像。這裏可以使用Safari瀏覽器: 使用鼠標指針的位置在圖像——按住鼠標按鈕並拖動圖像到你的計算機的桌面——放開按鈕,您將看到一個小圖標。這時圖像已經下載到你的硬盤。確保你的文件名稱和格式——點擊圖標來查看圖像,因為它將出現在您的Web頁面。

第五步：插入HTML標籤

如今您現已準備好插入格局符號在您自個的文檔。記住要開始您的文檔與< html >和完畢它與< / html >。你類型符號之間的<標題>…< /標題>將出如今你正在閲讀網頁閲讀器窗口的頂端。

第六步：查看和編輯您的頁面

保存您的文本文檔和返回到瀏覽器。在文件菜單中,選擇“打開文件…”或“另存為…”。從那裏你應該能夠找到你的文檔的名稱並點擊“開始”。你的`文檔將會出現在你的窗口,看起來就像個網頁了!

第七步：上傳

您需要有一個互聯網服務提供商,允許您將您的網頁頁面在一個服務器上，這樣其他人能夠閲覽它。假如沒有,您能夠繼續操練與文件在您的計算機的硬盤。能夠找到一些其他網站的頁面相關的一些辦法。他們可能會添加一個鏈接到你的頁面註冊您的網站查找引擎如google或雅虎。一旦你添加你的URL其間一個數據庫,感興趣的人通常主題你的頁面將得到一個清單,你的網站當他們做一個查找。

另外，這邊有一些軟件可以利用，一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果。比較常用的優秀軟件有Dreamweaver和Frontpage，如果你是初學者Frontpage20xx是首選。除此以外還有Photoshop、Photoimpact等。另外還有一些能夠用於動態網頁設計的軟件。那麼，有了這些，即使不同網頁設計的菜鳥們也可以按照規劃一步步地把自己的想法變成現實了，快快嘗試一下自己製作網頁吧!要記得，網頁做好之後，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它。

學習網頁設計課程心得體會3

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

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

網頁設計課程學習心得

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

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

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

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

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

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

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

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