網頁設計與製作心得體會精品多篇

學習網頁設計心得體會 篇一

網路成了我們獲取知識和資訊的一種便捷工具，現在的網民也在不斷的增多，所以，瞭解和學習網路知識是我們作為一名大學生迫切所需的，我利用寒假的時間，對網頁設計進行了初步的認識和了解，並基本掌握Dreamweaver的應用。

通過對網頁設計書籍的翻閱，我學習到了一些關於建設網站和製作網頁的知識，在實踐查閱資料時，對flash也有所瞭解。我還了解了一些基礎的網路技術。通過學習，我對計算機有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網頁製作的過程與一些技巧手法更有了另外一番瞭解，對網頁製作的基礎知識也有了一定的掌握。在這個過程中，我同樣認識到網頁設計不是一門學科的獨秀，而是多種課程的綜合，他是、Flash、Fireworks等網頁軟體的綜合應用。

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

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

在完成以上的基本內容之後網頁的基本框架便成形成了，

下面要開始的便是優化工作，

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

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

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

網頁設計心得 篇二

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

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

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

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

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

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

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

包括個人站後臺管理功能的設計、後臺管理資訊系統功能的設計、後臺系統許可權管理、後臺件管理、個人站後臺管理系統主頁設計。

三、站的釋出

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

四、個人站推廣

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

在設計這個站時真的體會很多東西，從一開始頁主題的確定，到主頁總體的設計、蒐集資料、前臺功能設計與管理、後臺功能設計與管理、每個分頁面的設計等。我都一一進行了規劃，因為如果你不規劃，想做什麼就做什麼，是不會做得的。因我為體會到這一句話：“機會中屬於有準備的人”。我詳細到一個表格寬度都一一列明。例如：775寬度，分三欄，每一欄佔多少。因為我深深懂得“細微處才見真功夫”。

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

令我難以忘懷的鏡頭也是在做留言板的時候，但不是為我自己的而做，而是一步一步教同學做，直到令同學學懂；把同學留言板的問題一一解決；當同學因為做不出而沒心情，過去對她進行鼓勵的，然後一一解決；當自己也不會，與同學共同研究的情況，這種學習氛圍是最難得的，就是在做留言板的時候，令我深深體會到我幾句話：認真做事只是把事情做對，用心做事才能把事情做。把每一件簡單的事情做就是不簡單，把第一件平凡的事情做就是不平凡。

網頁設計的心得體會 篇三

隨著學習進度的逐漸加快，學習的內容也逐漸開始變多、變難，不再像一開始那樣老師一講完就可以馬上上手把網頁做出來。自然而然的，在製作網頁的時候也不再像一開始那樣順利，總會出現各種各樣的錯誤。不過對於學習上的問題，老師在課堂上也會盡可能地為我們解答，並且為我們提供了很多練習的機會，這使得我即使在面對一些困難的問題時，也能沉著地應對。

不過課堂時間畢竟是短暫，僅僅靠一週兩個課時的課堂學習時間想要把網頁設計製作完全學習得很好是不可能的事。再者網頁製作在我看來是一門實踐重於理論的科目，如果僅僅學習了理論知識卻不付諸實踐，那對學習實際上是毫無助益的。因此在課餘的時間裡，老師給我們佈置了與所學內容相對應的課外作業。在完成課外作業的時候，如果遇到了難以解決的問題，我會回顧老師上課時用的課件尋求解決的辦法，與此同時，也在間接地鞏固知識。

因此，儘管過程並不都是一帆風順，但經過本學期的學習與實踐，我也逐漸掌握了網頁設計製作的一些基本技能與知識。雖然明年就大四的我以後大概是不會再像這個學期那樣有學習網頁製作的課程了，但我會利用課餘時間通過自學瞭解、學習更多關於網頁設計製作的知識，掌握網頁設計製作的技能的。

自己怎麼製作簡單網頁

