2022網頁製作心得

當在某些事情上我們有很深的體會時，可以記錄在心得體會中，這樣我們就可以提高對思維的訓練。那麼好的心得體會是什麼樣的呢？下面是小編收集整理的2022網頁製作心得，希望對大家有所幫助。

2022網頁製作心得1

一、 網站規劃

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

二、網站總體設計

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

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

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

四、學習體會

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

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

然後，我們要找材料。明確了網站的主題以後，你就要圍繞主題開始蒐集材料了。常言道：“巧婦難爲無米之炊”。要想讓自己的網站有血有肉，能夠吸引住用戶，你就要儘量蒐集材料，蒐集得材料越多，以後製作網站就越容易。材料既

可以從圖書、報紙、光盤、多媒體上得來，也可以從互聯網上搜集，然後把蒐集的材料去粗取精，去僞存真，作爲自己製作網頁的素材。

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

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

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

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

2022網頁製作心得2

一、網站規劃

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

二、網站總體設計

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

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

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

四、學習體會

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

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

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

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

做以上三步之後，我們就要選擇合適的製作工具。

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

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

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

2022網頁製作心得3

網頁設計伴隨着網絡的快速發展而快速興起，作爲上網的主要依託，由於人們使用網絡的頻繁而變得非常重要。生活中我每天上網都要接觸到網頁，原來沒有留意過網頁的設計，但是經過這段時間的學習瞭解，現在我打開一個網頁都會習慣性的先看看排版、佈局和色彩運用。

通過老師的講解和對課本的翻閱，我學習到了一些關於建設網站和製作網頁的知識，對網頁製作的基礎知識也有了一定的掌握。通過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、背景和前文的對比儘量要大(絕對不要用花紋繁複的圖案作背景)，以便突出主要文字內容。

針對我所學的平面設計方向，那麼這次應用到了創意思維，版面設計，色彩配置。圖形創意等方面都很重要，對於網頁設計作爲一種視覺語言，特別講究編排和佈局，雖然主頁的設計不等同於平面設計，但它們有許多相近之處，版式設

計通過文字圖形的空間組合，表達出和諧與美。不積跬步，無以至千里。我已經在老師的指引下邁入了網頁設計的大門，在今後的閒餘時間繼續認真學習製作網頁的更多知識以實現自身技能的提高。

2022網頁製作心得4

爲期兩週的網頁實訓終於結束了。爲什麼說終於結束了呢？因爲兩個星期做五個網站時間太緊了，我們每天晚上都是加班加點。但是結果是令人欣慰的，我們大都按時按質完成了任務，而且網站是一個比一個做得好！總的來說，還是有很大的收穫。

本次實訓共有五個任務，它們分別是：瀋陽植物園網、開元科技網、家臺灣旅遊網、我愛低碳網、博愛助學網。要求是每個網站至少要8個或8個以上的頁面，並運用flash做動畫，用css美化頁面等。

整個實訓的過程可以說是所學知識的一個整理，一個綜合，一個靈活運用。之前我們課堂上學的東西是一個個知識點，比較零散。雖然在實訓之前我們也做過兩個網站，但那是我們小組合作的，所以有些知識點我們並沒有都用到。而這次實訓是自己一個人做網站，做網站的各個環節都要自己親力親爲，可以說是一個挑戰，同時也是對知識的一種昇華。它不僅是dreamweaver軟件的熟練操作，也是potoshop、flash軟件的熟練運用。我們需要自己設計網站的logo這就需要運用到potoshop軟件強大的圖形圖像處理功能，需要做出生動的網頁效果，就需要flash做出動態的文字效果和圖片切換效果。

在設計的過程中遇到問題，可以說得是困難重重，這畢竟是第一次獨自設計網站、製作網站，難免會遇到過各種各樣的問題，同時在設計的過程中發現了自己的不足之處，對以前所學過的知識理解得不夠深刻，掌握得不夠牢固，在css的具體應用還不是和很熟練，沒有能完全達到自己預期的效果，還好通過老師的細心指導才能達到最終效果通過這次網頁設計與製作實訓，一定把以前所學過的知識重新溫故。

兩週網頁設計與製作的實訓課程結束了，回顧這次課程設計實訓，至今我仍感慨頗多。的確，從選材到開始製作，從理論到實踐，在兩週的實訓日子裏，可以說得是苦多於甜，但是可以學到很多很多的的東西，同時不僅可以鞏固了以前所學過的知識，而且學到了很多在書本上所沒有學到過的知識。更懂得並親身體會到了理論與實際相結合的重要性，只有理論知識是遠遠不夠的，把所學的理論知識與實踐相結合起來，從理論中得出結論，才能真正爲掌握技術，從而提高自己的實際動手能力和獨立思考的能力。

