品才網>網頁制作>網頁制作心得體會

網頁制作心得體會

時間：2024-06-27 15:21:39 網頁制作我要投稿

網頁制作心得體會（薦）

　　我們心里有一些收獲后，不如來好好地做個總結，寫一篇心得體會，這樣能夠讓人頭腦更加清醒，目標更加明確。那么心得體會怎么寫才能感染讀者呢？下面是小編整理的網頁制作心得體會，歡迎閱讀與收藏。

網頁制作心得體會（薦）

網頁制作心得體會1

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

　　所以我得出一下總結：

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

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

　　二、規劃好整個網站

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

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

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

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

　　四、善于借鑒他人主頁制作中的設計技巧

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

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

網頁制作心得體會2

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

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

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

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

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

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

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

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

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

網頁制作心得體會3

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

　　通過老師的講解和對課本的翻閱，我學習到了一些關于建設和制作網頁的知識，對網頁制作的基礎知識也有了一定的掌握。通過Dreamweaver制作網頁，我用到了一些基本的功能：圖片插入和對齊設置；文字的格式、顏色、背景顏色的設置等。但是在自己嘗試著做的時候，總是出現這里那里的問題。不是圖片不能固定在自己想要的位置，就是滾動文本的顯示區域不知道為什么撐過了頁面，還有就是不同分辨率、不同瀏覽器都會對瀏覽網頁產生影響。而且在CSS方面，我總是不太熟悉各種代碼是控制哪些東西的。除了查找解決問題我還總結了經驗。例如：

　　1、命名站點或者文件夾的的時候一定要注意，最好用相應的英語或者漢語拼音，要見名知意，如圖片文件夾用image或者tu，這樣可以避免頁面調用時不正確的'現象發生。

　　2、調用Style時可以單擊鼠標右鍵選擇Custon Style來調用Style標準，也可以在狀態欄中的元素列表上單擊右鍵來調用Style。雖然不同的方法達到的效果看似一樣，但實際上產生的HTML代碼則完全不同。在這個過程中，我同樣認識到網頁設計不是一門學科的獨秀，而是多種課程的綜合，它是Flash、Photoshop等網頁軟件的綜合應用。例如Flash提供了功能齊全的繪圖和編輯圖形工具。可以直接在編輯區里繪畫，編輯修改非常靈活，它的另一大特點是“交互性”強。在動畫播放時，可以用鼠標或鍵盤對動畫的播放進行控制，可以很直觀的反映出效果。頁面設計應以美觀、大方、簡潔為原則，保持一致的風格。為了達到最佳的視覺表現效果，應講究整體布局的合理性，使瀏覽者有一個流暢的視覺體驗。網頁最主要的功能就是給每個上網者提供一種形式，讓他們能夠了解提供的信息。要研究網頁設計，就需要站在用戶的角度來看。用戶是一個成敗的關鍵。如果用戶要花很多時間進入，很有可能他會立即關掉，或者操作很不方便用戶也會馬上離開，這種是很失敗的設計，只會讓用戶失望的離去。所以網頁容量即包括圖像在內的網頁字節數最好不要超過50K。

　　還涉及到界面弱化的問題。一個好的界面設計它的界面是弱化的，它突出的是功能，著重體現的是業提供給使用者主要是什么。這就涉及到瀏覽順序、功能分區等等。要讓訪客在0.5秒內就能把握的行業性質，1秒內就知道該從哪個地方開始使用這個，能點一次的，絕不點第二次。當然上面說的是大多數功能性，對于宣傳展示性，諸如加特效的或Flash，可能就不得不花哨一些，但不能太過分。不是動畫片，在效率越來越高，社會心理越來越浮躁的中國，人們的耐心越來越小，心理承受能力越來越低。效果可以體現意境，點到為止。

　　下面簡單介紹下網頁設計的理念和要點。網頁設計理念：

　　（1）內容決定形式：先把內容充實上，再分區塊，再定色調，再處理細節。

　　（2）先整體，后局部，最后回歸到整體：全局考慮，把能填上的都填上，占位置。然后定基調，分模塊設計。最后調整不滿意的幾個局部細節。