首先在設計製作網頁之前，你要卻確定你的網頁內容是什麼？一個網站必須要有一個明確的主題。特別是對於個人網站，必須要找準一個自己最感興趣內容，做深、做透，辦出自己的特色，這樣才能給使用者留下深刻的印象。主題要鮮明，在你的主題範圍內內容做到大而全、精而深。然後針對你的內容找到相關的資料。接下來就是具體的製作步驟了：

第一步：建立一個文字文件 你需要建立一個文字文件包含單詞，你想要出現在您的Web頁面。只要你給你的文件名稱結尾，大多數文書處理程式將會工作的很好。思考邏輯的地方插入你的文字。

第二步：學習基本的HTML標記 現在您需要插入一些格式化標記你的文件，會告訴一個網際網路瀏覽器如何安排你的文字和圖片在螢幕上。這些標籤組成一個語言稱為超文字標記語言，或者HTML。

第三步：檢視一個示例Web頁面

你或許在閱讀會感到有點困惑，這是為了看一個實習的HTML文件更簡單，然後看看它是怎麼被翻譯成一個Web頁面。您可以檢視“源文件“後邊的任何Web頁面將“檢視”選單（在Safari——其他的瀏覽器或許略有不同）並挑選“檢視原始碼。“當你這樣做時，你會看到文件和HTML標籤，創立頁面當時在你的瀏覽器視窗。

第四步：獲得電子影象 如果你還沒有製作主頁的影象檔案，您可以下載一些來自其他Web頁面。用你的常識來決定哪些圖片你可以使用，哪些你不應該。根據什麼樣的電腦和瀏覽器你正在使用，你必須使用一種稍有不同的程式下載到你的硬碟映像。這裡可以使用Safari瀏覽器: 使用滑鼠指標的位置在影象——按住滑鼠按鈕並拖動影象到你的計算機的桌面——放開按鈕，您將看到一個小圖示。這時影象已經下載到你的硬碟。確保你的檔名稱和格式——點選圖示來檢視影象，因為它將出現在您的Web頁面。

第五步：插入HTML標籤

如今您現已準備好插入格局符號在您自個的文件。記住要開始您的文件與< html >和完畢它與< / html >。你型別符號之間的<標題>…< /標題>將出如今你正在閱讀網頁閱讀器視窗的頂端。

第六步：檢視和編輯您的頁面

儲存您的文字文件和返回到瀏覽器。在檔案選單中，選擇“開啟檔案…”或“另存為…”。從那裡你應該能夠找到你的文件的名稱並點選“開始”。你的文件將會出現在你的視窗，看起來就像個網頁了！

第七步：上傳

您需要有一個網際網路服務提供商，允許您將您的網頁頁面在一個伺服器上，這樣其他人能夠閱覽它。假如沒有，您能夠繼續操練與檔案在您的計算機的硬碟。能夠找到一些其他網站的頁面相關的一些辦法。他們可能會新增一個連結到你的頁面註冊您的網站查詢引擎如google或雅虎。一旦你新增你的URL其間一個數據庫，感興趣的人通常主題你的頁面將得到一個清單，你的網站當他們做一個查詢。

網頁設計學習心得體會 篇四

從開始的實習，讓我體驗到這個暑假回會過得更有意義，會特別漫長特別充實。的確學習是一個漫長的過程，學習要耐得住寂寞的抵住誘惑。

通過這次的實習，不僅讓我覺得我應該改變自己的內向，學會轉變與人主動交流，才能解決問題，讓我覺得設計還是不錯的，但是自己的專業真的很需要培養與加強，感覺到學校教的和自己學的遠遠不夠。而且在接下來的日子還要規劃好自己的未來，才能更好得在崗位上發揮自己的才能。

最後感謝av給我這麼一個機會，留在公司實習，公司不僅需要各型別的人才，更需要一個有堅定和遠見的老闆；感謝william，看過頭像和手機桌面，女兒很可愛，想必是個和藹的爸爸，從一開始便覺得他是個很會閱人的hr，但後來才知道是pm，不過沒有變的，總是耐心地培養我，給我很多資料和很多網站，提高自己的審美和使用者體驗感受；感謝mk，認真的時候很認真，玩的時候還像個大孩子。

