網頁設計與製作的心得6篇
心得體會是對所經歷的事情的真實感受，需要用文字表達出來，及時將心得體會寫好可以幫助我們抒發內心的情感，下面是本站小編為您分享的網頁設計與製作的心得6篇，感謝您的參閲。
網頁設計與製作的心得篇1
現在，計算機和網絡已經深入到了我們生活中的方方面面，也已經成了生活中不可缺少的一部分，網絡成了我們獲取知識和信息的一種便捷工具，現在的網民也在不斷的增多，所以，瞭解和學習網絡知識是我們作為一名大學生迫切所需的，
我利用寒假的時間，對網頁設計進行了初步的認識和了解，並基本掌握dreamweaver的應用。
我瞭解了一些基礎的網絡技術。通過學習，我對計算機有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網頁製作的過程與一些技巧手法更有了另外一番瞭解，對網頁製作的基礎知識也有了一定的掌握。在這個過程中，我同樣認識到網頁設計不是一門學科的獨秀，而是多種課程的綜合，他是、flash、fireworks等網頁軟件的綜合應用。
下面闡述一下我在翻閲《dreamweaver》時的一些關於網頁設計的見解。在具體的製作一個網頁時我瞭解到一個優秀的網頁設計應該具備一些基本原則。
首先，要·確定網頁設計的內容一個優秀的風站要有一個明確的主題。整個網站圍繞這個主題,也就是你在網頁設計之前要明確你這個網站有什麼目的,用來做什麼，所有頁面都是圍繞着這個內容來製作，有了明確的內容對排名有很重要的作用;其次，要了解你網站所在行業的客户，及你的網頁屬於哪個類別。用户是一個網站成敗的關鍵,如果用户要花很多時間進入你網站很有可能用户會立即關掉你網站,或者你網站操作很不方便用户也會馬上離開,這種網站是很失敗的設計,只會讓用户失望的離去.
在完成以上的基本內容之後網頁的基本框架便成形成了，下面要開始的便是優化工作，內容是整個網頁的核心。在網頁設計之前必須明確網頁的內容安排。優秀網頁設計是要建立在平凡的基礎上的。然後在具體的規劃一個網頁時，可以用樹狀結構先把每個頁面的內容大綱列出來，尤其要製作一個大的網站 (有很多頁面) 的時候，特別需要把這個架構規劃好，也要考慮到以後可能的擴充性，免得做好以後又要一改再改整個網站的架構，很浪費時間和財力。大綱列出來後，還必須考慮每個頁面之間的鏈接關係。是星形，樹形，或是網形鏈接。這也是判別一個網站優劣的重要標誌。鏈接混亂，層次不清的站點會造成瀏覽困難，影響內容的發揮。框架定下來了，然後開始一步一步有條理，有次序地做來，就胸有成竹得多，也會為主頁將來發展打下良好的基礎。下一步，就以動手製作具體內容了，題材選定，框架選定，接下來就開始往主頁裏面填內容。
如果是個人主頁，有能力的人完全可以靠自己來創作所有的內容。大部分人的方法是：從報紙，雜誌，光盤等媒體中把相關的資料收集整理，再加上一定的編輯後就可以了。另外一個好的方法是從網絡上收集，您只要到搜索引擎上查找相應的關鍵字，就可以找到一大堆的資料。在準備材料的時候我們可以用一些小的動畫和動態圖片，flash提供了功能齊全的繪圖和編輯圖形工具。可以直接在編輯區裏繪畫，編輯修改非常靈活，它的另一大特點是“交互性”強。在動畫播放時，可以用鼠標或鍵盤對動畫的播放進行控制，效果可以很直觀的反映出來。然後是開始正式製作主頁。通過dreamweaver作為製作軟件，只需要用到軟件中的一些基本的功能：圖片插入和對齊設置;文字的格式、顏色、背景顏色的設置等就可以製作出一個簡單的網頁。
總體來説，通過這個假期對網頁設計的學習，有收穫也有遺憾。但是，我已經邁入了網頁設計的大門，只要我再認真努力的去學習，在今後的閒餘時間學習製作網頁的更多知識以實現自身技能的提高，我堅信將來設計出的網頁會更加專業，更加華麗，使它最終成為自己的一項技能。
網頁設計與製作的心得篇2
作為本學期的第十三週，我們電子商務0901班由此開始了為期兩週的網頁設計與製作實訓課程，雖然我們實訓的內容不多，但通過同學之間的互相幫助與交流以及老師的精心指導，我們大家依然收穫很多。
這一週裏，可以説實訓的內容不難，但每天都有不同的東西需要學習，讓人感到很高興，大家都希望能夠通過自己的努力可以多掌握一點本專業的東西，總的來説，我們通過對“飄舞的雪花”及“倒影”的練習製作，已經熟練的掌握了flash的一些簡單操作和應用，不但如此，更增加了同學間的友誼，陪養了彼此間的團結。
實訓期間，老師會根據我們的練習程度發一些素材和視頻實訓給我們，由此我瞭解到了網頁設計與製作的一些程序和步驟，知道了怎麼處理圖片透明以及遮罩層的運用，知道了flash基本操作的步驟，為了增加動畫的美感和活潑感，還適當在添加一些透明flash和一些網頁特效。在實訓的時間裏面，我們大家一起合作，共同努力，對網頁設計有了更進一步的認識，並且對這門課程越發的感興趣，從剛開始的好奇進而想要去更深層次的瞭解。
這一週的實訓課程已然結束，flash製作讓我受益匪淺，我們知道了很多，也進步了很多，很快就要進入下一週的實訓了，雖然還不知道具體的有什麼內容，但通過這一週的學習，下一週，我想也很值得期待。希望能夠學到更多的東西，充實自己的頭腦，豐富自己的知識。
網頁設計與製作的心得篇3
做出一個好的網頁一般都離不開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中的切片工具的使用。切好片後，還要獲取圖片的背景色。這樣我們又得掌握吸管工具的使用了。切片過程中要注意的就是圖片的大小要控制在一個像素以內。所以我們需要先放大，然後才來控制切片線的位置。
從製作網頁過程中，我學到了新的美化網頁的方法，運用了更多以前未運用的技巧。這使我學到了更多的知識，並且為我自己在製作網頁這方面積累了一些經驗。這些將是我人生中的一次重要的經歷，將是我今後走上社會後的一筆巨大的財富。這次實習的收穫對我來説有不少，我自己感覺在知識、技能等方面都有了不少的收穫。總體來説這次是對我的綜合素質的培養，鍛鍊和提高。這兩週的學習實習中我在老師的指導下以大量明晰的操作步驟和典型的應用實例，教會我們。使更豐富全面的軟件技術和應用技巧，使我們真正對所學的軟件融會貫通。當前的軟件的功能日趨複雜，不學到一定的深度和廣度是難以在實際工作中應付自如的。因此反映出學習的還不夠，缺點疏漏。需在加以刻苦鑽研及學習，不斷開拓視野，增強自己的實踐操作技能，為以後能做出出色的網頁。
網頁設計與製作的心得篇4
不知不覺,二個星期的《網頁設計與網站建設》課程的實操即將過去,回顧這一段日子,真的令我體會很深,也學會很多東西,懂得很多以前不懂的東西,也明白了一些事情.
自從第一天接觸《網頁設計與網站建設》課程,我以下定決心要把網頁這門課學好,做出一個優秀的網站.所以我時刻沒有錯過任何學習的機會,無論在課堂上,還是在課外上.更何況這一次實操.回顧今次的實操我覺得我過得很充實,很有意義,因為我可以誠實的説我在實操沒有玩過一次遊戲,我每時每刻都在設計網站,還記得晚上做網站做到一、二點，可能有人會説我傻，但正因為這個傻的行動，令我學會很多東西，學會別人不懂的東西，做出一個令自己滿意的網站，可能跟別人比還需要繼續完善，但我不會因為實操結束，就把網頁設計拋到九霄雲外，我會繼續學習網頁設計技術，把它變為自己的一項特長。
回顧第一天的《網頁設計與網站建設》課程實操，老師叫我們繼續完善以前設計的網站，做出留言板、註冊的功能。我很快就完成了，但可能我是一個追求完善的人，所以儘管一個網站做好可以馬上交給老師。但我做出一個別人都不贊同的決定，從頭開始做一個網站。因為我覺得以前那個真的不是太好，儘管實操的時間過去了一半，儘管別人對我説你交原來這個不就行了嗎!何必再做一個呢?但真因為我的執著，追求成功，追求完善的人，才會使我今天交出一個令自己滿足的答卷。
在製作個人網站時我們首先：
一、必需進行個人網站前台功能設計
包括個人網站主題的確定，前台功能設計與管理、個人網站主頁設計、個人網站留言板、註冊、忘記密碼、搜索等網頁設計與管理。
二、對個人網站後台管理功能設計
包括個人網站後台管理功能的設計、後台管理信息系統功能的設計、後台系統權限管理、後台文件管理、個人網站後台管理系統主頁設計。
三、網站的發佈
通常我們發佈一個網站可能以能過域名註冊，但我們也可以利用自己主機，裝了iis別人就可以通過我的ip地址來訪問我的主頁。第一次做的那個網頁我已經發布在上網了。
四、個人網站推廣
一個網站做好了，就要對個人網站進行推廣，這是一個電子商務網站必需做得的一步，因為如果你不對你的網站進行推廣，就算你發佈了也沒有人會知道的。
在這次實操過程中令我印象最深的是做留言板，因為剛好在上一個星期sql數據庫實操做過了，所以今次在做就比較輕鬆，但我以前是經過一個比較長的練習，做完了n次，可能有人會想，肯定是不會才做這麼多次啦!但我想告訴這位同學我每次做得都不是不同的方法。第一次我用的是access數據庫，第二次我用的是sql數據庫加權限管理，第三次我用的是數據源名稱的連接，第四次我用的是自定義連接字符串，第五次……每一次用的方法都是不同的，可能有人會説我傻，會一種方法就行了，還要那麼多嗎?但我想説的就是不是這麼多次的練習，不是之麼多次不同的方法，也就不會造就出今天熟能生巧的我，也不會對同學提出的問題解決到，也不會輕鬆教會同學，因為你自己首先學會，學通，學廣，才能把問題一一的解決。
網頁設計與製作的心得篇5
不知不覺，我已經學習《網頁設計與製作》這門課程一個學期了，雖然時間有點短，但這一個學期以後我卻受益匪淺，不僅讓我全面的、系統的學會了頁設計與製作的基礎知識，還讓我學會了自己動手去製作屬於自己的網頁，這對於我來説是很值得高興的，能讓我在以後的工作生活中更好的展現自己。
建立一個網站就像蓋一幢大樓一樣，它是一個系統工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設計出一個滿意的網站。首先，我們要確立網站主題。網站主題就是你建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。特別是對於像我這樣的個人網站，你不可能像綜合網站那樣做得內容大而全，包羅萬象。你沒有這個能力，也沒這個精力。網站的主題無定則，只要是你感興趣的，任何內容都可以，但主題要鮮明，在你的主題範圍內內容做到大而全、精而深。
然後，我們要找材料。明確了網站的主題以後，你就要圍繞主題開始蒐集材料了。常言道：“巧婦難為無米之炊”。要想讓自己的網站有血有肉，能夠吸引住用户，你就要儘量蒐集材料，蒐集得材料越多，以後製作網站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來，也可以從互聯網上搜集，然後把蒐集的材料去粗取精，去偽存真，作為自己製作網頁的素材。
找到材料後，我們還要規劃網站。一個網站設計得成功與否，很大程度上決定於設計者的規劃水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面佈局、文字圖片的運用等，你只有在製作網頁之前把這些方面都考慮到了，才能在製作時駕輕就熟，胸有成竹。也只有如此製作出來的網頁才能有個性、有特色，具有吸引力。如何規劃網站的每一項具體內容，我們在下面會有詳細介紹。
做好以上三步之後，我們就要選擇合適的製作工具。儘管選擇什麼樣的工具並不會影響你設計網頁的好壞，但是一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果。網頁製作涉及的工具比較多，首先就是網頁製作工具了，在這裏，我們一般都是用有“網絡三劍客”之稱的dreamweaver、fireworks、flash來製作網頁，對於圖片部分的處理，個人覺得photoshop比較好用。
最後，我們就需要按照規劃一步步地把自己的想法變成現實了，這是一個複雜而細緻的過程，一定要按照先大後小、先簡單後複雜來進行製作。所謂先大後小，就是説在製作網頁時，先把大的結構設計好，然後再逐步完善小的結構設計。所謂先簡單後複雜，就是先設計出簡單的內容，然後再設計複雜的內容，以便出現問題時好修改。在製作網頁時要多靈活運用模板，這樣可以大大提高製作效率。 網頁做好之後，就要發佈到web服務器上，才能夠讓全世界的朋友觀看，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它。
以上就是我對於網頁製作的一些個人心得，由於本人的技術還不是很成熟，還存在很多的不足。選擇學習這門課是很正確的選擇，雖然在以後不會再有機會去上了，但我還是會通過各種方式繼續頁設計和製作的，同時很感謝帶我入門的徐兵老師，讓我有機會去學習有關網頁的知識，謝謝！
網頁設計與製作的心得篇6
metinfo從事網站建設行業也有許多年了，遇到過各種奇葩網站客户，也見證了許多同行業的起起落落，下面與大家分享一些網站製作心得體會
現在網站製作越來越智能化，簡單化，很多網站的建站工作基本上只要想好域名就可以了，其他的事情基本上都能自動化完成。
比如網站的內容更新操作，現在許多的cms系統都有采集插件，metinfo也不例外，只要設定好一些規則，每天都不用自己管理內容的更新，網站便會自動採集內容更新，相比起人工更新來説更加準時與定量，也能喂好搜索引擎的蜘蛛。當然如果你是做自己獨有的產品優勢，可能這種辦法就不太適用你了。
比起手工建站的方式，現在的cms建站，完全不用靠自己聘請專門的程序維護員，來維護網站的穩定性，如同現在的雲服務器一樣，只要把服務器交給其他人管理就行，而且相比起來，他們更加專業，也更加實惠。
在營銷方面，許多建站系統都考慮的比較周全，seo都只是最基本的及格建站系統，很多都搭配了三站合一甚至是四站合一，多樣的營銷方式，完全不用像以前一樣帶着文案自己談客户，一手掌握互聯網所有客户，只要你的營銷手段高明，基本上不用愁網站的流量。
建站方面，需要注意的就是選擇一個好的建站系統，完全可以在網站建設這條路上少奮鬥幾年。
同樣的，隨着建站的門檻越來越低，建站的人也越來越多，許多傳統行業也融入了進來，與大市場伴隨而來的是競爭激烈程度越來越大，想要在網絡這個大市場贏得成功，就必須要時刻保持對市場敏鋭的嗅覺力。