2022網頁製作心得5

不知不覺,二個星期的《網頁設計與網站建設》課程的實操即將過去,回顧這一段日子,真的令我體會很深,也學會很多東西,懂得很多以前不懂的東西,也明白了一些事情.

自從第一天接觸《網頁設計與網站建設》課程,我以下定決心要把網頁這門課學好,做出一個優秀的網站.所以我時刻沒有錯過任何學習的機會,無論在課堂上,還是在課外上.更何況這一次實操.回顧今次的實操我覺得我過得很充實,很有意義,因爲我可以誠實的說我在實操沒有玩過一次遊戲,我每時每刻都在設計網站,還記得晚上做網站做到一、二點，可能有人會說我傻，但正因爲這個傻的行動，令我學會很多東西，學會別人不懂的東西，做出一個令自己滿意的網站，可能跟別人比還需要繼續完善，但我不會因爲實操結束，就把網頁設計拋到九霄雲外，我會繼續學習網頁設計技術，把它變爲自己的一項特長。

回顧第一天的《網頁設計與網站建設》課程實操，老師叫我們繼續完善以前設計的網站，做出留言板、註冊的功能。我很快就完成了，但可能我是一個追求完善的人，所以儘管一個網站做好可以馬上交給老師。但我做出一個別人都不贊同的決定，從頭開始做一個網站。因爲我覺得以前那個真的不是太好，儘管實操的時間過去了一半，儘管別人對我說你交原來這個不就行了嗎!何必再做一個呢?但真因爲我的執著，追求成功，追求完善的人，纔會使我今天交出一個令自己滿足的答卷。

在製作個人網站時我們首先：

一、必需進行個人網站前臺功能設計

包括個人網站主題的確定，前臺功能設計與管理、個人網站主頁設計、個人網站留言板、註冊、忘記密碼、搜索等網頁設計與管理。

二、對個人網站後臺管理功能設計

包括個人網站後臺管理功能的設計、後臺管理信息系統功能的設計、後臺系統權限管理、後臺文件管理、個人網站後臺管理系統主頁設計。

三、網站的發佈

通常我們發佈一個網站可能以能過域名註冊，但我們也可以利用自己主機，裝了iis別人就可以通過我的ip地址來訪問我的主頁。第一次做的那個網頁我已經發布在上網了。

四、個人網站推廣

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

在這次實操過程中令我印象最深的是做留言板，因爲剛好在上一個星期sql數據庫實操做過了，所以今次在做就比較輕鬆，但我以前是經過一個比較長的練習，做完了n次，可能有人會想，肯定是不會才做這麼多次啦!但我想告訴這位同學我每次做得都不是不同的方法。第一次我用的是access數據庫，第二次我用的是sql數據庫加權限管理，第三次我用的是數據源名稱的連接，第四次我用的是自定義連接字符串，第五次……每一次用的方法都是不同的，可能有人會說我傻，會一種方法就行了，還要那麼多嗎?但我想說的就是不是這麼多次的練習，不是之麼多次不同的方法，也就不會造就出今天熟能生巧的我，也不會對同學提出的問題解決到，也不會輕鬆教會同學，因爲你自己首先學會，學通，學廣，才能把問題一一的解決。

2022網頁製作心得6

在製作一套頁之前，首先必須先定位頁的方向，及確定所製作站的標題。標題在個人主頁中起了很重要的作用，他很大部分的決定了你整套個人主頁的定位是否正確，一個的名字必須有概括性的、簡短的、有特色的、容易記得還要符合自己主頁的主題和風格，決不要取什麼名實不符或則誇大誇大其詞的“名字”，別人第一次上你的當下次恐怕再也不會光顧了。

選標題後，開始採集內容，內容必須緊隨着標題，在採集內容過程中，很重要的一個“特”色，所謂特色應該是有一些自己的東西，不能跟平常中所看到的企事業單位的頁相比，個人主頁中的特色，應該突出自己獨特的個性，把自己的興趣、愛盡情的發揮，因爲在絡上不受限制，沒有人在你的創作內容上指手劃腳，品頭論足、你的主頁就是你在絡上的一個小小家園，在那裏你可以放上你自 己喜歡的任何東西（當然不是違法的內容、不涉及到版權的），包括你自己平時寫的一些章，一些聽的歌，一段幽默的章，收集一些的作品，把這些內容按類別進行分類設置欄目，讓人一目瞭然，在欄目上不要設置太多，最不要超過十個，層次上最少於五層，而你的拳頭欄目最能直接從首頁到達，保證主頁用各 種瀏覽器的都能看到最的效果。