　　（3）功能決定設計方向:看的用途，決定設計思路。商業性的就要突出贏利目的；

　　政府型的就要突出形象和權威性的xx；教育性的，就要突出師資和課程。

　　網頁設計的兩大要點是：整體風格和色彩搭配。

　　一、確定的整體風格:

　　1、將標志logo，盡可能的放在頁面最突出的位置。

　　2、突出標準色彩。

　　3、總結一句能反映精髓的宣傳標語。

　　4、相同類型的圖像采用相同效果，比如說標題字都采用陰影效果，那么在中出現的所有標題字的陰影效果的設置應該是完全一致的。

　　二、網頁色彩的搭配:

　　1、用一種色彩。指選定一種色彩，然后調整透明度或飽和度，這樣頁面看起來色彩統一，有層次感。

　　2、用兩種色彩。先選定一種色彩，然后選擇它的對比色。

　　3、用一個色系。就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。在網頁配色中，還要切記一些誤區：

　　1、不要將所有顏色都用到，盡量控制在三至五種色彩以內。

　　2、背景和前文的對比盡量要大(絕對不要用花紋繁復的圖案作背景)，以便突出主要文字內容。

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

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

網頁制作心得體會4

　　教育技術是一門跟計算機密不可分的的專業，這學期我們開了網頁制作這門課程，從上大學以來我就一直期待這門課程，因為在我們日常網絡中網頁是不可缺少的，我也對它非常感興趣。所以要認真的學習。爭取多學習一些這方面的東西。

　　通過第一堂課的'學習，我對網頁有了更深一步的了解和認識了，網頁分為靜態網頁和動態網頁兩種。打開靜態網頁只需

　　一、靜態網頁與動態網頁的關系

　　1、靜態

　　運行于客戶端的程序、網頁、插件、組件，屬于靜態網頁，例如html頁、JavaScript、VBScript等等，它們是永遠不變的。

　　靜態網頁是網站建設的基礎，靜態網頁和動態網頁之間也并不矛盾，為了網站適應搜索引擎檢索的需要，即使采用動態網站技術，也可以將網頁內容轉化為靜態網頁發布。

　　2、動態

　　從網站瀏覽者的角度來看，無論是動態網頁還是靜態網頁，都可以展示基本的文字和圖片信息，但從網站開發、管理、維護的角度來看就有很大的差別。

　　1）開發公司：微軟（Microsoft）

　　2）服務器IIS（Internet information service）

　　ASP———IIS的安裝與配置

　　二、動態網頁技術

　　IIS的安裝與配置

　　安裝IIS

　　若操作系統中還未安裝IIS服務器，可打開“控制面板”，然后單擊啟動“添加/刪除程序”，在彈出的對話框中選擇“添加/刪除Windows組件”，在Windows組件向導對話框中選中“Internet信息服務（IIS）”，然后單擊“下一步”，按向導指示，完成對IIS的安裝。

網頁制作心得體會5

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

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

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

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

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

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

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

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

　　三、網站的發布

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

　　四、個人網站推廣

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

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

網頁制作心得體會6

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

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

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

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

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

網頁制作心得體會7

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

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

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

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

網頁制作心得體會8

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

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

　　俗話說：“巧婦難為無米之炊”。做主頁當然要收集、準備資料。在網上多轉轉，看到什么漂亮的網頁，把它保存起來，作為以后自己設計主頁時的參考。

　　另外，還包括搜集美化主頁可能要用到的各種材料，如背景、線條、小動畫圖標等等。你可以在硬盤上建一個文件夾，下分“e—mail圖標、背景、線條、動畫”等文件夾，養成上網時看到有創意、新鮮的圖像，就按鼠標右鍵存入你硬盤相應文件夾的習慣，時間一長你就有擁有了一個可觀的圖庫，等做主頁時隨手拈來或加以修改就成你自己的東西了。

　　二、規劃好整個網站

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

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

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

　　四、善于借鑒他人主頁制作中的設計技巧