喜歡和引數組交流時逗逗我，調劑我，這點我最喜歡了，因為有你們整個公司才顯得有活氣，沒有那麼沉悶；感謝kevin，雖然接觸不多，感覺他很用心，是市場方面的主管，看的最多就是修空調，快遞要發票的時候，會為公司的財政斤斤計較，到後來q總q總得叫我，真不好意思呢；感謝小楊，能夠和你愉快的合作。

如果可以我也想學jsp，後來小白走了，你又要一個人辛苦了；感謝aam，強硬的技術支援，我想沒有你這位核心人物為公司撐下一片藍天，可能我們這個產品就很難走下去了；謝謝一起在虎之翼公司裡工作的所有工作人員。

我很喜歡你們，喜歡這樣的工作氛圍，謝謝你們。

網頁設計學習心得體會 篇五

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

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

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

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

網頁設計實訓心得體會 篇六

在學習網頁製作的這幾天裡，我利用了學習之餘的一切可利用的剩餘時間，全心全意投入到網頁世界，去不斷的學習，去不斷的探索；同時去不斷的充實，去不斷的完善自我，在網路的天空下逐漸的美化自己的人生！

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

理論上的認識：

隨著Internet在中國的迅速發展，人們日常生活中越來越多地使用這項新的技術來為自己的工作和學習服務。由於WEB頁面能把文字、影象、聲音、動畫、視像等多種媒體資訊集於一體，不但使資訊的顯示更加生動，而且使資訊的瀏覽更為方便，同時WEB頁能實現網上交易平臺、客戶資訊反饋方便了企業與客戶之間資訊交流，因此許多企業紛紛建設具有自己獨特風格的網站以增強企業知名度。

網頁藝術設計是伴隨著計算機網際網路絡的產生而形成的視聽設計新課題，是網頁設計者以所處時代所能獲取的技術和藝術經驗為基礎，依照設計目的和要求自覺地對網頁的構成元素進行藝術規劃的創造性思維活動，必然要成為設計藝術的重要組成部分，並隨著網路技術的發展而發展。表面上看，它不過是關於網頁版式編排的技巧與方法，而實際上，它不僅是一種技能，更是藝術與技術的高度統一。

1、標題

在個人主頁中標題起著很重要的作用，它在很大程度上決定了你整套個人主頁的定位。一個好的標題必須有概括性、簡短，有特色、容易記，還要符合自己主頁的主題和風格。

2、內容的採集

選好標題後，開始採集內容，內容必須與標題相符，在採集內容的過程中，應注重特色，所謂特色應該是有一些自己的東西。個人主頁中的特色，應該突出自己的個性，把自己的興趣、愛好盡情地發揮出來，因為在網路上不受限制。主頁就是在網路上的一個小小家園，在那裡，可以放上自己喜歡的任何東西，包括你自己平時喜歡一些文章，一些好聽的歌，一些好的動畫作品。

3、圖片

做個人主頁不能只用文字，必須在主頁上適當地加一些圖片，增加可看性，俗話說“一圖勝千言”，我想不無道理，一張處理得好的圖片不需要多做任何解釋，就能讓人一目瞭然，讓人去思考，去了解它。

4、網頁排版

網頁頁面整體的排版設計也是不可忽略的，很重要的一個原則是合理地運用空間，讓自己的網頁井井有條，留下必要的空白，人覺得很輕鬆。

5、特色

讓自己的網頁更有特色一些，可適當地加一些聲音、動態網頁、Java、Applet。

實踐中的認識：

話雖是像上面這樣說的，但是真要做起來確是很難。做網頁設計不僅要從藝術的角度來考慮而且要從社會大眾的認可性來考慮。網頁設計必須要服從企業或部門的經營理念來考慮。如果設計的作品很好看但是和企業不搭調那就等於白做。

