網頁設計課程心得體會範文

當在某些事情上我們有很深的體會時，往往會寫一篇心得體會，這樣能夠給人努力向前的動力。應該怎麼寫才合適呢？以下是小編精心整理的網頁設計課程心得體會範文，希望能夠幫助到大家。

網頁設計課程心得體會1

做出一個好的網頁一般都離不開dreamweaver，flash，photoshop這三個軟件，當然，還可以用到其他一些輔助軟件就會加快網頁的設計了，比如：

SothinkDHTMLMenu，Sothink_Logo_Maker等軟件，這些軟件不僅可以快速開發出導航，logo等，而且很漂亮，美觀。

製作網頁，首先是確定主題，每一版塊都有其個性的色彩，清晰明瞭，便於閲讀瀏覽，大致分幾部分，每一部分又分幾小部分，內容比較充分，多樣。內容精彩豐富，簡潔明快，語言風趣，通俗易懂。頁面可愛清爽。而我們這次的實習就是用這幾款軟件來設計，主要使用div+css來佈局，避開傳統的table（表格）佈局

DIV+CSS的網頁佈局對SEO的好處一、不存在表格的嵌套問題：很多“網站如何推廣”的文章中稱，搜索引擎一般不抓取三層以上的表格嵌套，這一點一直沒有得到搜索引擎相關的官方證實。我的幾項實驗結果沒有完全出來，但根據目前掌握的情況來看，Spider爬行Table佈局的頁面，遇到多層表格嵌套時，會跳過嵌套的內容或直接放棄整個頁面。

使用Table佈局，為了達到一定的視覺效果，不得不套用多個表格。如果嵌套的表格中是核心內容，蜘蛛（Spider）爬行時跳過了這一段沒有抓取到頁面的核心，這個頁面就成了相似頁面。網站中過多的相似頁面會影響排名及域名信任度。

DIV+CSS的網頁佈局對SEO的好處二、精簡的代碼使用DIVCSS佈局，頁面代碼精簡，這一點相信對XHTML有所瞭解的都知道。觀看更多的HTML教程內容。

代碼精簡所帶來的直接好處有兩點：一是提高蜘蛛（Spider）爬行效率，能在最短的時間內爬完整個頁面，這樣對收錄質量有一定好處；二是由於能高效的爬行，就會受到蜘蛛（Spider）歡迎，這樣對收錄數量有很大好處。

而DIV+CSS佈局基本上不會存在這樣的問題，從技術角度來説，XHTML在控制樣式時也不需要過多的嵌套。這雖然沒有得到確認，但還是建議使用Table佈局的朋友們，在設計時儘可能的不要使用多層表格嵌套，SEOer（seo工作者們）們在文章中説明了這一點，相信他們也不是沒有依據。

DIV+CSS的網頁佈局對SEO的好處三、對搜索引擎的排名基於XTHML標準的DIV+CSS佈局，一般在設計完成後會盡可能的完善到能通過W3C驗證。截止目前沒有搜索引擎表示排名規則會傾向於符合W3C標準的網站或頁面，但事實證明使用XTHML架構的網站排名狀況一般都不錯。

DIV+CSS的網頁佈局對SEO的好處四、提高網頁的訪問速度：DIV+CSS佈局較Table佈局減少了頁面代碼，加載速度得到很大的提高，這在蜘蛛（Spider）爬行時是非常有利的。過多的頁面代碼可能造成爬行超時，蜘蛛（Spider）就會認為這個頁面無法訪問，影響收錄及權重。

真正的SEOer（seo工作者們）不只是為了追求收錄、排名，快速的響應速度是提高用户體驗度的基礎，這對整個搜索引擎優化及營銷都是非常有利的。換一個角度拋開DIV+CSS對SEO的有利影響。單獨來講這種div+css佈局也是很有益的，可以説是實下是最流行的網頁佈局方式。當然div+css佈局也有不完善的方面。

總之Div+css佈局的優勢如下：

由於將大部分頁面代碼寫在了CSS當中，使得頁面體積容量變得更小。相對於表格嵌套的方式，DIV+CSS將頁面獨立成更多的區域，在打開頁面的時候，逐層加載。而不像表格嵌套那樣將整個頁面圈在一個大表格里，使得加載速度很慢。

頁面體積變小，瀏覽速度變快，這就使得對於某些控制主機流量的網站來説是最大的優勢了。由於使用了DIV+CSS製作方法，在修改頁面的時候更加容易省時。根據區域內容標記，到CSS裏找到相應的ID，使得修改頁面的時候更加方便，也不會破壞頁面其他部分的佈局樣式。

DIV+CSS最重要的優勢之一：保持視覺的一致性；以往表格嵌套的製作方法，會使得頁面與頁面，或者區域與區域之間的顯示效果會有偏差。而使用DIV+CSS的製作方法，將所有頁面，或所有區域統一用CSS文件控制，就避免了不同區域或不同頁面體現出的效果偏差。

我們都知道網站做出來是給瀏覽者使用的，對瀏覽者和瀏覽器更具親和力，DIV+CSS在這方面更具優勢。由於CSS富含豐富的樣式，使頁面更加靈活性，它可以根據不同的瀏覽器，而達到顯示效果的統一和不變形。

好的網頁，也離不開photoshop，前面我也説了，flash的製作所需要的圖片都要在photoshop中事先PS好的。那麼photoshop的作用就顯得很重要了，網頁中的flash都僅僅是一小部分，圖片佔的分量還是比flash要大的，故好的

photoshop技術，那麼PS出來的圖片就會顯得更好，這樣網頁的檔次也會隨着上升。這次的網頁設計，因為是仿照一張圖片，那麼就要求我們要懂得photoshop中的切片工具的使用。切好片後，還要獲取圖片的背景色。這樣我們又得掌握吸管工具的使用了。切片過程中要注意的就是圖片的大小要控制在一個像素以內。所以我們需要先放大，然後才來控制切片線的位置。

從製作網頁過程中，我學到了新的美化網頁的方法，運用了更多以前未運用的技巧。這使我學到了更多的知識，並且為我自己在製作網頁這方面積累了一些經驗。這些將是我人生中的一次重要的經歷，將是我今後走上社會後的一筆巨大的財富。這次實習的收穫對我來説有不少，我自己感覺在知識、技能等方面都有了不少的收穫。總體來説這次是對我的綜合素質的培養，鍛鍊和提高。這兩週的學習實習中我在老師的指導下以大量明晰的操作步驟和典型的應用實例，教會我們。使更豐富全面的軟件技術和應用技巧，使我們真正對所學的軟件融會貫通。當前的軟件的功能日趨複雜，不學到一定的深度和廣度是難以在實際工作中應付自如的。因此反映出學習的還不夠，缺點疏漏。需在加以刻苦鑽研及學習，不斷開拓視野，增強自己的實踐操作技能，為以後能做出出色的網頁。

網頁設計課程心得體會2

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

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

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

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

一、必需進行個人網站前台功能設計。包括個人網站主題的確定，前台功能設計與管理、個人網站主頁設計、個人網站留言板、註冊、忘記密碼、搜索等網頁設計與管理。

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

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

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

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

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

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

網頁設計課程心得體會3

一、網站規劃

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

二、網站總體設計

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

三、網站設計與製作（包括網頁設計、圖形設計、動畫設計中的主要技術、方法和設計效果）

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

四、學習體會

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

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

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

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

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