做個人主頁我覺得不能光光用字，必須在主頁上適當的加一些圖片，增加可看性，俗語有一句話“一圖甚千言”我想不無道理，一張處理看的圖片不須要你多做任何解釋，就能讓人流連忘懷，浮想聯翩，總能讓人去思考，情不至竟的去了解他，當然處理不的以及那些無關緊要的

圖片最不要放上去，讓人覺得是累贅，影響了頁傳輸速度，圖片不關要看，還要在保證圖片質量的情況下儘量縮小圖片的大小即字節數，在目前絡傳輸速度不是很快的情況下，圖片的大小很大程度上影響了頁的傳輸速度，那麼如何精簡圖片的大小呢，一般來說，圖片的顏色較少的及在256色以內的最把它處理成gif圖象格式，如果是一些彩色照片、色(更多請關注ww.aowod.co)彩比較豐富的圖片最把它處理成jpg圖象格式，因爲gif和jpg各有各的壓縮優勢，應跟據具體的圖片來選擇壓縮比。

頁頁面設計整體的排版設計也是不可忽略得，要使用戶在狹窄的電腦屏幕上閱讀，很重要的一個原則是合理的運用空間，讓自己的頁疏密有致，僅僅有條，不要把一整個頁都填的實實的，沒有一點空隙，給人一種急迫感，看一套頁應該讓人覺得很輕鬆，留下必要得空白，

頁的背景並不一定非要運用白色，但選用的背景應該跟整套頁面的色調相協調，應該有特色，合理的應用色彩是非常關鍵的，據心理學家的研究“色彩最能引起人們 奇特的想象，他最能撥動感情的琴絃”比如說你做的個人主頁是屬於感情類的，那最選用一些玫瑰色、紫色之類的比較淡雅的色彩，而不要用黑色、深藍色這類比較灰暗的色彩，黑色他是所有色彩的集合體，黑色比較深沉，他能壓抑其他色彩，在圖案設計中黑色經常用來繪紋樣、勾邊或點綴最深沉的部位，黑色不是靈丹妙藥，用時必須苦心經營，否則會時圖案“黑色太重”或顯得沉悶陰暗。

如果想自己的頁更有特色一些，可適當的加一些頁製作得技術，諸如聲音、動態頁、java、applet等技術，當然這種技術最不要加太多，他會影 響頁的下載速度，另外可考慮一下你主頁的定居點速度

和穩定性，不妨考慮建一兩個鏡象站點，不僅能照顧到不同地區友對速度的要求，還能作備份，以防萬一。

等個人主頁作了差不多了，可別忘了在您的個人主頁上放一個留言板、一個計數器是必要的，前者能讓你即使的獲得參觀者意見和建議，即使的得到友的反饋信息，你最能做到有問必答，用行動去贏的更多的訪問者，後者能讓你知道主頁參觀者的統計數據，你可以即使調整你的設計，適應不同的瀏覽器和參觀者的要求。最後一步就是宣傳你的個人主頁，首先你先在各個搜索引擎登陸，這點你可以交給一些上專門免費提供這類服務的站點替你做。此外你也不妨同訪問量大的一些站點作一下友情鏈接。通過他們站來訪問你的個人主頁。擴大你站的知名度。

2022網頁製作心得7

做主頁，並不是一件容易的事，它包括個人主頁的選題、內容採集整理、圖片的處理、頁面的排版設置、背景及其整套頁的色調等很多東西。

一、準備資料和挑選頁設計的合適工具

俗話說：“巧婦難爲無米之炊”。做主頁當然要收集、準備資料。在上多轉轉，看到什麼漂亮的頁，把它保存起來，作爲以後自己設計主頁時的參考。另外，還包括蒐集美化主頁可能要用到的各種材料，如背景、線條、小動畫圖標等等。你可以在硬盤上建一個件夾，下分“e—mail圖標、背景、線條、動畫”等件夾，養成上時看到有創意、新鮮的圖像，就按鼠標右鍵存入你硬盤相應件夾的習慣，時間一長你就有擁有了一個可觀的圖庫，等做主頁時隨手拈來或加以修改就成你自己的東西了。

二、規劃整個站

