網頁設計課的心得體會范文（通用3篇）

網頁設計課的心得體會范文 篇1

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

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

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

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

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

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

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

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

　　任何一門學科的學習都需要我們多加練習實踐，才能駕輕就熟，真正掌握這門學科。由于網頁設計這門課程的課較少，老師需要在課堂上傳授重點知識，因此課堂的實踐操作時久不可避免地減少，所以課下的及時復習與訓練就顯得尤為重要了。對于“知識被遺忘”的問題，更是因為在課下沒有及時鞏固課堂知識所導致。因此想要學好網頁設計者們課程，也許并不需要我們像專業課一樣投入大量時間跟精力，只要在課堂上抓住老師所講的重點知識，并在課下及時做好復習跟操練，便可以很好掌握網頁設計的基本技能，從而達到課程學習要求。

網頁設計課的心得體會范文 篇2

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

　　SothinkDHTMLMenu等軟件，這些軟件不僅可以快速開發出導航，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中的切片工具的使用。切好片后，還要獲取圖片的背景色。這樣我們又得掌握吸管工具的使用了。切片過程中要注意的就是圖片的大小要控制在一個像素以內。所以我們需要先放大，然后才來控制切片線的位置。

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

網頁設計課的心得體會范文 篇3

　　一、網站規劃

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

　　二、網站總體設計

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

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

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

　　四、學習體會

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

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

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

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

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

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

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