　　由于在網上用瀏覽器瀏覽任何主頁時，都能查看到該主頁制作時所編寫的絕大部分網頁編程源代碼。因此，如果你想知道并掌握一些優秀的主頁采用的設計技巧，不妨將其源代碼調出來仔細揣摩，并模仿著一步一步去實現。這樣的話，你就能以較短的時間掌握相應的設計技巧。而且，在許多主頁上都留有制作者的電子郵件地址或icq號碼，如果你在制作主頁時，遇到什么疑昨天，網頁與我無緣，那是因為上天不給我們一個見面的機會！

網頁制作心得體會9

　　轉瞬之間，半個學期又接近尾聲，在李導師的精心輔導下，度過了這個富有生機，富有朝氣的學期。學到了很多做夢也不會遇到的如此奇特的有趣知識，對于我來講是一個很好的鍛煉和充實的機會。

　　俗話說的好“書山有路勤為徑，學海無涯苦作舟”。在這一絕世佳句的鼓動下，我把握了工作之余的一切可利用的剩余時間，全心全意投入到網頁世界，去不斷的學習，去不斷的收索；同時去不斷的充實，去不斷的完善自我，在網絡的天空下逐漸的'美化自己的人生！

　　在頁制作的過程中，我深深體會到一點“有付出，就終有回報”，你的付出與你的回報終究是成正比的。經過了多少漫漫長路，經過了多少忘我的投入，經過了多少波折，我的網頁與眾人見面了。當我第一眼在網絡下一覽我的個人主頁，我是多么的激動，多么的興奮，就像多年未見的老同學，一種講不出道不明的感覺。

　　我在制作主頁中的心得體會:

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

　　1.標題

　　在個人主頁中標題起著很重要的作用，它在很大程度上決定了你整套個人主頁的定位。一個好的標題必須有概括性、簡短，有特色、容易記，還要符合自己主頁的主題和風格，決不要取一個名不符實的"好名字"，別人第一次上了當，下次再也不會光顧了。

　　2.內容的采集

　　選好標題后，開始采集內容，內容必須與標題相符，在采集內容的過程中，應注重特色，所謂特色應該是有一些自己的東西。個人主頁中的特色，應該突出自己的個性，把自己的興趣、愛好盡情地發揮出來，因為在網絡上不受限制。主頁就是在網絡上的一個小小家園，在那里，可以放上自己喜歡的任何東西，包括你自己平時喜歡一些文章，一些好聽的歌，一些好的動畫作品。把這些內容按類別進行分類，設置欄目，讓人一目了然，在欄目上不要設置太多，最好不要超過十個，層次上最好少于五層。

　　3.圖片

　　做個人主頁不能只用文字，必須在主頁上適當地加一些圖片，增加可看性，俗話說"一圖勝千言"，我想不無道理，一張處理得好的圖片不需要多做任何解釋，就能讓人一目了然，讓人去思考，去了解它。當然處理得不好的以及無關緊要的圖片最好不要放上去，否則讓人覺得是累贅，同時也影響網頁的傳輸速度。圖片不僅要好看，還要在保證圖片質量的情況下盡量縮小圖片的大小（即字節數），在目前網絡傳輸速度不是很快的情況下，圖片的大小在很大程度上影響了網頁的傳輸速度。那么如何精簡圖片的大小呢，一般來說，圖片顏色較少的及在256色以內的最好把它處理成gif圖像格式，如果是一些色彩比較豐富的圖片，最好把它處理成jpg圖像格式，因為gif和jpg各有各的壓縮優勢，應根據具體的圖片來選擇壓縮比。

　　4.網頁排版

　　網頁頁面整體的排版設計也是不可忽略的，要讓讀者在狹小的電腦屏幕上閱讀，很重要的一個原則是合理地運用空間，讓自己的網頁井井有條，留下必要的空白，人覺得很輕松。不要把整個網頁都填得密密實實的，沒有一點空隙，這樣會給人一種壓抑感。

　　5.背景

　　網頁的背景并不一定非要用白色，選用的背景應該和整套頁面的色調相協調。合理的應用色彩是非常關鍵的。12