主頁的設計應以醒目優先，應該令人一目瞭然，切勿堆砌太多不必要的細節，或使畫面過於複雜。要做到這一點，首先要在整體上規劃自己站的主題和內容，確定自己需要傳達給訪問用戶的主要信息，然後仔細斟酌，把自己所有要表達的意念合情合理地組織起來；其次，是設計一個富有個性的頁面式樣，務求盡善盡美。這樣製作出來的主頁纔會清晰、明瞭、內容充實。切記，頁面給人的第一觀感最爲重要！在上到處瀏覽站的人很多，如果你的主頁給人的第一印像沒有吸引力，很難令他們深入觀賞，而且他們恐怕再也不會訪問你的站了。

三、善用圖片，增強藝術效果，加快主頁瀏覽速度

頁的迷人之處之一，要算它上面能點綴許多漂亮的圖片。精美的圖片設計，可以使自己的頁增輝不少，令人過目不忘。圖片的內容應有一定的實際作用，切忌虛飾浮誇，同時還要注意與字的顏色搭配。最佳的圖像集美觀與資訊於一身。

2022網頁製作心得8

轉眼間，已到了期末，學習網頁設計這門課程也要結束了，雖然時間有點短，但是學過這個幾周以後我受益匪淺。

記得最初接觸dreamweaver的時候，我很茫然，因爲剛接觸陌生的軟件心裏會很害怕跟不上老師的進程。剛開始幾節課，老師講得比較基礎，還能跟得上，漸漸的老師授課的進程開始加速，有些跟不上了，需要下課後自己補上，問老師和周圍的同學。漸漸的，在老師的悉心教導下，我們開始熟悉這個軟件了。老師佈置的第一個任務，要求做一個自我形象網站。由於學習的時間較短，老師只要求用PS做好模板即可，任務相對簡單。但也要求設計感強，色彩搭配和諧，並且儘可能的做成實用又符合實際的漂亮網頁。

第二個網頁設計老師要求相對較高，用dreamweaver做一個比較接近真實的網頁，還要做一個二級頁面。於是開始收集各方面的資料。確定了主題就開始佈局了。最開始使用了一個表格，然後在表格內進行拆分合並處理，接着就把通過ps處理出來一個版頭並且把修改過大小的圖片放進去了。

中間時預覽，問題出現了，發現版頭與下面的圖片文字之間出現了很大的一段距離，但是在軟件中已經把距離縮小爲0了，多次嘗試後沒有效果。最後想到可以另外再加一個表格，把版頭放在一個表格內面，這樣問題就解決了。預覽是效果還不錯。但是總覺得首頁做得太普通，一次瀏覽學長做的網頁時，覺得他們的文字滾動窗口做得效果做得不錯，於是想借見一下。就決定把自己網站的左邊修改修改。複製了他的代碼，把上面的內容修改成我的網站需要的文字。本以爲可以輕鬆的完成，但是卻出現大問題了。

因爲需要滾動的文字佔的空間太大，把左邊的那部分表格全部佔滿了，而在實際的網頁預覽中，這個有文字滾動的框只佔了左邊Oeasy教你玩轉網頁設計瀏覽的工具建站程序三分之一，左邊有三分之二留白了。我就想可不可以把文字這樣一層層的放在上面，試了很多方法，在網站查了很多資料，可能因爲沒有專業術語作爲搜索的關鍵詞，查不到任何相關的資料，試過div標籤，試過不停的拆分表格，最後還是沒有效果。就這樣試着試着，突然想到了層這個概念。於是在佈局中點擊了繪製層，結果成功了，經過一些加工，終於成功的完成左邊的佈局。印象還比較深刻的是插入聲音，記得老師曾經給我們講過很多次怎樣插入聲音，可是等到自己做網頁的時候卻忘記了，於是問其他人，結果居然都忘記了，於是自己在百度上收。

最後終於找到了一個可以使用的代碼，但是在加入聲音路徑時出現了問題。在屬性內加入源文件，結果就是加不進去MP3的音樂文件，然後自己就嘗試加入了一個視頻，記下了路徑格式，然後照着這種格式寫下了指向聲音源文件的路徑，最後成功了。在設計過程中還出現了很多的問題，但通過看書，上網查詢，請教同學等方式，不斷的學習、解決、提高，設計出的網頁不論是外觀還是內容，都在不斷的進步、改善。可以說在自己動手，不斷實踐的過程中，網頁設計水平得到了很大的提高。熱情和執着，我將來設計出的網頁會更加專業，更完善。

2022網頁製作心得9

這次的網頁製作使我學會了很多，有關怎麼收集資料，怎樣用最快的方法收集資料，怎樣收集有效的資料，怎樣整理資料，怎樣使自己的下載的資料便於查找，也學會了網頁的製作，學會了網頁特效，怎樣的特效才能凸現網頁主題。