以上就是我對網頁設計的認識和總結，雖然從理論上都知道如何去做，但是實際做起來很難。總的來說就是很難突破，很難超越自己。因此在以後的學習中要更加完善自己，突破自己。

網頁設計心得體會 篇七

一連上了兩個星期的頁實訓課，可以說學到很多以前沒有學到的東西。雖然在大一的時候我們的專業出開設了頁設計課，但感覺這兩個星期學到的遠遠比以前學一個學期的要多，要豐富。

每一天都有新的內容要學，讓人感覺很興奮，很高興，恨不得馬上就把它給學會。通過這次實訓使我更熟練掌握dreamweaver、flash 、fireworks 、photoshop等軟體的功能和應用。不但如此，更增加了同學間的友誼，陪養了彼此間的團結。

在這期間，每一天老師都會發一些素材和實訓給我們，首先是頁素材的準備，在上檢視一些頁背景和背景顏色搭配，讓我瞭解到頁的顏色不能多過3種色彩。接下來的幾天再結合自己的頁來進行策劃，在做首頁之前，先用圖紙把頁的結構畫出來，內容和結構都想清楚用fireworks把頁設計出來，再切割圖片，把它們導成html格式在dreamweaver中進行進一步的編輯。

我們的站主要是圍繞宿舍而展開的一串活動、人物等，宿舍給我們一種很溫馨、很快樂的感覺，所以我們決定將這次的頁名叫funny room。主題確定了，那麼分工出就明確了，我們組有三個人，兩個人負責找素材，另一個美術的就負責頁的頁面設計，但是我們始終不是學美術方面的，所以色彩方面搭配的不是很，後來採用了色彩比較清新自然的綠色來作為首頁的主色調，讓人第一眼看上去就有難忘的感覺。而從第二頁開始就採用粉色為主色調，讓人可以感受到我們的主題，因為首頁和其它的顏色不一樣，所以我們就把首頁當作是過渡頁，第二頁開始才是頁的內容。為了增加頁的新鮮感和活潑感，還適當在新增一些透明flash和一些頁特效。在這實訓的時間裡面，我們分工合作，共同努力，對頁反覆除錯和修改，特別是對於fireworks軟體不那麼熟悉，有很多的例項都要看過老師的演示才會明白，不過這也恰恰讓我學到更多。雖然中途難不免會有因為意見的不合而發生一些小小的爭吵，但我覺得不影響我們的頁設計，反而會因為這些不同的意見而重新學到更多的知識。

網站設計心得 篇八

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

這學期選取的這門課程讓我學到了不少關於計算機和網路的知識。老師把課程資料安排的很合理，講的大都是很基礎的知識，這對於像我這樣對網路瞭解不多的學生來說很容易明白，理解。

在這門課上我學習到了一些關於建設網站和製作網頁的知識，對flash也有所瞭解。課上我還學到了一些基礎的網路技術，用製作網路的工具做網頁等。

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

在具體的製作一個網頁時我瞭解到一個優秀的網頁設計就應具備以下一些基本原則

1、確定網頁設計的資料

一個優秀的網站要有一個明確的主題，整個網站圍繞這個主題，也就是你在網頁設計之前要明確你這個網站有什麼目的，用來做什麼，所有頁面都是圍繞著這個資料來製作，有了明確的資料對排行有很重要的作用。

2、瞭解你網站所在行業的客戶

使用者是一個網站成敗的關鍵，如果使用者要花很多時刻進入你網站很有可能使用者會立即關掉你網站，或者你網站操作很不方便使用者也會立刻離開，這種網站是很失敗的設計，只會讓使用者失望的離去。

3、做一個典型使用者

不以使用者身份親身體驗網站你才能發現問題，才知道那些需要改善，儘量不好讓客戶去發現問題，在前期設計時就就應把這些問題解決。

4、優化資料

資料是整個網站的核心。在網站設計之前務必明確網站的資料安排。

優秀網頁設計是要建立在平凡的基礎上的。

