網頁設計課程心得體會

網頁設計課程心得體會

當我們受到啓發，對生活有了新的感悟時，心得體會是很好的記錄方式，這麼做可以讓我們不斷思考不斷進步。那麼如何寫心得體會才能更有感染力呢？下面是小編爲大家整理的網頁設計課程心得體會 ，希望對大家有所幫助。

網頁設計課程心得體會 1

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

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

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

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

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

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

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

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

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

網頁設計課程心得體會 2

不知不覺,二個星期的《頁面規劃與網站建造》課程的實操即將曩昔,回憶這一段日子,真的令我領會很深,也學會許多東西,懂得許多曾經不明白的東西,也理解了一些工作.

自從第一天觸摸《頁面規劃與網站建造》課程,我以下定決心要把頁面這門課學好,做出一個優異的網站.所以我時刻沒有錯失任何學習的機會,不管在課堂上,還是在課外上.更何況這一次實操.回憶今次的實操我覺得我過得很充實,很有含義,由於我能夠誠篤的說我在實操沒有玩過一次遊戲,我每時每刻都在規劃網站,還記得晚上做網站做到一、二點，也許有人會說我傻，但正由於這個傻的舉動，令我學會許多東西，學會他人不明白的東西，做出一個令自個滿意的網站，也許跟他人比還需要持續完善，但我不會由於實操結束，就把頁面規劃拋到無影無蹤，我會持續學習頁面規劃技能，把它變爲自個的一項專長。

回憶第一天的《頁面規劃與網站建造》課程實操，教師叫咱們持續完善曾經規劃的網站，做出留言板、註冊的功用。我很快就完成了，但也許我是一個尋求完善的人，所以雖然一個網站做好能夠立刻交給教師。但我做出一個他人都不附和的決定，從頭開始做一個網站。由於我覺得曾經那個真的不是太好，雖然實操的時刻曩昔了一半，雖然他人對我說你交本來這個不就行了嗎!何須再做一個呢?但真由於我的固執，尋求成功，尋求完善的人，纔會使我今日交出一個令自個滿意的答卷。

在製造自個網站時咱們首先：

一、必需進行自個網站前臺功用規劃

包括自個網站主題的斷定，前臺功用規劃與辦理、自個網站主頁規劃、自個網站留言板、註冊、忘掉暗碼、查找等頁面規劃與辦理。

二、對自個網站後臺辦理功用規劃

包括自個網站後臺辦理功用的規劃、後臺辦理信息體系功用的規劃、後臺體系權限辦理、後臺文件辦理、自個網站後臺辦理體系主頁規劃。

三、網站的發佈

一般咱們發佈一個網站也許以能過域名註冊，但咱們也能夠使用自個主機，裝了iis他人就能夠通過我的ip地址來訪問我的主頁。首次做的那個頁面我現已發佈在上彀了。

四、自個網站推行

一個網站做好了，就要對自個網站進行推行，這是一個電子商務網站必需做得的一步，由於假如你不對你的網站進行推行，就算你發佈了也沒有人會知道的。

在規劃這個網站時真的領會許多東西，從一開始頁面主題的斷定，到主頁總體的規劃、蒐集材料、前臺功用規劃與辦理、後臺功用規劃與辦理、每個分頁面的規劃等。我都逐個進行了規劃，由於假如你不規劃好，想做啥就做啥，是不會做得好的。因我爲領會到這一句話：“機會中歸於有預備的人”。我具體到一個表格寬度都逐個列明。例如：775寬度，分三欄，每一欄佔多少。由於我深深懂得“細微處才見真功夫”。

在這次實操過程中令我形象最深的是做留言板，由於剛好在上一個星期sql數據庫實操做過了，所以今次在做就對比輕鬆，但我曾經是通過一個對比長的操練，做完了n次，也許有人會想，肯定是不會才做這麼屢次啦!但我想告訴這位同學我每次做得都不是不一樣的辦法。首次我用的是access數據庫，第2次我用的是sql數據庫加權限辦理，第三次我用的是數據源稱號的銜接，第四次我用的是自定義銜接字符串，第五次……每一次用的辦法都是不一樣的，也許有人會說我傻，會一種辦法就行了，還要那麼多嗎?但我想說的即是不是這麼屢次的操練，不是之麼屢次不一樣的辦法，也就不會造就出今日遊刃有餘的我，也不會對同學提出的疑問處理到，也不會輕鬆教會同學，由於你自個首先學會，學通，學廣，才能把疑問逐個的處理。

令我難以忘懷的鏡頭也是在做留言板的時分，但不是爲我自個的而做，而是一步一步教同學做，直到令同學學懂;把同學留言板的疑問逐個處理;當同學由於做不出而沒心境，曩昔對她進行鼓舞的，然後逐個處理;當自個也不會，與同學共同研究的狀況，這種學習氛圍是最可貴的，即是在做留言板的時分，令我深深領會到我幾句話：認真幹事僅僅把工作做對，用心幹事才能把工作做好。把每一件簡略的工作做好即是不簡略，把第一件普通的工作做好即是不普通。

網頁設計課程心得體會 3

做出一個好的網頁一般都離不開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中的切片工具的使用。切好片後，還要獲取圖片的背景色。這樣我們又得掌握吸管工具的使用了。切片過程中要注意的就是圖片的大小要控制在一個像素以內。所以我們需要先放大，然後纔來控制切片線的位置。

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

網頁設計課程心得體會 4

一、網站規劃

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

二、網站總體設計

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

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

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

四、學習體會

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

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

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

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

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