在幾節課的網頁製作中瞭解到了合作的重要性，製作是雖然是每人負責一個網頁，但也要互相交流，互相幫助，不能只顧自己，要吸取他人的優點，如：網頁的排版，網頁的特效等等，都值得我去學習。還要聽取他人的意見和建議，不能只顧自己，這分數是集體的，不是個人的。如果有什麼好的方法和效果要和大家一起分享。這樣才能使網頁更完整，更優秀。

在作品交流中，其他小組的同學給我們也提供的很好的建議和意見，我們也會虛心接受，在看其他同學的作品時，也給了我很好的啓發，要多多吸收他人的優點和長處才能使自己的網站更加完善。在作品的交流中也很好的鍛鍊了自己的發言和有意義的提議。在聽取或提建議時並不能計仇，要用平常心對待。

如果下次還有機會，我一定會更加努力的。很感謝同組的同學的這幾日的照顧！

通過這次小組一起研究“中學生眼睛近視”，我體會到合作的快樂及樂趣。

我在小組中是負責查找資料以及製作網頁。在此過程中，我學習到許多有用的知識。小組成員們互幫互助，互相改進提高，互相增長知識。織夢內容管理系統

在製作的開始，我感到有些困難和問題無法解決，比如：查找的資料不符合要求或者找不到等。再者如在製作網頁時有一些問題，導致網頁出問題。這使我十分頭痛，只好一遍又一遍的嘗試增進。在這時刻，我感到無助又無奈。

但是，我的小組成員們並不氣餒，儘管我們的成果中老師認爲還存在許多問題和差錯。我們吸取教訓，基本是從頭開始改正錯誤一步一步往前走衝破難關，終於取得良好的成績和效果。並與此同時我們還在網上自學一些網頁特效和鼠標特效來豐富網頁，使之多一分色彩。在評比中雖然有缺點但也有許多優點。在此時我有無尚的榮譽感和成就感。

但是，雖然在這裏面有許多辛酸，可還是有歡樂在其中。我們有時濫用網頁特效導致弄出許多的笑話和趣事。使我們的網頁怪里怪氣的，於是只好重新修正。這種歡樂何處去找？是的，我們在這過程中經歷過多少風風雨雨，多少艱難挫折。我體會到什麼是團體精神，什麼是合作之情，什麼滋味才叫酸甜苦辣，什麼纔是榮譽感和成就感……

2022網頁製作心得10

做好主頁，並不是一件容易的事，它包括個人主頁的選題、內容採集整理、圖片的處理、頁面的排版設置、背景及其整套網頁的色調等很多東西。

一、準備資料和挑選網頁設計的合適工具

俗話說：“巧婦難爲無米之炊”。做主頁當然要收集、準備資料。在網上多轉轉，看到什麼漂亮的網頁，把它保存起來，作爲以後自己設計主頁時的參考。另外，還包括蒐集美化主頁可能要用到的各種材料，如背景、線條、小動畫圖標等等。你可以在硬盤上建一個文件夾，下分“e-mail圖標、背景、線條、動畫”等文件夾，養成上網時看到有創意、新鮮的圖像，就按鼠標右鍵存入你硬盤相應文件夾的習慣，時間一長你就有擁有了一個可觀的圖庫，等做主頁時隨手拈來或加以修改就成你自己的東西了。

二、規劃好整個網站

主頁的設計應以醒目優先，應該令人一目瞭然，切勿堆砌太多不必要的細節，或使畫面過於複雜。要做到這一點，首先要在整體上規劃好自己網站的主題和內容，確定自己需要傳達給訪問用戶的主要信息，然後仔細斟酌，把自己所有要表達的意念合情合理地組織起來；其次，是設計一個富有個性的頁面式樣，務求盡善盡美。這樣製作出來的主頁纔會清晰、明瞭、內容充實。切記，頁面給人的第一觀感最爲重要！在網上到處瀏覽網站的人很多，如果你的主頁給人的第一印像沒有吸引力，很難令他們深入觀賞，而且他們恐怕再也不會訪問你的網站了。

三、善用圖片，增強藝術效果，加快主頁瀏覽速度

網頁的迷人之處之一，要算它上面能點綴許多漂亮的圖片。精******圖片設計，可以使自己的網頁增輝不少，令人過目不忘。圖片的內容應有一定的實際作用，切忌虛飾浮誇，同時還要注意與文字的顏色搭配。最佳的圖像集美觀與資訊於一身。