網頁制作心得體會10

　　咱們經過兩周的實訓，經過前期的合同洽談、簽定，到后期的制造、發布，讓我收獲頗豐。不只讓我了解經過網絡洽談商務的禮儀和細節，也讓我的制造常識及技術有了很大進步。

　　前期咱們經過發送電子郵件，進行網上商務的接洽。因為沒有做好作業——了解商務郵件的格式，致使郵件發了很長一段時間，兩邊還只是停留在知道期間，的確說來很失敗。

　　在擬定合一起，因為不能真正滿足客戶的需要，一些條款及報價不合理，因而要一次又一次重復的修正合同。這首要是因為咱們不能正確解讀客戶的請求，而且咱們不能拿出咱們公司為大洋禮物公司建設的特征。

　　在制造的起先期間，因為不曾制造過頁面，盡管團隊確立了分工，但仍是有些迷茫。公司沒有確立個性和大體的.規劃，而且收集材料是一個綿長而又雜亂的過程。經過閱讀各類禮物，心里大概有了必定的想法和規劃。

　　我的首要任務有“誠聘英才”、“商品導航”、“展會禮物”、“廣告促銷禮物”。我最早做的是“誠聘英才”，我是參照中國電信誠聘英才主頁做的，它看似制造簡略，本來規劃十分雜亂、精美。在處理圖像是我遇到了不少艱難，最典型的即是有一次我想在圖像中刺進文字，但一直刺進不了，后來經過討教教師，總算知道了其間的微妙。原來是圖層被確定了，要從頭拷貝圖層，再考貝的圖層上就能夠刺進文字了，而且文字本來也是一個圖層，它是能夠移動的。盡管我為誠聘英才頁面付出了許多，但并沒有被選用，而且此刻我也規劃了logo，也沒有被選用。

　　“商品導航”是一個困惑我一上午的問題（此刻公司主頁現已制造結束，而它與合同上的“商品導航”頁面規劃相似，所以這讓我一時間很難抉擇。我就一邊規劃一邊考慮，此刻我為公司定的色彩個性是赤色，我為導航欄規劃的是交互式按鈕，而且規劃了初始字體、懸停、按下時字體色彩。

　　但是這一切都是白搭，因為后來咱們將個性確定為藍色，而且導航欄確定都選用主頁中刺進的圖像，但我覺得這么有些欠好：例如它不能夠設置超鏈接的字體色彩，這是很不專業的表現。團隊因為缺乏及時的交流，致使別的組員一些好的想法得不到施行，的確是咱們團隊協作的一個問題所在。

網頁制作心得體會11

　　一、網站規劃

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

　　二、網站總體設計

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

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

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

　　四、學習體會

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

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

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

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

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

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

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

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

網頁制作心得體會12

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

　　接著講網頁布局的方法：

　　1.紙上布局法

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

　　2.軟件布局法

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

　　最后重點講了布局的技術

　　1.層疊樣式表的應用

　　2.表格布局

　　3.框架布局

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

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

網頁制作心得體會13

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

　　我利用寒假的時間，對網頁設計進行了初步的認識和了解，并基本掌握Dreamweaver的應用。

　　我了解了一些基礎的網絡技術。通過學習，我對計算機有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網頁制作的過程與一些技巧手法更有了另外一番了解，對網頁制作的基礎知識也有了一定的掌握。在這個過程中，我同樣認識到網頁設計不是一門學科的獨秀，而是多種課程的綜合，他是、Flash、Fireworks等網頁軟件的綜合應用。

　　下面闡述一下我在翻閱《Dreamweaver》時的一些關于網頁設計的見解。在具體的制作一個網頁時我了解到一個優秀的網頁設計應該具備一些基本原則。