然後在具體的規劃一個網站時，能夠用樹狀結構先把每個頁面的資料大綱列出來，尤其要製作一個大的網站（有很多頁面）的時候，個性需要把這個架構規劃好，也要思考到以後可能的擴充性，免得做好以後又要一改再改整個網站的架構，很浪費時刻和財力。

大綱列出來後，還務必思考每個頁面之間的連結關聯。是星形，樹形，或是網形連結。這也是判別一個網站優劣的重要標誌。連結混亂，層次不清的站點會造成瀏覽困難，影響資料的發揮。

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

下一步，就以動手製作具體資料了，題材選定，框架選定，接下來就開始往主頁裡面填資料。我們稱作資料收集如果是個人主頁，有潛質的人完全能夠靠自己來創作所有的資料。大部分人的方法是：從報紙，雜誌，光碟等媒體中把相關的資料收集，整理，再加上必須的修改後就能夠了。另外一個好的方法是從網路上收集，您只要到搜尋引擎上查詢相應的關鍵字，就能夠找到一大堆的資料。

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

然後是開始正式製作主頁。透過Dreamweaver作為製作軟體，只需要用到軟體中的一些基本的功能：圖片插入和對齊設定；文字的格式、顏色、背景顏色的設定等就能夠製作出一個簡單的網頁。

透過個人網頁的製作最終把自己的網頁上傳到網際網路上，那種成就感是無法用語言形容的。在今後的閒餘時刻，我將會學習製作網頁的更多知識，使它成為自己的一項技能。

網頁設計心得體會 篇九

在學習網頁製作的這段時間裡，我利用了學習之餘的一切可利用的剩餘時間，全心全意投入到網頁世界，去不斷的學習，去不斷的探索；同時去不斷的充實，去不斷的完善自我，在網路的天空下逐漸的美化自己的人生！

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

標題在個人主頁中起著很重要的作用，它在很大程度上決定了你整套個人主頁的定位。一個好的標題必須有概括性、有特色、簡短易記，不要符合自己主頁的主題和風格。

網頁頁面整體的排版設計也是不可忽略了，很重要的一個原則是合理也運用空間，讓自己的網頁井然有序，留下合適空間，會給人輕鬆的感覺。

主頁中不光要有文字，還要適當地加一些圖片。俗話說一圖勝千言，我想它不無道理。一張處理得好的圖片不需再多做解釋，就能使人一目瞭然，讓人去思考，去了解它。

通過這次製作網站的過程，我最大的感受就是制定網站計劃的重要性。一個好的計劃可以詳細制定網站的相關內容，為後面的工作節省很多時間，所以在制定計劃時要有充分的準備。

我通過整個包括主題的確定，網頁的設計，資料的整和等製作的過程，才更加深入地理解了這些理論。我會懷著濃厚的興趣去學習，與同事之間互相協作學習，學會把理論知識運用到實際中，真正提高我的自主學習能力、協作精神和實踐能力。向著做一個真正意義上的教育技術專業人士的目標前進。

網頁設計心得 篇十

一 實驗過程

1、資料的蒐集。

2、熟悉製作軟體。

3、構建站點框架。

開啟dremweaver後第一步便是新建站點

4設計主頁及二級頁面。

5實現網頁間的連結

連結的過程其實很簡單，主要是把要連結的文字選擇在選擇工具欄的連結按鈕最後選擇自己要連結的網頁單擊確定便可以了。

6向靜太網頁插入動態效果

具體情況如下：

通過這半年的學習實踐中 和老師的指導下以大量明晰的操作步驟和典型的應用例項，教會我們。使更豐富全面的軟體技術和應用技巧，使我們真正對所學的軟體融會貫通。所以我結合所學專業的內容製作了個人網站，作為實習的成果。其內容是多樣化的。製作網頁用的軟體是ｄreamweaver ， banner軟體。dreamweaver大大加速了網路時代電子交易應用中的專案交付。它提供了網頁和表單的動態生成到企業級的解決方案，如電子商店，庫存管理系統和企業內部區域網的資料庫應用等功能。例如，網頁上很流行的陰影和立體按紐等效果，只需單擊一下就可以製作完成。當然，其最方便之處是，它可以將圖象切割，圖象對映，懸停按紐，圖象翻轉等效果直接生成html程式碼，或者嵌入到現有的網頁中，或者作為單獨的網頁出現。主圖是一個網頁的門面，它能體現出這個網頁的整體風格。