2022網頁製作心得11

現在，計算機和網絡已經深入到了我們生活中的方方面面，也已經成了生活中不可缺少的一部分，網絡成了我們獲取知識和信息的一種便捷工具，現在的網民也在不斷的增多，所以，瞭解和學習網絡知識是我們作爲一名大學生迫切所需的。

通過一週的實習，在這門課上我學習到了一些關於製作網頁的知識，對flash也有所瞭解，還學會了一些基礎的PS技能

通過一週對這門課的實習，我對計算機有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網頁製作的過程與一些技巧手法更有了另外一番瞭解，對網頁製作的基礎知識也有了一定的掌握。

在準備材料的時候我們可以用到學習的Flash知識來製作一些小的動畫和動態圖片，Flash 提供了功能齊全的繪圖和編輯圖形工具。可以直接在編輯區裏繪畫，編輯修改非常靈活，它的另一大特點是“交互性”強。在動畫播放時，可以用鼠標或鍵盤對動畫的播放進行控制，效果可以很直觀的反映出來。

然後是對圖片的處理，用到了Photoshop等相關的圖像軟件。也對Photoshop cs4這款軟件有了一定的瞭解，學會了一些基本的ps方法。

接下來是開始正式製作網頁。通過Dreamweaver作爲製作軟件，只需要用到軟件中的一些基本的功能：圖片插入和對齊設置；文字的格式、顏色、背景顏色的設置等就可以製作出一個簡單的網頁。

在網頁製作的時候，我覺得首先要列出大綱。列出來後，還必須考慮每個頁面之間的鏈接關係。層次不清的站點會造成瀏覽困難，影響內容的發揮。

框架定下來了，然後開始一步一步有條理，有次序地做來，就胸有成竹得多，也會爲主頁將來發展打下良好的基礎。

下一步，就以動手製作具體內容了，題材選定，框架選定，接下來就開始往網頁裏面填內容。

最後就是對網頁的一些細節調整了，保證預覽網頁的整齊和沒有錯誤。

2022網頁製作心得12

楊老師下午講解的是網頁製作，他從網頁佈局（三段式）講解，接着展示新浪、師院首頁給我們看，在這過程中，始終都以實例講解爲主。

接着講網頁佈局的方法：

1.紙上佈局法

許多網頁製作者不喜歡先畫出頁面佈局的草圖，而是直接在網頁設計器裏邊設計佈局邊加內容。這種不打草稿的方法不能讓你設計出優秀的網頁來。所以在開始製作網頁時，要先在紙上畫出你頁面的佈局草圖來。

2.軟件佈局法

如果你不喜歡用紙來畫出你的佈局意圖，那麼你還可以利用軟件來完成這些工作。這個軟件就是Photoshop。Photoshop所具有的對圖像的編輯功能用到設計網頁佈局上更顯得心應手。不像用紙來設計佈局，利用Photoshop可以方便的使用顏色，使用圖形，並且可以利用層的功能設計出用紙張無法實現的佈局意念。

最後重點講了佈局的技術

1.層疊樣式表的應用

2.表格佈局

3.框架佈局

最後，楊老師就DIV+CSS給我們進行詳細介紹，我們按照他的進度，創建網站站點、創建文件夾、創建文件。然後在DIV容器中插入動畫，創建CSS文件，對不同的塊元素進行排版，主要是浮動—float。由於時間實在是太短了，很多知識都沒的講，比如我們常遇到的外邊距，內邊距，線條，以及一些基本的代碼知識…….

哈哈，我就不多說了，對於網頁我也研究了好幾年了，問題還真多，學過網頁佈局（table、DIV+CSS），學過平面設計（PS、CDR），學過編程（ASP、）,學過數據庫（AC、SQL）。可以說我現在完全可以獨當一面，接過學校、企業、武警等的網頁製作，評價都還不錯！目前就是缺一個團隊，從鄭小軍老師他們的成果看，不是一個人的努力能完成的，更多的是要一個志同道合的團隊，回去我也該好好想想這個問題了。

2022網頁製作心得13

在炎熱的夏季，又在悶熱的機房中，我們又一次的完成了網站建設的實習。在這實習期間，有太多的話想說，都是苦不堪言。但事後又想想，苦過了，才知道有甜。

在這實習當中，我知道了div是html(超文本語言)中的一個元素,div+cs是一種網頁的佈局方法,div+css包括 行內樣式、內嵌式、鏈接式、導入式、css選擇器、標記選擇器、類別選擇器、id選擇器、選擇器聲明、css繼承。還有id與class區別：id不允許重複使用，只能用一次，css規範和其他規範javascript控制方法一樣。