　　首先，要·確定網頁設計的`內容一個優秀的風站要有一個明確的主題。整個網站圍繞這個主題,也就是你在網頁設計之前要明確你這個網站有什么目的,用來做什么，所有頁面都是圍繞著這個內容來制作，有了明確的內容對排名有很重要的作用;其次，要了解你網站所在行業的客戶，及你的網頁屬于哪個類別。用戶是一個網站成敗的關鍵,如果用戶要花很多時間進入你網站很有可能用戶會立即關掉你網站,或者你網站操作很不方便用戶也會馬上離開,這種網站是很失敗的設計,只會讓用戶失望的離去.

　　在完成以上的基本內容之后網頁的基本框架便成形成了，下面要開始的便是優化工作，內容是整個網頁的核心。在網頁設計之前必須明確網頁的內容安排。優秀網頁設計是要建立在平凡的基礎上的。然后在具體的規劃一個網頁時，可以用樹狀結構先把每個頁面的內容大綱列出來，尤其要制作一個大的網站 (有很多頁面) 的時候，特別需要把這個架構規劃好，也要考慮到以后可能的擴充性，免得做好以后又要一改再改整個網站的架構，很浪費時間和財力。大綱列出來后，還必須考慮每個頁面之間的鏈接關系。是星形，樹形，或是網形鏈接。這也是判別一個網站優劣的重要標志。鏈接混亂，層次不清的站點會造成瀏覽困難，影響內容的發揮。框架定下來了，然后開始一步一步有條理，有次序地做來，就胸有成竹得多，也會為主頁將來發展打下良好的基礎。下一步，就以動手制作具體內容了，題材選定，框架選定，接下來就開始往主頁里面填內容。

　　如果是個人主頁，有能力的人完全可以靠自己來創作所有的內容。大部分人的方法是：從報紙，雜志，光盤等媒體中把相關的資料收集整理，再加上一定的編輯后就可以了。另外一個好的方法是從網絡上收集，您只要到搜索引擎上查找相應的關鍵字，就可以找到一大堆的資料。在準備材料的時候我們可以用一些小的動畫和動態圖片，Flash提供了功能齊全的繪圖和編輯圖形工具。可以直接在編輯區里繪畫，編輯修改非常靈活，它的另一大特點是“交互性”強。在動畫播放時，可以用鼠標或鍵盤對動畫的播放進行控制，效果可以很直觀的反映出來。然后是開始正式制作主頁。通過Dreamweaver作為制作軟件，只需要用到軟件中的一些基本的功能：圖片插入和對齊設置;文字的格式、顏色、背景顏色的設置等就可以制作出一個簡單的網頁。

　　總體來說，通過這個假期對網頁設計的學習，有收獲也有遺憾。但是，我已經邁入了網頁設計的大門，只要我再認真努力的去學習，在今后的閑余時間學習制作網頁的更多知識以實現自身技能的提高，我堅信將來設計出的網頁會更加專業，更加華麗，使它最終成為自己的一項技能。

網頁制作心得體會14

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

網頁制作心得體會15

　　這個學期學習了網頁設計實訓基礎這門課程，使我增加了計算機

　　的基礎知識，同時也增加了對學習計算機的濃厚興趣。第一、從這次實訓當中我深刻的體會到理論知識的重要性，只有在自己熟練理論知識后再能在實踐中游刃有余，才不會出現“用時方

　　恨少的境地。”

　　第二、實訓中我印象最深的是對各種網頁制作工具的使用不熟練，甚至還有個別不會用的，只是自己想要做個圖片或圖標等都做不好，其心情想而知。所以對這些網頁是做工具的使用都要練習。第三、集體協作是我又一個體會。這次網頁制作由于某些原因我一個人一組，是我搞掘到壓力很大而且很累，而且我自己的思維能力很有限，網站設計和制作上也略顯粗糙和不足，正所謂：你有一個思想，我有一個思想，分享后我們就都有兩個思想。所以與同學合作是

　　很有必要的。

　　人生的快樂莫過于做自己喜歡的`事情，我很慶幸能有這次實訓機會，因為我喜歡靜靜地坐著去做做自己心里的故事，或許做的不是特別完美，從此也可以看出我以后還需要更多的努力，我會奮勇向前不斷不努力的，希望能夠得到老師的肯定！

【網頁制作心得體會】相關文章：