製作網頁，首先是確定主題，經過再三考慮，就做了個關於中國的網站，平時也總是瀏覽類似的網站，對這些還有些瞭解，於是確定主題，做一些類似的網站，但考慮到，現在網路上好多類似的網站，但有些內容不適合我們大學生閱讀，對於我們來說有點不實際，根據這種情況，最後決定建立一個簡單的中國介紹和相關的事蹟網站，專門介紹一些即使用，又便宜的小祕笈。於是網站主題確立。

然後是整體規劃，每一版塊都有其個性的色彩，清晰明瞭，便於閱讀瀏覽，大致分幾部分，中國簡介，中國歷史，使用者登入註冊頁面留言，再加入個別網站等，每一部分又分幾小部分，內容比較充分，多樣。

再後是收集資料與素材，大量瀏覽相關網站，收集關於中國的一些事蹟歷史圖片，好的文章和圖片等，還有參考一些好的網站的佈局，特色，顏色搭配，背景圖等。

再後是設計網頁圖片，用flash製作網頁的banner。

再後是建立站點，站點分佈如下：

再後是製作網頁了，使用dreamweaver製作。

首頁內容精彩豐富，簡潔明快，語言風趣，通俗易懂。頁面可愛清爽。首頁主要是導航作用。首頁製作時，時刻考慮著網頁的基本原則：統一，連貫，分割，對比及和諧的原則，內容統一，都是為了主題服務，一個網站強調的就是一個整體，只有圍繞一個統一的目標所做的設計才是成功的；連貫，頁面之間關係連貫，統成一體；每版內容都自成一體，顏色各異，便於瀏覽；整個網頁有動有靜，顏色不同，形成對比，不呆板，富有生氣；顏色各異，但又不同之中又相同，渾然一體。而且製作過程中，不忘以下原則：

簡潔實用: 這是非常重要的，網路特殊環境下，儘量以最高效率的方式將使用者所要想得到的資訊傳送給他就是最好的，所以要去掉所有的冗餘的東西。使用方便:同第一個是相一致的，滿足使用者的要求，網頁做得越適合使用，就越顯示出其功能美；頁面用色協調，佈局符合形式美的要求: 佈局有條理，充分利用美的形式，是網頁富有可欣賞性，提高檔次。當然雅俗共賞是人人都追求的。

利用我們所學的框架集，製作更完美的頁面。將動態網頁與靜態網頁結合起來

再後，除錯過程，好多次本來在dream裡好好的，把字調的好好的，位置很對，可在瀏覽器裡御覽就出毛病了，不是靠上了，就是靠下了，很不老實，經過再三除錯，整理，加了好多表格，終於滿意了，很是麻煩，想請問老師，為什麼會出現這種情況啊，還有怎麼解決啊，不用這麼反覆調整的辦法，還有什麼好辦法啊？

還有，在最超連結過程中，明明在頁面屬性裡設定的是超連結的文字是原色，點選連結後也是原色，可一連結上就變色了，想了老半天，也做了很多研究，實驗，終於知道怎麼回事了，原來應該對文字所在的單元格整體做連結，而不是隻選中文字做連結。

還有，這次的網站大部分用的是表格，層用的很少，因為它太靈活了，不好控制，用的很少。

再後，是網頁的上傳與釋出，用ftp將製作好的網站上傳

製作過程中，才發現，原來自己懂的太少了，好多不知道的地方，才趕緊查書，開始的時候只是會建立模版，可不會應用，操作，可這樣要修改模版可就麻煩了，要一個網頁一個的修改，於是趕緊上網學習相關內容，閱覽書籍，最後才知道檔案這有個資源，點選

