網頁設計與製作的心得體會 篇1
網頁設計伴隨著網路的快速發展而快速興起，作為上網的主要依託，由於人們使用網路的頻繁而變得非常重要。生活中我每天上網都要接觸到網頁，原來沒有留意過網頁的設計，但是經過這段時間的學習了解，現在我打開一個網頁都會習慣性的先看看排版、布局和色彩運用。
通過老師的講解和對課本的翻閱，我學習到了一些關於建設網站和製作網頁的知識，對網頁製作的基礎知識也有了一定的掌握。通過Dreamweaver製作網頁，我用到了一些基本的功能：圖片插入和對齊設定；文字的格式、顏色、背景顏色的設定等。但是在自己嘗試著做的時候，總是出現這裡那裡的問題。不是圖片不能固定在自己想要的位置，就是滾動文本的顯示區域不知道為什麼撐過了頁面，還有就是不同解析度、不同瀏覽器都會對瀏覽網頁產生影響。而且在CSS方面，我總是不太熟悉各種代碼是控制哪些東西的。除了查找解決問題我還總結了經驗。例如：
1、命名站點或者資料夾的的時候一定要注意，最好用相應的英語或者漢語拼音，要見名知意，如圖片資料夾用image或者tu，這樣可以避免頁面調用時不正確的現象發生。
2、調用Style時可以單擊滑鼠右鍵選擇Custon Style來調用Style標準，也可以在狀態欄中的元素列表上單擊右鍵來調用Style。雖然不同的方法達到的效果看似一樣，但實際上產生的HTML代碼則完全不同。在這個過程中，我同樣認識到網頁設計不是一門學科的獨秀，而是多種課程的綜合，它是Flash、Photoshop等網頁軟體的綜合套用。例如Flash提供了功能齊全的繪圖和編輯圖形工具。可以直接在編輯區里繪畫，編輯修改非常靈活，它的另一大特點是“互動性”強。在動畫播放時，可以用滑鼠或鍵盤對動畫的播放進行控制，可以很直觀的反映出效果。
頁面設計應以美觀、大方、簡潔為原則，保持一致的風格。為了達到最佳的視覺表現效果，應講究整體布局的合理性，使瀏覽者有一個流暢的視覺體驗。網頁最主要的功能就是給每個上網者提供一種形式，讓他們能夠了解網站提供的信息。要研究網頁設計，就需要站在用戶的角度來看。用戶是一個網站成敗的關鍵。如果用戶要花很多時間進入網站，很有可能他會立即關掉網站，或者網站操作很不方便用戶也會馬上離開，這種網站是很失敗的設計，只會讓用戶失望的離去。所以網頁容量即包括圖像在內的網頁位元組數最好不要超過50K。
還涉及到界面弱化的問題。一個好的界面設計它的界面是弱化的，它突出的是功能，著重體現的是網站業提供給使用者主要是什麼。這就涉及到瀏覽順序、功能分區等等。要讓訪客在0.5秒內就能把握網站的行業性質，1秒內就知道該從哪個地方開始使用這個網站，能點一次的，絕不點第二次。當然上面說的是大多數功能性網站，對於宣傳展示性網站，諸如加特效的或Flash網站，可能就不得不花哨一些，但不能太過分。網站不是卡通片，在效率越來越高，社會心理越來越浮躁的中國，人們的耐心越來越小，心理承受能力越來越低。效果可以體現意境，點到為止。
下面簡單介紹下網頁設計的理念和要點。網頁設計理念：
（1）內容決定形式：先把內容充實上，再分區塊，再定色調，再處理細節。
（2）先整體，後局部，最後回歸到整體：全局考慮，把能填上的都填上，占位置。然後定基調，分模組設計。最後調整不滿意的幾個局部細節。
（3）功能決定設計方向：
看網站的用途，決定設計思路。商業性的就要突出贏利目的；政府型的就要突出形象和權威性的文章；教育性的，就要突出師資和課程。
網頁設計的兩大要點是：整體風格和色彩搭配。
一、確定網站的整體風格：
1、將標誌logo，儘可能的放在頁面最突出的位置。
2、突出標準色彩。
3、總結一句能反映網站精髓的宣傳標語。
4、相同類型的圖像採用相同效果，比如說標題字都採用陰影效果，那么在網站中出現的所有標題字的陰影效果的設定應該是完全一致的。
二、網頁色彩的搭配：
1、用一種色彩。指選定一種色彩，然後調整透明度或飽和度，這樣頁面看起來色彩統一，有層次感。
2、用兩種色彩。先選定一種色彩，然後選擇它的對比色。
3、用一個色系。就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。
在網頁配色中，還要切記一些誤區：
1、不要將所有顏色都用到，儘量控制在三至五種色彩以內。
2、背景和前文的對比儘量要大（絕對不要用花紋繁複的圖案作背景），以便突出主要文字內容。
針對我所學的平面設計方向，那么這次套用到了創意思維，版面設計，色彩配置。圖形創意等方面都很重要，對於網頁設計作為一種視覺語言，特別講究編排和布局，雖然主頁的設計不等同於平面設計，但它們有許多相近之處，版式設
計通過文字圖形的空間組合，表達出和諧與美。不積跬步，無以至千里。我已經在老師的指引下邁入了網頁設計的大門，在今後的閒余時間繼續認真學習製作網頁的更多知識以實現自身技能的提高。
網頁設計與製作的心得體會 篇2
不知不覺,二個星期的《網頁設計與網站建設》課程的實操即將過去,回顧這一段日子,真的令我體會很深,也學會很多東西,懂得很多以前不懂的東西,也明白了一些事情.
自從第一天接觸《網頁設計與網站建設》課程,我以下定決心要把網頁這門課學好,做出一個優秀的網站.所以我時刻沒有錯過任何學習的機會,無論在課堂上,還是在課外上.更何況這一次實操.回顧今次的實操我覺得我過得很充實,很有意義,因為我可以誠實的說我在實操沒有玩過一次遊戲,我每時每刻都在設計網站,還記得晚上做網站做到一、二點，可能有人會說我傻，但正因為這個傻的行動，令我學會很多東西，學會別人不懂的東西，做出一個令自己滿意的網站，可能跟別人比還需要繼續完善，但我不會因為實操結束，就把網頁設計拋到九霄雲外，我會繼續學習網頁設計技術，把它變為自己的一項特長。
回顧第一天的《網頁設計與網站建設》課程實操，老師叫我們繼續完善以前設計的網站，做出留言板、註冊的功能。我很快就完成了，但可能我是一個追求完善的人，所以儘管一個網站做好可以馬上交給老師。但我做出一個別人都不贊同的決定，從頭開始做一個網站。因為我覺得以前那個真的不是太好，儘管實操的時間過去了一半，儘管別人對我說你交原來這個不就行了嗎!何必再做一個呢?但真因為我的執著，追求成功，追求完善的人，才會使我今天交出一個令自己滿足的答卷。
在製作個人網站時我們首先：
一、必需進行個人網站前台功能設計
包括個人網站主題的確定，前台功能設計與管理、個人網站主頁設計、個人網站留言板、註冊、忘記密碼、搜尋等網頁設計與管理。
二、對個人網站後台管理功能設計
包括個人網站後台管理功能的設計、後台管理信息系統功能的設計、後台系統許可權管理、後台檔案管理、個人網站後台管理系統主頁設計。
三、網站的發布
通常我們發布一個網站可能以能過域名註冊，但我們也可以利用自己主機，裝了iis別人就可以通過我的ip地址來訪問我的主頁。第一次做的那個網頁我已經發布在上網了。
四、個人網站推廣
一個網站做好了，就要對個人網站進行推廣，這是一個電子商務網站必需做得的一步，因為如果你不對你的網站進行推廣，就算你發布了也沒有人會知道的。
在這次實操過程中令我印象最深的是做留言板，因為剛好在上一個星期sql資料庫實操做過了，所以今次在做就比較輕鬆，但我以前是經過一個比較長的練習，做完了n次，可能有人會想，肯定是不會才做這么多次啦!但我想告訴這位同學我每次做得都不是不同的方法。第一次我用的是access資料庫，第二次我用的是sql資料庫加許可權管理，第三次我用的是數據源名稱的連線，第四次我用的是自定義連線字元串，第五次……每一次用的方法都是不同的，可能有人會說我傻，會一種方法就行了，還要那么多嗎?但我想說的就是不是這么多次的練習，不是之么多次不同的方法，也就不會造就出今天熟能生巧的我，也不會對同學提出的問題解決到，也不會輕鬆教會同學，因為你自己首先學會，學通，學廣，才能把問題一一的解決。
網頁設計與製作的心得體會 篇3
在《網頁設計》的學習中，老師開展了動態思維訓練教學方式來激發我們的學習興趣，調動了我們的學習自覺性。老師的認真負責、充滿激情，令我們的課堂氣氛活躍而有序。學習方式的靈活多變，讓我們在舒適的環境下以愉快的心情接受、掌握和靈活的運用所學知識和技能。
《網頁設計》的教學都是理論實踐相結合的，老師很詳細的講每一個知識點，而且在講每個知識點的時候都會舉實際例子來加深我們對那個知識點的印象，如果我們有什麼不明白的，老師會耐心的將我們不懂的再講，直到都明白為止。在每次的理論後，我們都會上一次機來鞏固之前學習過的理論知識，在上機的過程中有什麼不明白或不懂的，老師都會耐心仔細的給我們講，在講的同時會告訴我們一些製作的技巧。每次實訓完後，我們都會把自己做的放在伺服器上。
老師專門為《網頁設計》這門課程開了一個後台伺服器，讓我們可以把每次做的網頁上傳到伺服器上，老師也可以通過這個伺服器看到我們製作的情況，然後針對我們出現的問題作耐心指導或在原本內容上更深次的講解，直到我們明白為止。
學習了《網頁設計》後，我知道了動手也要動腦，同時也增強了我的創造能力和動手能力。從學習本課程後，我發現了自己的優點，在製作這方面充滿信心，也對自己以後學習專業充滿了希望。在此謝謝老師！
網頁設計與製作的心得體會 篇4
不知不覺我學習整站網頁設計也有一段時間了，很高興我能在這計算機深入的社會裡，學習到建設網站和網頁設計的一些知識。網路成了我們獲取知識和信息的一種便捷工具，如今的生活，商業都已經在網路上如火如荼地開展，我認為，學習網路知識，對於生活在網路時代的我們還是很有必要的。接下來我想分享一下我的獨家網頁設計學習心得。希望能夠為正在學習網頁設計的你們也提供一點幫助。
學習網頁設計的過程中，我也成功製作了屬於自己的網站，通過這一次嘗試，我對計算機有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網頁製作的過程與一些技巧手法更有了另外一番了解，對網頁製作的基礎知識也有了一定的掌握。我覺得，在設計網頁之前：
首先必須做到先確定網頁設計的內容，因為一個優秀的風站要有一個明確的主題，整個網站圍繞這個主題，也就是你在網頁設計之前要明確你這個網站有什麼目的，用來做什麼，所有頁面都是圍繞著這個內容來製作，有了明確的內容對排名有很重要的作用。
其次自然是了解你網站所在行業的客戶。要知道用戶是一個網站成敗的關鍵，如果用戶要花很多時間進入你網站很有可能用戶會立即關掉你網站，或者你網站操作很不方便用戶也會馬上離開，這種網站是很失敗的設計，只會讓用戶失望的離開。
我在這次設計網頁的過程中，終於體會到做一個網頁的主頁不是一件容易的事情，它包括個人主頁的選題、內容採集整理、圖片的處理、頁面的排版設定、背景及其整套網頁的色調等很多東西。製作主頁要注意：
要想一個好的標題。標題在個人主頁中起著很重要的作用，它在很大程度上決定了你整套個人主頁的定位。一個好的標題必須有概括性、有特色、簡短易記，不要符合自己主頁的主題和風格。
主頁中不光要有文字，還要適當地加一些圖片。一張好的圖片可以勝過你的千言萬語。也能讓進入你網頁的人一目了然，產生興趣。
網頁頁面整體的排版設計也是不可忽略了，很重要的一個原則是合理也運用空間，讓自己的網頁井然有序，留下合適空間，會給人輕鬆的感覺。
當然在做這些內容之前，是要找好資料的，我們可以從報紙，雜誌，光碟等媒體中把相關的資料收集，再加上一定的編輯後就可以了。另外一個好的方法是從網路上收集，您只要到搜尋引擎上查找相應的關鍵字，就可以找到一大堆的資料。設計製作網頁我可以推薦一個不錯的軟體，那就是Dreamweaver。只需要用到此款軟體中的一些基本的功能：圖片插入和對齊設定；文字的格式、顏色、背景顏色的設定等就可以製作出一個簡單的網頁。好了，網頁設計製作完畢後，最後一步就是要最佳化網站了。
就我的觀點，我覺得個人認為網頁設計應該注重實用性，因為我們用它就是來互動的，所以我建議以簡單美為好，太多複製的圖片文字和頁面排版只會讓看的人感覺更不舒服，還有最後申明一下，我不是專業網站設計師，以上只是我對網頁設計學習的一些心得罷了。
做出一個好的網頁一般都離不開dreamweaver，flash，photoshop這三個軟體，當然，還可以用到其他一些輔助軟體就會加快網頁的設計了，比如：
SothinkDHTMLMenu，SothinkLogoMaker等軟體，這些軟體不僅可以快速開發出導航，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中的切片工具的使用。切好片後，還要獲取圖片的背景色。這樣我們又得掌握吸管工具的使用了。切片過程中要注意的就是圖片的大小要控制在一個像素以內。所以我們需要先放大，然後才來控制切片線的位置。
從製作網頁過程中，我學到了新的美化網頁的方法，運用了更多以前未運用的技巧。這使我學到了更多的知識，並且為我自己在製作網頁這方面積累了一些經驗。這些將是我人生中的一次重要的經歷，將是我今後走上社會後的一筆巨大的財富。這次實習的收穫對我來說有不少，我自己感覺在知識、技能等方面都有了不少的收穫。總體來說這次是對我的綜合素質的培養，鍛鍊和提高。這兩周的學習實習中我在老師的指導下以大量明晰的操作步驟和典型的套用實例，教會我們。使更豐富全面的軟體技術和套用技巧，使我們真正對所學的軟體融會貫通。當前的軟體的功能日趨複雜，不學到一定的深度和廣度是難以在實際工作中應付自如的。因此反映出學習的還不夠，缺點疏漏。需在加以刻苦鑽研及學習，不斷開拓視野，增強自己的實踐操作技能，為以後能做出出色的網頁。
網頁設計與製作的心得體會 篇5
不知不覺，我已經學習《網頁設計與製作》這門課程一個學期了，雖然時間有點短，但這一個學期以後我卻受益匪淺，不僅讓我全面的、系統的學會了頁設計與製作的基礎知識，還讓我學會了自己動手去製作屬於自己的網頁，這對於我來說是很值得高興的，能讓我在以後的工作生活中更好的展現自己。
建立一個網站就像蓋一幢大樓一樣，它是一個系統工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設計出一個滿意的網站。首先，我們要確立網站主題。網站主題就是你建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。特別是對於像我這樣的個人網站，你不可能像綜合網站那樣做得內容大而全，包羅萬象。你沒有這個能力，也沒這個精力。網站的主題無定則，只要是你感興趣的，任何內容都可以，但主題要鮮明，在你的主題範圍內內容做到大而全、精而深。
然後，我們要找材料。明確了網站的主題以後，你就要圍繞主題開始蒐集材料了。常言道：“巧婦難為無米之炊”。要想讓自己的網站有血有肉，能夠吸引住用戶，你就要儘量蒐集材料，蒐集得材料越多，以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來，也可以從網際網路上蒐集，然後把蒐集的材料去粗取精，去偽存真，作為自己製作網頁的素材。
找到材料後，我們還要規劃網站。一個網站設計得成功與否，很大程度上決定於設計者的規划水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網站規劃包含的內容很多，如網站的結構、欄目的設定、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在製作網頁之前把這些方面都考慮到了，才能在製作時駕輕就熟，胸有成竹。也只有如此製作出來的網頁才能有個性、有特色，具有吸引力。如何規劃網站的每一項具體內容，我們在下面會有詳細介紹。
做好以上三步之後，我們就要選擇合適的製作工具。儘管選擇什麼樣的工具並不會影響你設計網頁的好壞，但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多，首先就是網頁製作工具了，在這裡，我們一般都是用有“網路三劍客”之稱的Dreamweaver、Fireworks、flash來製作網頁，對於圖片部分的處理，個人覺得Photoshop比較好用。
最後，我們就需要按照規劃一步步地把自己的想法變成現實了，這是一個複雜而細緻的過程，一定要按照先大後小、先簡單後複雜來進行製作。所謂先大後小，就是說在製作網頁時，先把大的結構設計好，然後再逐步完善小的結構設計。所謂先簡單後複雜，就是先設計出簡單的內容，然後再設計複雜的內容，以便出現問題時好修改。在製作網頁時要多靈活運用模板，這樣可以大大提高製作效率。網頁做好之後，就要發布到Web伺服器上，才能夠讓全世界的朋友觀看，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它。
網頁設計與製作的心得體會 篇6
1、明確設計的方向
首先我們應該明確我們在為哪些用戶做設計，了解這些用戶，以此分析出相應的功能、互動方式、風格。
其次還要理解公司的戰略，比如：假如已經有同類產品流行於市場，差異化就是公司必須要考慮的，拾人牙慧者必死。公司對市場的決策也是要參考的，否則設計可能與市場定位產生衝突，要修改的還是設計，畢竟設計是服務於商業。
2、假定不同的方案，通過對比分析修正設計
我們在做設計時通常會有很多想法，這些想法憑空不容易比較分析，最好能畫出草圖來，便於對比、討論，通過對不同想法的分析，最終得出較滿意的方案。
3、能預見設計方案所產生的效果
這點更多靠設計師對用戶、市場的認識。有豐富的設計經驗，很多設計經驗都是從碰壁中逐漸總結出來的，合理的用戶研究方法可以為設計提供很多依據。設計經驗可輔助把握設計的質量，對市場的認識，決定對發展方向的把握。
4、做好“相對滿意”的設計，而不可能是最優
我們在針對用戶時，產品不可能對所有用戶都最滿意，只能優先於中間用戶，同時設計的期望受到成本、技術等等限制，所以只能讓設計方案“相對滿意”。
5、保證設計方案相對平衡
為了保證設計方案的可行性，很多時候我們要綜合用戶需求、使用環境、開發條件、經營目標等相關因素做平衡。作為設計師在保證可行的.前提下，讓“用戶滿意度”最大化。
網頁設計與製作的心得體會 篇7
學習網頁設計的過程中，我也成功製作了屬於自己的網站，通過這一次嘗試，我對計算機有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網頁製作的過程與一些技巧手法更有了另外一番了解，對網頁製作的基礎知識也有了一定的掌握。我覺得，在設計網頁之前：
首先必須做到先確定網頁設計的內容，因為一個優秀的風站要有一個明確的主題，整個網站圍繞這個主題，也就是你在網頁設計之前要明確你這個網站有什麼目的，用來做什麼，所有頁面都是圍繞著這個內容來製作，有了明確的內容對排名有很重要的作用。
其次自然是了解你網站所在行業的客戶。要知道用戶是一個網站成敗的關鍵，如果用戶要花很多時間進入你網站很有可能用戶會立即關掉你網站，或者你網站操作很不方便用戶也會馬上離開，這種網站是很失敗的設計，只會讓用戶失望的離開。
我在這次設計網頁的過程中，終於體會到做一個網頁的主頁不是一件容易的事情，它包括個人主頁的選題、內容採集整理、圖片的處理、頁面的排版設定、背景及其整套網頁的色調等很多東西。製作主頁要注意：
要想一個好的標題。標題在個人主頁中起著很重要的作用，它在很大程度上決定了你整套個人主頁的定位。一個好的標題必須有概括性、有特色、簡短易記，不要符合自己主頁的主題和風格。
主頁中不光要有文字，還要適當地加一些圖片。一張好的圖片可以勝過你的千言萬語。也能讓進入你網頁的人一目了然，產生興趣。
網頁頁面整體的排版設計也是不可忽略了，很重要的一個原則是合理也運用空間，讓自己的網頁井然有序，留下合適空間，會給人輕鬆的感覺。
當然在做這些內容之前，是要找好資料的，我們可以從報紙，雜誌，光碟等媒體中把相關的資料收集，再加上一定的編輯後就可以了。另外一個好的方法是從網路上收集，您只要到搜尋引擎上查找相應的關鍵字，就可以找到一大堆的資料。設計製作網頁我可以推薦一個不錯的軟體，那就是Dreamweaver。只需要用到此款軟體中的一些基本的功能：圖片插入和對齊設定；文字的格式、顏色、背景顏色的設定等就可以製作出一個簡單的網頁。好了，網頁設計製作完畢後，最後一步就是要最佳化網站了。
網頁設計與製作的心得體會 篇8
回顧這一個月來的實習生活是一件很值得紀念的事，這是我第一次在外實習，第一次在網上投簡歷能收到回復。對於我們這樣的藝術設計學生，我深刻的體會到單單是學校教的遠遠不夠，學校教的很籠統，很抽象，很大概，如果可以，我希望這個專業的師弟師妹們，有空多多到圖書館充實自己，靜下心來充分自學。
在外實習前，第一件事是把自己賣出去，包裝自己，所以簡歷很重要，務必屬實，因為你有多少兩重，閱人無數的人事主管和老闆在面試的交談中很快就能從你各方面行為和語言中找到答案。既然要面試，衣服當然要穿正裝，其實我也想的只是大二實習期沒有大三的三個月那么長，就那么一個月。這樣短期的工作其實根本沒有什麼公司願意招聘，所以我感覺到萬分榮幸能夠進到這一支專業的創業團隊，真的是一件了不起的事，而且這個崗位與我學習的和自己喜愛的科目對的很準，我自己也十分樂於這份工作。
記得剛開始的一個多星期，公司並沒有讓我馬上投入工作，因為當時對產品了解不熟悉，要從學校的圈子走出來到商業模式去還是有點顧慮，但是當你接觸到這商業化的東西，你會發現，學校的東西遠遠不足。所以一般公司會進行些培訓，很感激william楊，他提供了很多設計的書籍給我自學閱讀，可惜在我深刻讀完《瞬間之美——web界面設計如果讓用戶心動》（點擊跳到本人的讀書筆記）一書後，就再也很難抽取一點時間來閱讀了。
在接下來的這個月裡，除了必要的培訓以熟悉公司及其產品知識外，我也開始忙碌起來，因為產品的第一個內部版本需要再8月8日這個好日子發布。剛開始的兩個星期，因為對產品並不熟悉，一直以來在學校設計的作品都很“學校”但是商業設計比較少，出頭設計的時候真的抓破頭腦，因為習慣了學校的生活，習慣了客戶給要求按照客戶的想法去做。
至於什麼叫很學校呢，就是一種填鴨式的，根據參考去模仿設計，然而在社會上涉及很多著作權問題，所以商業上的設計基本上都是原創或者參考過後進行大幅度的提高審美設計，其次因為涉及商業利益，在商業的角度上，商業的資金來源是客戶，所以他們的需求來源於客戶，注重用戶感受的設計，是一個好設計。其實設計是件看起來簡單，但是操作起來卻感覺很漫長的一件事情，每一個細節自己不斷的琢磨推敲，自己就會讓工作時間變長，效率變低，卻又希望哪天能像那些設計家門隨心所欲的設計出自己喜歡，人們喜歡，客戶滿意的東西。設計來源與生活，套用於生活，我還需要多多積累。
8月8日這個內部版本中，我主要的工作就是設計界面，然後photoshop切圖，然後繼續傻傻的使用習慣的notepad2++手寫html和css。經歷這樣的蠢事之後，我決定還是回到dreamweaver的懷抱，因為畢竟知識不夠強，在兼容性方面還需要有dreamweaver來實時的告訴我，以提高我的工作效率。
期間william楊還多次與我熟悉，很感激他們都關心我，提醒我應該有自己的就業方向，3年5年xx年的計畫，說長不長說短不短的大學2年已經過去了。我應該有怎樣的人生，我有想過，但卻還沒如此認真的付出著。我想起老闆那句，你喜歡設計？你覺得設計適合你嗎？我真的很需要考慮我的以後，但目前設計還是我喜歡的事情，我也願意身心的投入到其中，有時候可以不必得到回報，只是為了滿足我小小的心靈。
當8月8日一過，為慶祝產品大賣，公司還組織爬山活動，然而平常我們在深山中休養學習的多，爬山的少。爬山是鍛鍊毅力的一種好方法，工作之餘不能忘了生活，忘了自然。這次高強度的爬山活動從下午3點一直爬到了晚上10點多才下到山腳，經歷的時間之長，讓我感受到一個人在公司里，不僅要有強硬的專業知識，還需要強壯的身體支撐來效益公司，而下山mk的那段話，真的讓我感受到他們很關心我，因為畢竟他們都是過來人，謝謝他們的指導。
產品的初步版本確定之後，就要開始慢慢的改進了。william作為產品經理，不僅要領導著整個團隊，還要協調工作的進度。他會製作出甘特圖，通知每個人需要做什麼事情，大概需要多長時間來完成。在其中，我會不時的停滯，因為某些小bug會導致我去轉牛角尖，而這樣會導致拖慢整個進度，然而在這個環節，我學會的最多的事，做事情要分優先權。總體要現出來，大方向，模糊地對，細節的錯，慢慢改。而那個定律資源一定了，時間也定了，只能減少的剩下特性。
從8月8日開始到15日，又是另一個版本的小跨越，一個星期里做的事並不多，除了不斷配合小楊完善頁面的重構和美化工作，還要檢查最繁瑣的兼容性問題，心裡知道很多房地產經紀人使用的電腦基本上都是深度、雨林木風、電腦公司特別版的ghost系統，所以基本上都是ie6 ie7為主流的瀏覽器，兼容性方面的確在工作上成為一個重點。
15日的第二個小版本後，會議總結了3頁的分條建立修改檔案，當看見滿是修改意見的一行行文，寫上我負責的q，心理是有點擔心，是否能在期限內完成工作，然而15日這次的.爬山活動並沒有參加，因為我知道我應該更加抓緊時間處理問題，一天下來最讓我自己感到滿意的是導航，親力親為的感覺，頗有成就感。一方面不僅要不斷的完善頁面的布局，一方面還要抽時間設計虎之翼公司的logo和網頁，他們真是替我捏了把汗似的，都有種壓力很大吧。我感覺還好吧，不過腦子真的要轉的很快了，因為沒有創作來源，讓我在上下班的途中朝思暮想的想著設計，充分利用上下班的塞車時間，不斷的觀看經過車窗的各型各類的廣告來尋來創意來源。最後還是有驚無險的完成這些工作。除了這些工作，公司越來越多人了，剛進去的時候只有我和sandy，後來多了好多個人，很羨慕參數組，能有說有笑的工作，但是我這項工作，我不是一個人在戰鬥。再後來，開始招聘銷售，因為產品到25號就要正式發布了，有點讓我走也走的不放心的感覺，要配合銷售展開小單張的宣傳。時至26日，才基本完成。
希望，我的能力能幫到公司，獻出我自己一份的力量。
網頁設計與製作的心得體會 篇9
網頁設計伴隨著網路的快速發展而快速興起，作為上網的主要依託，由於人們使用網路的頻繁而變得非常重要。生活中我每天上網都要接觸到網頁，原來沒有留意過網頁的設計，但是經過這段時間的學習了解，現在我打開一個網頁都會習慣性的先看看排版、布局和色彩運用。
通過老師的講解和對課本的翻閱，我學習到了一些關於建設網站和製作網頁的知識，對網頁製作的基礎知識也有了一定的掌握。通過Dreamweaver製作網頁，我用到了一些基本的功能：圖片插入和對齊設定；文字的格式、顏色、背景顏色的設定等。但是在自己嘗試著做的時候，總是出現這裡那裡的問題。不是圖片不能固定在自己想要的位置，就是滾動文本的顯示區域不知道為什麼撐過了頁面，還有就是不同解析度、不同瀏覽器都會對瀏覽網頁產生影響。而且在CSS方面，我總是不太熟悉各種代碼是控制哪些東西的`。除了查找解決問題我還總結了經驗。例如：
1、命名站點或者資料夾的的時候一定要注意，最好用相應的英語或者漢語拼音，要見名知意，如圖片資料夾用image或者tu，這樣可以避免頁面調用時不正確的現象發生。
2、調用Style時可以單擊滑鼠右鍵選擇CustonStyle來調用Style標準，也可以在狀態欄中的元素列表上單擊右鍵來調用Style。雖然不同的方法達到的效果看似一樣，但實際上產生的HTML代碼則完全不同。在這個過程中，我同樣認識到網頁設計不是一門學科的獨秀，而是多種課程的綜合，它是Flash、Photoshop等網頁軟體的綜合套用。例如Flash提供了功能齊全的繪圖和編輯圖形工具。可以直接在編輯區里繪畫，編輯修改非常靈活，它的另一大特點是“互動性”強。在動畫播放時，可以用滑鼠或鍵盤對動畫的播放進行控制，可以很直觀的反映出效果。頁面設計應以美觀、大方、簡潔為原則，保持一致的風格。為了達到最佳的視覺表現效果，應講究整體布局的合理性，使瀏覽者有一個流暢的視覺體驗。網頁最主要的功能就是給每個上網者提供一種形式，讓他們能夠了解網站提供的信息。要研究網頁設計，就需要站在用戶的角度來看。用戶是一個網站成敗的關鍵。如果用戶要花很多時間進入網站，很有可能他會立即關掉網站，或者網站操作很不方便用戶也會馬上離開，這種網站是很失敗的設計，只會讓用戶失望的離去。所以網頁容量即包括圖像在內的網頁位元組數最好不要超過50K。
還涉及到界面弱化的問題。一個好的界面設計它的界面是弱化的，它突出的是功能，著重體現的是網站業提供給使用者主要是什麼。這就涉及到瀏覽順序、功能分區等等。要讓訪客在0.5秒內就能把握網站的行業性質，1秒內就知道該從哪個地方開始使用這個網站，能點一次的，絕不點第二次。當然上面說的是大多數功能性網站，對於宣傳展示性網站，諸如加特效的或Flash網站，可能就不得不花哨一些，但不能太過分。網站不是卡通片，在效率越來越高，社會心理越來越浮躁的中國，人們的耐心越來越小，心理承受能力越來越低。效果可以體現意境，點到為止。
下面簡單介紹下網頁設計的理念和要點。網頁設計理念：
（1）內容決定形式：先把內容充實上，再分區塊，再定色調，再處理細節。
（2）先整體，後局部，最後回歸到整體：全局考慮，把能填上的都填上，占位置。然後定基調，分模組設計。最後調整不滿意的幾個局部細節。
（3）功能決定設計方向:看網站的用途，決定設計思路。商業性的就要突出贏利目的；政府型的就要突出形象和權威性的文章；教育性的，就要突出師資和課程。
網頁設計的兩大要點是：整體風格和色彩搭配。
一、確定網站的整體風格:
1、將標誌logo，儘可能的'放在頁面最突出的位置。
2、突出標準色彩。
3、總結一句能反映網站精髓的宣傳標語。
4、相同類型的圖像採用相同效果，比如說標題字都採用陰影效果，那么在網站中出現的所有標題字的陰影效果的設定應該是完全一致的。
二、網頁色彩的搭配:
1、用一種色彩。指選定一種色彩，然後調整透明度或飽和度，這樣頁面看起來色彩統一，有層次感。
2、用兩種色彩。先選定一種色彩，然後選擇它的對比色。
3、用一個色系。就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。在網頁配色中，還要切記一些誤區：
1、不要將所有顏色都用到，儘量控制在三至五種色彩以內。
2、背景和前文的對比儘量要大(絕對不要用花紋繁複的圖案作背景)，以便突出主要文字內容。
針對我所學的平面設計方向，那么這次套用到了創意思維，版面設計，色彩配置。圖形創意等方面都很重要，對於網頁設計作為一種視覺語言，特別講究編排和布局，雖然主頁的設計不等同於平面設計，但它們有許多相近之處，版式設
計通過文字圖形的空間組合，表達出和諧與美。不積跬步，無以至千里。我已經在老師的指引下邁入了網頁設計的大門，在今後的閒余時間繼續認真學習製作網頁的更多知識以實現自身技能的提高。
不知不覺，我已經學習《網頁設計與製作》這門課程一個學期了，雖然時間有點短，但這一個學期以後我卻受益匪淺，不僅讓我全面的、系統的學會了頁設計與製作的基礎知識，還讓我學會了自己動手去製作屬於自己的網頁，這對於我來說是很值得高興的，能讓我在以後的工作生活中更好的展現自己。
建立一個網站就像蓋一幢大樓一樣，它是一個系統工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設計出一個滿意的網站。首先，我們要確立網站主題。網站主題就是你建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。特別是對於像我這樣的個人網站，你不可能像綜合網站那樣做得內容大而全，包羅萬象。你沒有這個能力，也沒這個精力。網站的主題無定則，只要是你感興趣的，任何內容都可以，但主題要鮮明，在你的主題範圍內內容做到大而全、精而深。
然後，我們要找材料。明確了網站的主題以後，你就要圍繞主題開始蒐集材料了。常言道：“巧婦難為無米之炊”。要想讓自己的網站有血有肉，能夠吸引住用戶，你就要儘量蒐集材料，蒐集得材料越多，以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來，也可以從網際網路上蒐集，然後把蒐集的材料去粗取精，去偽存真，作為自己製作網頁的素材。
找到材料後，我們還要規劃網站。一個網站設計得成功與否，很大程度上決定於設計者的規划水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網站規劃包含的內容很多，如網站的結構、欄目的設定、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在製作網頁之前把這些方面都考慮到了，才能在製作時駕輕就熟，胸有成竹。也只有如此製作出來的網頁才能有個性、有特色，具有吸引力。如何規劃網站的每一項具體內容，我們在下面會有詳細介紹。
做好以上三步之後，我們就要選擇合適的製作工具。儘管選擇什麼樣的工具並不會影響你設計網頁的好壞，但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多，首先就是網頁製作工具了，在這裡，我們一般都是用有“網路三劍客”之稱的Dreamweaver、Fireworks、flash來製作網頁，對於圖片部分的處理，個人覺得Photoshop比較好用。
最後，我們就需要按照規劃一步步地把自己的想法變成現實了，這是一個複雜而細緻的過程，一定要按照先大後小、先簡單後複雜來進行製作。所謂先大後小，就是說在製作網頁時，先把大的結構設計好，然後再逐步完善小的結構設計。所謂先簡單後複雜，就是先設計出簡單的內容，然後再設計複雜的內容，以便出現問題時好修改。在製作網頁時要多靈活運用模板，這樣可以大大提高製作效率。網頁做好之後，就要發布到Web伺服器上，才能夠讓全世界的朋友觀看，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它。
網頁設計與製作的心得體會 篇10
一、實習目的
通過網頁設計理論聯繫實際操作，鞏固所學的知識，提高處理實際問題的能力。充分學習網頁設計實踐中的操作理論，提高自己網頁設計水平，並為能順利與社會環境接軌做準備。
二、實習任務
學習網頁設計實際問題處理方法及常規網頁設計內容(網頁設計切片、資料庫的搭建、新聞管理、留言管理、網頁設計線上編輯器等)，網頁設計後台管理方面的知識套用，及利用所學知識管理和編輯網站，並從實際出發，簡單了解關於網站安全性問題的實際解決措施(md5密碼加密等網頁設計知識)。
三、實習時間
四、實習地點
_。
五、實習內容
按照老師的安排，我制定了相應的實習計畫，並記錄了相關的實訓內容，以備後鑒，且完成實訓作業及實習心得。注重在實習階段對所學知識的鞏固和提高，以達到根據理論知識，指導日後工作實踐的目的。其主要網頁設計實習具體內容情況報告如下：
1、收集網站所需信息。
2、運用PHOTOSHOP處理的網頁設計所需圖片。處理圖片要保持圖片不失真，並按照網頁設計需求設計所需的效果。
3、對所完成的網頁頁面進行合理的切片處理，並按照網頁設計效果完成網站整體框架的構建。
4、搭建網站所需資料庫。
5、網站的虛擬建設和初步完善。
六、實習體會
大學生活讓我對計算機理論知識有了一定的了解，但實際操作領域依舊是一片空白。紙上得來終覺淺，絕知此事要躬行。經過網頁實訓課的實習，讓我對自己有了新的認識，並明確了網頁設計方面的前進方向。
1、繼續學習，不斷提升理論素養。在資訊時代，學習是不斷地汲取新信息，獲得事業進步的動力。現在通過實習總感覺自己學的不夠，要用到知識時總感覺腦袋總是空白。實習後讓我明白，為了能更好的適應工作，不得不利用自己空閒時間去彌補學習中的不足。實訓內容是與自己所學專業有密切聯繫的，所以自己在這方面格外側重，希望能夠加強自己的專業知識。
2、加強信心，堅持下去。上學的時候大家都說“能珍惜現在的日子就好好珍惜!”，等工作了才真正的領悟這句話的涵義。經歷這次實習後，就希望能把實習所學習的知識，也能運用到課堂上。對自己多一點信心，多給自己點讚賞，多給自己鼓鼓勁，相信自己總會走出一條寬敞大道。
實習，是開端也是結束。在書本上學過很多理論，但從未付諸實踐過，也許等到真正運用時，才會體會到難度有多大。在今後的工作和生活中，自己需要更加努力的奮鬥下去。
實習的同時也讓我了解到了自己的不足，我會繼續努力，完善自我。對於學校的精心安排和指導老師的用心輔導非常感謝。
最後談談我個人對自身的職業之路規劃。當然這些還不夠成熟，僅僅是這一個學期的實習帶給我的一點想法，今後我會結合學習生活進一步修正。首先是個人學習，通過實習我認識到利用課堂外的時間也是關鍵，下一步打算結合自己的興趣，利用課餘時間自我培訓;其次是社會實踐，初步打算是利用假期等時間充分工作，以提高自身實際工作能力為目的，畢竟“想”和“做”是不一樣的，這次實習中我也認識到了這點，平時覺得自己能夠勝任的簡單事情，當真正動手做時卻總不是那么簡單了;最後，打算結合個人的興趣、價值觀、能力、職業發展傾向做個詳細的職業發展規劃。
總體來說，這次網頁設計畢業實習，讓我受益匪淺，以上是我的實習心得與體會，不足之處望得到指正。
網頁設計與製作的心得體會 篇11
隨著學習進度的逐漸加快，學習的內容也逐漸開始變多、變難，不再像一開始那樣老師一講完就可以馬上上手把網頁做出來。自然而然的，在製作網頁的時候也不再像一開始那樣順利，總會出現各種各樣的錯誤。不過對於學習上的問題，老師在課堂上也會儘可能地為我們解答，並且為我們提供了很多練習的`機會，這使得我即使在面對一些困難的問題時，也能沉著地應對。
不過課堂時間畢竟是短暫，僅僅靠一周兩個課時的課堂學習時間想要把網頁設計製作完全學習得很好是不可能的事。再者網頁製作在我看來是一門實踐重於理論的科目，如果僅僅學習了理論知識卻不付諸實踐，那對學習實際上是毫無助益的。因此在課餘的時間裡，老師給我們布置了與所學內容相對應的課外作業。在完成課外作業的時候，如果遇到了難以解決的問題，我會回顧老師上課時用的課件尋求解決的辦法，與此同時，也在間接地鞏固知識。
因此，儘管過程並不都是一帆風順，但經過本學期的學習與實踐，我也逐漸掌握了網頁設計製作的一些基本技能與知識。雖然明年就大四的我以後大概是不會再像這個學期那樣有學習網頁製作的課程了，但我會利用課餘時間通過自學了解、學習更多關於網頁設計製作的知識，掌握網頁設計製作的技能的。
網頁設計與製作的心得體會 篇12
隨著學習進度的逐漸加快，學習的內容也逐漸開始變多、變難，不再像一開始那樣老師一講完就可以馬上上手把網頁做出來。自然而然的，在製作網頁的時候也不再像一開始那樣順利，總會出現各種各樣的錯誤。不過對於學習上的問題，老師在課堂上也會儘可能地為我們解答，並且為我們提供了很多練習的機會，這使得我即使在面對一些困難的問題時，也能沉著地應對。
不過課堂時間畢竟是短暫，僅僅靠一周兩個課時的課堂學習時間想要把網頁設計製作完全學習得很好是不可能的事。再者網頁製作在我看來是一門實踐重於理論的科目，如果僅僅學習了理論知識卻不付諸實踐，那對學習實際上是毫無助益的。因此在課餘的時間裡，老師給我們布置了與所學內容相對應的課外作業。在完成課外作業的時候，如果遇到了難以解決的問題，我會回顧老師上課時用的課件尋求解決的辦法，與此同時，也在間接地鞏固知識。
因此，儘管過程並不都是一帆風順，但經過本學期的學習與實踐，我也逐漸掌握了網頁設計製作的一些基本技能與知識。雖然明年就大四的我以後大概是不會再像這個學期那樣有學習網頁製作的課程了，但我會利用課餘時間通過自學了解、學習更多關於網頁設計製作的知識，掌握網頁設計製作的技能的。
自己怎么製作簡單網頁
首先在設計製作網頁之前，你要卻確定你的網頁內容是什麼?一個網站必須要有一個明確的主題。特別是對於個人網站，必須要找準一個自己最感興趣內容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。主題要鮮明，在你的主題範圍內內容做到大而全、精而深。然後針對你的內容找到相關的資料。接下來就是具體的製作步驟了：
第一步：創建一個文本文檔 你需要創建一個文本文檔包含單詞,你想要出現在您的Web頁面。只要你給你的文檔名稱結尾，大多數文字處理程式將會工作的很好。思考邏輯的地方插入你的文本。
第二步：學習基本的HTML標記 現在您需要插入一些格式化標記你的文檔,會告訴一個網際網路瀏覽器如何安排你的文字和圖片在螢幕上。這些標籤組成一個語言稱為超文本標記語言,或者HTML。
第三步：查看一個示例Web頁面
你或許在閱讀會感到有點困惑,這是為了看一個實習的HTML文檔更簡單，然後看看它是怎么被翻譯成一個Web頁面。您可以查看“源文檔“後邊的任何Web頁面將“視圖”選單(在Safari——其他的瀏覽器或許略有不同)並挑選“查看原始碼。“當你這樣做時,你會看到文檔和HTML標籤,創立頁面當時在你的瀏覽器視窗。
第四步：獲得電子圖像 如果你還沒有製作主頁的圖像檔案,您可以下載一些來自其他Web頁面。用你的常識來決定哪些圖片你可以使用,哪些你不應該。根據什麼樣的電腦和瀏覽器你正在使用,你必須使用一種稍有不同的程式下載到你的硬碟映像。這裡可以使用Safari瀏覽器: 使用滑鼠指針的`位置在圖像——按住滑鼠按鈕並拖動圖像到你的計算機的桌面——放開按鈕,您將看到一個小圖示。這時圖像已經下載到你的硬碟。確保你的檔案名稱稱和格式——點擊圖示來查看圖像,因為它將出現在您的Web頁面。
第五步：插入HTML標籤
如今您現已準備好插入格局符號在您自個的文檔。記住要開始您的文檔與< html >和完畢它與< / html >。你類型符號之間的<標題>…< /標題>將出如今你正在閱讀網頁閱讀器視窗的頂端。
第六步：查看和編輯您的頁面
保存您的文本文檔和返回到瀏覽器。在檔案選單中,選擇“打開檔案…”或“另外儲存為…”。從那裡你應該能夠找到你的文檔的名稱並點擊“開始”。你的文檔將會出現在你的視窗,看起來就像個網頁了!
第七步：上傳
您需要有一個網際網路服務提供商,允許您將您的網頁頁面在一個伺服器上，這樣其他人能夠閱覽它。假如沒有,您能夠繼續操練與檔案在您的計算機的硬碟。能夠找到一些其他網站的頁面相關的一些辦法。他們可能會添加一個連結到你的頁面註冊您的網站查找引擎如google或雅虎。一旦你添加你的URL其間一個資料庫,感興趣的人通常主題你的頁面將得到一個清單,你的網站當他們做一個查找。
另外，這邊有一些軟體可以利用，一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。比較常用的優秀軟體有Dreamweaver和Frontpage，如果你是初學者Frontpage20__是首選。除此以外還有Photoshop、Photoimpact等。另外還有一些能夠用於動態網頁設計的軟體。那么，有了這些，即使不同網頁設計的菜鳥們也可以按照規劃一步步地把自己的想法變成現實了，快快嘗試一下自己製作網頁吧!要記得，網頁做好之後，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它。
網頁設計與製作的心得體會 篇13
一、要進行個人網站前台功能設計
包括個人網站主題確定、前台功能設計與管理、個人網站首頁設計、個人網站留言板、註冊、忘記密碼、搜尋等網頁設計與管理。
二、個人網站後台管理功能設計
包括個人網站後台管理功能設計，後台管理信息系統功能設計，後台系統許可權管理，後台檔案管理，個人網站後台管理系統主頁設計。
三、網站發布
通常我們發布一個網站，這樣我們可以註冊域名，但我們也可以利用主機和安裝iis，這樣其他人可以通過“我的IP”地址訪問“我的主頁”。
四、個人網站推廣
一個網站做好了，就有必要推廣一下個人網站，這是一個電子商務網站必須做的一步，因為如果你不推廣你的網站，即使你發布了也沒有人會知道。
在設計網站時真的可以體會很多東西，從一開始確定頁面的主題，到整個主頁的設計，信息的收集，前台功能的設計與管理，後台功能的設計與管理，每一個頁面的表面設計。我把它們都一一進行規劃，因為如果你不好好規劃，想做什麼就做什麼，你是做不好的。因為我意識到這句話：“機會是屬於那些有準備的人”。我詳細到一個表的寬度都一一列出來。例如：775寬，分成三欄，每欄占多少。因為我深知“細微之處才見真功夫”。
給我最深印象的是留言板，因為之前SQL資料庫實際鍛鍊做過了，所以這次做相對容易，但我經過長時間的練習，完成了n次，有些人可能會認為，肯定是不會才做很多次！但我想告訴這些人，我每次做都是用不同的方法。第一次使用access資料庫，第二次使用SQL資料庫+許可權管理，第三次使用數據源名稱的連線。每次用的方法都不一樣。
可能會有人說我笨，有方法就行了，要那么多幹嘛？但我想說的是，沒有這么多次練習，就不會有這么多不同的方法，不會創造今天熟能生巧的我。方法，只有你自己先學會，才會學通、學
廣。
做出一個好的網頁一般都離不開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中的切片工具的使用。切好片後，還要獲取圖片的背景色。這樣我們又得掌握吸管工具的使用了。切片過程中要注意的就是圖片的大小要控制在一個像素以內。所以我們需要先放大，然後才來控制切片線的位置。
從製作網頁過程中，我學到了新的美化網頁的方法，運用了更多以前未運用的技巧。這使我學到了更多的知識，並且為我自己在製作網頁這方面積累了一些經驗。這些將是我人生中的一次重要的經歷，將是我今後走上社會後的一筆巨大的財富。這次實習的收穫對我來說有不少，我自己感覺在知識、技能等方面都有了不少的收穫。總體來說這次是對我的綜合素質的培養，鍛鍊和提高。這兩周的學習實習中我在老師的指導下以大量明晰的操作步驟和典型的套用實例，教會我們。使更豐富全面的軟體技術和套用技巧，使我們真正對所學的軟體融會貫通。當前的軟體的功能日趨複雜，不學到一定的深度和廣度是難以在實際工作中應付自如的。因此反映出學習的還不夠，缺點疏漏。需在加以刻苦鑽研及學習，不斷開拓視野，增強自己的實踐操作技能，為以後能做出出色的網頁。
網頁設計與製作的心得體會 篇14
一、 準備資料和挑選符合目的主題的合適素材
做網頁當然要收集、準備資料。在網上多轉轉，看到什麼漂亮的網頁，把它保存起來， 作為以後自己設計主頁時的參考。另外，還包括蒐集美化主頁可能要用到的各種材料，如背景、小動畫圖示等等。可以在硬碟上建一個文圖片、聲音、動畫”等文上網時看到有創意、新鮮的圖像，就按滑鼠右鍵存入你硬碟相應文時間一長就擁有了一個可觀的圖庫，等做網頁時隨手拈來或加以修改就成你自己的東西了。
二、 規劃好整個網站
主頁的設計應以醒目優先，應該令人一目了然，切勿堆砌太多不必要的細節，或使畫面 過於複雜。切記，頁面給人的第一觀感最為重要!在網上到處瀏覽網站的人很多，如果你的主頁給人的第一印像沒有吸引力， 很難令他們深入觀賞， 而且他們恐怕再也不會訪問你的網站了。
三、 善用圖片，增強藝術效果
我記得老師說過網頁的迷人之處之一， 要算它上面能點綴許多漂亮的圖片。 精美的圖片設計，可以使自己的網頁增輝不少，令人過目不忘。圖片的內容應有一定的實際作用，切忌 虛飾浮誇，同時還要注意與文字的顏色搭配。最佳的圖像集美觀與資訊於一身。
四、善於借鑑他人主頁製作中的設計技巧
由於在網上用瀏覽器瀏覽任何主頁時， 都能查看到該主頁製作時所編寫的絕大部分網頁編程原始碼。因此，如果想知道並掌握一些優秀的主頁採用的設計技巧，試著將其原始碼 調出來仔細揣摩，並模仿著一步一步去實現。
最後感謝老師多日來的辛勤教導!
網頁設計與製作的心得體會 篇15
經過一個學期的網頁設計的學習，我們的專業基礎更加紮實了，我們對於自己的專業學習更加有信心了。一開始對於網站設計我是抱著好奇以及興趣認真地學習，剛開始接觸網頁設計會覺得很神奇，平時上網接觸到的網頁可以通過自己的努力來建成。一心想著設計一個美觀大氣的大網站，可以與其他網站媲美。對於我這種初學者，有這種天真的夢想促使我更努力的學習網頁設計。
平時老師授課，講解了有關網頁設計的理論知識以及實際操作的示範。網頁設計更著重於實際操作，我們在機房通過每次上課的學習運用，已經有了一定的基礎。一開始我們都是看著別人的網站去模仿建設，到後來每個人在設計自己的網頁時都有自己的人個人風格，這就是網頁設計的樂趣。他不僅可以激發同學們的興趣，還可以把自己的風格更大膽地展示出來，是一個可以展示自我的空間，使我們更有成就感。
當我真正建立起自己的網站的時候，我看著自己的作品非常地興奮，這是我用心血完成的.只屬於自己的網站，特別地欣慰。因為過程的困難，我更加珍惜自己第一次的作品，做每一步都會小心翼翼，就像母親生怕會失去自己的孩子一樣，我就是這樣的感受。
我可以說網頁設計給了我很大的收穫，我是用我的熱情去學習，也是用我的真心去設計，屬於自己的東西永遠是最美好的。網頁設計不是用嘴巴就可以設計的，更需要的我們的堅持、創新、用心，才能收穫更大的勝利。