說實話，我對div+css一點兒都不懂，但起碼我知道了這是一種網頁的佈局格式，總比不知道強。有句話說，不懂就要學。是的，既然學了了這個專業，就不能對這個專業模糊。所以，就要學習學習再學習。征服畏懼、建立自信的最快最確實的方法，就是去做你害怕的事，直到你獲得成功的經驗。

我們經過兩週的實訓，通過前期的合同洽談、簽訂，到後期的網站製作、網站發佈，讓我受益匪淺。不僅讓我瞭解通過網絡洽談商務的禮儀和細節，也讓我的網站製作知識及技能有了很大提高。

前期我們通過發送電子郵件，進行網上商務的接洽。由於沒有做好工作——瞭解商務郵件的格式，導致郵件發了很長一段時間，雙方還僅僅停留在認識階段，確實說來很失敗。

在擬定合同時，由於不能真正滿足客戶的需求，一些條款及報價不合理，因此要一次又一次反覆的修改合同。這主要是因爲我們不能正確解讀客戶的要求，並且我們不能拿出我們公司爲大洋禮品公司網站建設的特色。

在網站製作的起初階段，由於不曾製作過網頁，雖然團隊確立了分工，但還是有些迷茫。公司沒有確立風格和大體的佈局，並且蒐集資料是一個漫長而又複雜的過程。通過瀏覽各類禮品網站，心裏大概有了一定的想法和設計。

我的主要任務有“誠聘英才” 、“產品導航” 、“展會禮品” 、“廣告促銷禮品” 。我最先做的是“誠聘英才” ，我是參照中國電信誠聘英才首頁做的，它看似製作簡單，其實佈局十分複雜、精緻。在處理圖片是我遇到了不少困難，最典型的就是有一次我想在圖片中插入文字，但始終插入不了，後來通過請教老師，總算知道了其中的奧妙。原來是圖層被鎖定了，要重新拷貝圖層，再考貝的圖層上就可以插入文字了，並且文字其實也是一個圖層，它是可以移動的。儘管我爲誠聘英才網頁付出了很多，但並沒有被採納，並且此時我也設計了logo，也沒有被採納。