進入資源面板，點選到數第二個的模版，選項，所有模版就都顯示了，點選資源面板左下角的應用命令，好了，這個模版就應用到你建立的網頁中去了。

這只是在製作過程中出現的問題之一，其它問題也是類似相同。現在想想，自己所會的東西太少了，現在做的網站只是一些簡單的網站，看到了一些知名的網站開發出的網頁，不僅欄目內容豐富，資訊量大，而且頁面圖文並茂，五彩繽紛，使得網民讚歎不已，流連忘返。以我們的經驗，當前的軟體的功能日趨複雜，不學到一定的深度和廣度是難以在實際工作中應付自如的。因此反映出學習的還不夠，缺點疏漏。需在加以刻苦鑽研及學習，不斷開拓視野，增強自己的實踐操作技能，為以後能做出出色的網頁而努力。

同學告訴我，要做好網頁，一定要學從c++，java,php，asp，資料庫。以後要學的實在是太多了，而且我也很喜歡這方面，在以後的日子裡，會努力填充自己，豐富自己的。希望以後有不懂的地方，老師能多多指點。

二 實驗心得

在internet飛速發展的今天，網際網路成為人們快速獲取、釋出和傳遞資訊的重要渠道，它在人們政治、經濟、生活等各個方面發揮著重要的作用。因此網站建設在internet應用上的地位顯而易見，它已成為政府、企事業單位資訊化建設中的重要組成部分，從而倍受人們的重視。

對於現在的社會，科技的飛速發展已經成為社會發展的標誌。其中計算機的發展可謂快中之快，而在計算機的發展中計算機網路的發展又是首當其衝的。計算機網路從為我們所知，到現在才經歷的短短的幾年時間，在這幾年中隨著計算機網路的廣泛應用，特別是internet的普及和發展，網路已經成為了不可或缺的通訊手段。不論是最新的新聞資訊、新產品的出臺、新遊戲的釋出、最新的各種it動態，包括等候就業人才的個人簡歷，我們都是可以通過網路來獲得。但是什麼為這所有的一切提供平臺的呢。我們又是通過什麼來獲取這些訊息的呢對就是網頁。現如今，數以萬計的網站以網頁的方式提供了豐富、精彩的資訊。在人類社會進入資訊時代的時候，在網路成為通訊的主要手段的時候，在計算機網路普及的今天，網頁也在它自己的崗位上做出了突出的貢獻。網頁是我們在網路上的代言人。我們將什麼樣的資訊傳達給瀏覽者，要講述什麼樣的事情，網頁在這裡起著重要的作用。

企業網站在企業的網路營銷當中佔有及其重要的地位，只要是涉及網路宣傳的企業，都應該建立屬於自己的個性企業網站。他不僅能夠讓企業在網路上展示自己的產品，促進實際銷售的增長，更能夠通過一根網線，向目標客戶展示企業自身的形象。

對於企業網站設計的觀點，偏重網站的形象設計，即在功能務實、體系完善的情況下，重點結合企業理念打造網站的形象。logo就能很好的表現企業的形象。企業標誌(logo)是指用於代表企業形象的獨特的、有意義的圖案，是企業形象識別當中最核心的環節，可用於與企業形象相關的所有環節。由於企業標誌所處的特殊地位，決定了其不能夠隨意更換，因此能否設計一個有內涵、有文化、便於識別的標誌，並建立相關的應用系統，關乎到企業長遠的發展，不容小視。

建設網站的一般過程包括：前期內容確立、網站架構搭建、創意策劃、設計、網站建設。網站的功能版塊一般分為首頁（含引導頁）、新聞部分、產品部分、資訊交流部分、定製系統、零散頁面等。根據不同的企業需求，各網站的功能版塊數量、佈局、結構各異。

（一） 頁面的設計方面

網頁設計跟學習別的東西一樣，也需要興趣，所謂的興趣也不是三分鐘熱度，是一種執著。

頁設計需要耐心，如果沒有耐心，就學不好網頁設計，應為當你碰到一個問題時，如果不能立刻得到問題的答案，你可能需要很長時間去解決，我就碰到過一個問題，用了很長時間才解決。

