網頁設計課的心得體會範文 篇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伺服器上，才能夠讓全世界的朋友觀看，還要不斷地進行宣傳，這樣才能讓更多的`朋友認識它。這裡推薦二個有免費空間和域名的網址給大家：
以上就是我對於網頁製作的一些個人心得，由於本人的技術還不是很成熟，還存在很多的不足（如：背景過於單調和網頁布置不合理）。選擇學習這門課是很正確的選擇，雖然在以後不會再有機會去上了，但我還是會通過各種方式繼續學習網頁設計和製作的，同時很感謝帶我入門的徐兵老師，讓我有機會去學習有關網頁的知識，謝謝！