“產品導航”是一個困擾我一上午的問題(此刻公司首頁已經制作完畢，而它與合同上的“產品導航”頁面佈局類似，於是這讓我一時間很難抉擇。我就一邊設計一邊思考，此時我爲公司定的色彩風格是紅色，我爲導航欄設計的是交互式按鈕，並且設計了初始字體、懸停、按下時字體顏色。可是這一切都是白費，由於後來我們將風格確定爲藍色，並且導航欄確定都採用首頁中插入的圖片，但我覺得這樣有些不好：例如它不可以設置超鏈接的字體顏色，這是很不專業的體現。團隊由於缺乏及時的溝通，導致其他組員一些好的想法得不到實施，確實是我們團隊合作的一個問題所在。

展會禮品、廣告促銷禮品由於套用相同的佈局，設計上沒有什麼難點，只是在這基礎上進行產品的進一步分類和圖片的蒐集有些費神和花時間。我在製作這一系列網頁時，都特別注意修改網頁標題。網頁標題是十分重要的，它是每打開一張網頁的頭標。

前面這一階段的工作我還有一個小收穫，這就是圖片位置，其實在圖片屬性中圖片定位選擇絕對定位，再在下面輸入距左距上的距離即可，這是一個很不錯的方法。

後期我們進行每個人作的網頁整合時遇到了不少問題 ，原先我們認爲超鏈接是可以整合的，其實不然，只能在一個文件內作。當時已經花了一天的工時，可後來在晚上才發現，不只這個問題，還有每個人做的網頁都是保存在網站文件夾下，而最後上傳到服務器上只能有一個網站文件夾。所以後來我們組有三個人加班熬夜的。原本以爲這樣已經差不多了，可是當我們把網站通過 windowsxxiis默認web站點上傳進行本地調試時發現所有網頁導航欄的圖片都顯示不出來，一些超鏈接也無法連接，這下讓我們有些驚慌失措。通過向老師瞭解，知道可能是圖片命名的問題，web服務器無法識別中文命名的圖片，此外網頁也需命名爲英文。於是我們又忙於修改圖片和網頁的名稱。我的所製作的展會禮品將網頁都放在private文件夾下，導致所有需要連接到展會禮品首頁的都不能進行。我首先需要把private文件夾下的網頁全部剪切出來，並且檢查超鏈接，而這些只能在frontpage文件夾試圖下進行。同時還要在http上檢測，進行及時的修改。超鏈接檢測是我展會禮品網頁的一個主要問題。公司主頁上的“展會禮品”始終連接不到“展會禮品首頁” ，反覆的進行超鏈接都無法成功，其實是因爲我所連接的超鏈接路徑不對，其實我應該根據瀏覽器上不能連接到的網頁路徑進行修改超鏈接。

經過這翻調試、測試，網站不存在圖片顯示不出來的問題，以及超鏈接無法連接的問題。

在互聯網越來越深入到生活中每一個角落的年代，網頁的表現形式就如同以前書本上的文字，傳達着的是網絡語言，每一條線、每一個色塊、每一種版式、每一種組合都傳遞給閱讀者一種感覺。實際上網頁的表現形式已是互聯網至關重要的元素。它是一種創造性、有成就感的工作。

2022網頁製作心得14

作爲本學期的第十三週，我們電子商務0901班由此開始了爲期兩週的網頁設計與製作實訓課程，雖然我們實訓的內容不多，但通過同學之間的互相幫助與交流以及老師的精心指導，我們大家依然收穫很多。

這一週裏，可以說實訓的內容不難，但每天都有不同的東西需要學習，讓人感到很高興，大家都希望能夠通過自己的努力可以多掌握一點本專業的東西，總的來說，我們通過對“飄舞的雪花”及“倒影”的練習製作，已經熟練的掌握了flash的一些簡單操作和應用，不但如此，更增加了同學間的友誼，陪養了彼此間的團結。

實訓期間，老師會根據我們的練習程度發一些素材和視頻實訓給我們，由此我瞭解到了網頁設計與製作的一些程序和步驟，知道了怎麼處理圖片透明以及遮罩層的運用，知道了flash基本操作的步驟，爲了增加動畫的美感和活潑感，還適當在添加一些透明flash和一些網頁特效。在實訓的時間裏面，我們大家一起合作，共同努力，對網頁設計有了更進一步的認識，並且對這門課程越發的感興趣，從剛開始的好奇進而想要去更深層次的瞭解。

這一週的實訓課程已然結束，flash製作讓我受益匪淺，我們知道了很多，也進步了很多，很快就要進入下一週的實訓了，雖然還不知道具體的有什麼內容，但通過這一週的學習，下一週，我想也很值得期待。希望能夠學到更多的東西，充實自己的頭腦，豐富自己的知識。

2022網頁製作心得15

通過這次實訓對這門課程的學習，做好網頁，並不是一件容易的事，它包括網頁的選題、 內容採集整理、 圖片的處理、 頁面的排版設置、 背景及其整套網頁的色調等很多東西。

所以我得出一下總結：

一、 準備資料和挑選符合目的主題的合適素材

做網頁當然要收集、準備資料。在網上多轉轉，看到什麼漂亮的網頁，把它保存起來， 作爲以後自己設計主頁時的參考。另外，還包括蒐集美化主頁可能要用到的各種材料，如背景、小動畫圖標等等。可以在硬盤上建一個文件夾，下分“圖片、聲音、動畫”等文件夾， 養成上網時看到有創意、新鮮的圖像，就按鼠標右鍵存入你硬盤相應文件夾的習慣，時間一長就擁有了一個可觀的圖庫，等做網頁時隨手拈來或加以修改就成你自己的東西了。

二、 規劃好整個網站

主頁的設計應以醒目優先，應該令人一目瞭然，切勿堆砌太多不必要的細節，或使畫面 過於複雜。切記，頁面給人的第一觀感最爲重要！在網上到處瀏覽網站的人很多，如果你的主頁給人的第一印像沒有吸引力， 很難令他們深入觀賞， 而且他們恐怕再也不會訪問你的網站了。

三、 善用圖片，增強藝術效果

我記得老師說過網頁的迷人之處之一， 要算它上面能點綴許多漂亮的圖片。 精美的圖片設計，可以使自己的網頁增輝不少，令人過目不忘。圖片的內容應有一定的實際作用，切忌 虛飾浮誇，同時還要注

意與文字的顏色搭配。最佳的圖像集美觀與資訊於一身。

四、善於借鑑他人主頁製作中的設計技巧

由於在網上用瀏覽器瀏覽任何主頁時， 都能查看到該主頁製作時所編寫的絕大部分網頁編程源代碼。因此，如果想知道並掌握一些優秀的主頁採用的設計技巧，試着將其源代碼 調出來仔細揣摩，並模仿着一步一步去實現。

最後感謝老師多日來的辛勤教導！