頁設計需要堅持，堅持不斷的學習，因為設計網頁的軟體在不斷的更新，因此我們要不斷的學習

並且頁設計不要掉入技術的陷阱，如果你的網頁設計技術一流，並且對軟體的掌握程度已經達到一定水平，但是你設計的網頁確不堪目睹，這是因為網頁設計是介於平面設計和程式設計技術兩者之間的邊緣科學。不僅涉及到美學，心理學，平面構成，色彩搭配等平面設計的方面的知識，還涉及到html,javascript,css,asp,php等程式語言技術方面的知識。只有綜合運用多種知識，才能設計出視聽特效，動感十足，富於個性的web頁面，才能全面展現網際網路這一新型媒體的獨特魅力和多維空間的超強功能。

並且我認為網頁設計應該注重實用性，因為它是讓人瀏覽的，是使用者可以撫摸，可以評論，可以互動的。因此我提倡簡單的美。

（二）網頁視覺效果

視覺形象識別即我們通常所說的vi（visualidentity），與bi一起用於深化表現企業理念，同時也受到bi的影響。所謂視覺形象識別，就是指能夠被目標客戶通過視覺來認知與企業相關的一切事物，從最基礎的企業標誌、吉祥物、標準色到企業日常業務中的信紙、服裝、名片等等，在將其系統化以後就形成了企業的視覺形象識別系統。

視覺形象識別系統在整套cis中處於最表層的位置，其中所有的設計都將與目標客戶發生直接的接觸。

（三）網頁的整體佈局和導航

網頁的佈局通常指的是網頁的整體架構，說的通俗一點就是排版。如何突出最重要的內容，即讓使用者第一眼就看到這個網頁所想要傳達的資訊。這一點至關重要。在大多數做的比較成功的網頁中，一個共同的特點就是網頁的整體架構十分的清晰明瞭，便於使用者瀏覽

網頁佈局大致可分為國字型、拐角型、標題正文型、左右框架型、上下框架型、綜合框架型、封面型、flash型、變化型

網頁佈局是主要考慮以下幾點：

1、首先要考慮整個網頁的長和寬，以及長度和寬度之間的比例。

2、其次就應該考慮導航條的設定了。

3、正文的框架設定（橫向因素和縱向因素交錯）

（四）網頁中文字、影象

圖象我利用網上搜索和自己所學過的banner進行處理，這樣做起來節約了很多時間。。

（五）網頁製作過程中的其他注意事項

不要過於注重色彩的燦爛，只要簡單就行。我們最終追求的主要是實用價值。

通過這次實習，在製作時想想使自己的網頁更加豐富多彩，在網頁中插入圖象，動畫，動態特效。可是總遇到這樣那樣的問題，但在同學的幫助和自己摸索的情況下完成了這個實習的成果。看到了一些知名的網站開發出的網頁，不僅欄目內容豐富，資訊量大，而且頁面圖文並茂，五彩繽紛，使得網民讚歎不已，流連忘返。以我們的經驗，當前的軟體的功能日趨複雜，不學到一定的深度和廣度是難以在實際工作中應付自如的。因此反映出學習的還不夠，缺點疏漏。虛在加以刻苦鑽研及學習，不斷開拓視野，增強自己的實踐操作技能，為以後能做出出色的網頁而努力。

近一個星期的實訓將要結束，其中的酸甜苦辣我會在今後的日子裡不斷地去咀嚼，去回味，去探索。從製作網頁過程中，我學到了新的美化網頁的方法，運用了更多以前未運用的技巧。這使我學到了更多的知識，並且為我自己在製作網頁這方面積累了一些經驗。這些將是我人生中的一次重要的經歷，將是我今後走上社會後的一筆巨大的財富。這次實習的收穫對我來說有不少，我自己感覺在知識、技能等方面都有了不少的收穫。總體來說這次是對我的綜合素質的培養，鍛鍊和提高。