學習網頁製作心得體會4篇 「探索網頁製作：技巧與體會」

學習網頁製作是當今社會新時代的需求之一。作為一個公文網站地編輯，我深切體會到學習網頁製作的重要性。通過不斷探索和學習，我積累了豐富的經驗和心得。本文將分享我在網頁製作過程中獲得的心得體會，希望對廣大讀者有所啟發。

第1篇

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

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

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

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

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

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

第2篇

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

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

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

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

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

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

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

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

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

第3篇

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

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

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

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

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

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

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

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

第4篇

在幾年的教學實踐之中，我總結了《製作簡單網頁》教學中值得注意的幾個問題：

現階段資訊科技課程的主要任務之一是培養學生對資訊科技的興趣和意識。興趣是學生基於自己的學習需要而表現出來的一種認識行為，它在學生的學習中具有重要的作用。我認為，教師激發學習興趣，挖掘學習需求是授課前必須解決的問題。從知識結構看，網頁製作是在學生掌握了一定的理論基礎和操作技能之後，對網際網路有了一定的瞭解、瀏覽過相當數量的網頁和站點之後引入的。在準備期中教師應該適當地引導學生，可以採取展示法、教學對話法等，也可以融合多種方法進行。

例如，在學習瀏覽網頁時，我有計劃地挑選一些專題網站和個人站點推薦給學生，他們在看過之後一定會有自己的想法，老師再給他們提些問題。我經常推薦給學生我校的學生及班級製作的站點與網頁。學生會把他們自己的見解說得頭頭是道。接下來就提出問題：如果由你來做這個站點，哪些地方需要修改?如果把你做一個站點該如何設計?在學生的頭腦中先有了一些模糊的認識，產生了做個站點的想法，再在老師的幫助下梳理成一個比較成型的站點框架，接下來就是：怎麼做網頁?用什麼工具?有了興趣，帶著這些問題，進入這一階段的學習，就比較主動，學習效果也會比較好。

二、合理調整教學順序和重點，理順理論與操作的關係

學習網頁製作，首先接觸的是概念和理論性的知識。回顧學習一些應用軟體的過程，肯定不是先把理論背熟，而是從操作使用開始的。我並不是說理論不重要，而是切入的時機要掌握好。對於這一部分的教學，可以根據教學實際，合理調整教學順序和重點。對涉及到的理論知識，可以儘量在教操作的時候滲透。一些純理論的知識，不妨一帶而過，教學取得階段成果後，再單獨強調。

正在進行的新課程改革，提倡的是教給學生可遷移的知識。我體會，遷移是理論到實踐。很多應用軟體，模式基本上是統一的，在視窗組成、選單內容和操作方法等方面是相通的。對這類內容，我認為可以採用比較法、示範法、啟發法等教學方法。例如，製作網頁和儲存網頁兩個知識點：可以在介紹了工具軟體(如frontpage)視窗組成之後，就佈置學生輸入並編輯一段文字，然後把該檔案儲存在指定位置。這些操作都是前面學過的，對學生來講既是學習也是複習。作為老師，我們在糾正學生錯誤的同時，還可以幫助學生比較這幾個軟體在使用中的異同。比如，輸入文字，在word和frontpage中可在編輯區中直接寫，而在powerpoint中必須寫在文字框裡。通過比較，加深印象，達到學習和提高的目的。在這部分中，除文書處理外，像修飾網頁、插入表格等內容都可以這樣比較著講。

四、認識螺旋式上升的學習模式和探究式學習的方式，重視課前準備

學習是一個循序漸進、螺旋式提高的過程。在這個過程中，作為教學組織者和指導者，教師的教學設計和準備工作非常重要。例如，在學習網頁修飾時，可採用了示範法和演示法結合的教學方法，先設計幾個頁面，都是在上一節課作的、樣例頁面的基礎上改的。上課時，讓學生開啟上節課製作的網頁，他一看，老師的頁面上比他多了個圖片，馬上問怎麼做的，我演示給他看，他也加上圖了……每次我演示出的頁面總比學生們做出來的多一點小修飾，他們就不斷地提問，不斷地學習新技巧，再不斷地付諸實踐。用這種示範加演示的方法教學，效果還不錯。但對老師來講，備課的工作量比較大，課堂上的輔導任務也重一些。

資訊科技劃分為精英技術和大眾技術。目前，資訊科技基礎模組中講授的均屬大眾技術，要求學生掌握的是可以廣泛遷移的知識。但是，大眾技術太簡單了，有些學生不用我們教，自己玩電腦就玩會了。這類學生，上課時通常不願再聽，還經常搞些小動作，或者做些小軟體來炫耀一下。小孩多半有這種心理，我們不妨給他創造這個條件，讓他充分發揮特長。有一次，剛開課不久，有個學生把他的個人主頁演給我看，當時我考慮了一下，讓他在全班同學面前作了演示，解說他的創作思想，並指出了他作品中的亮點。這個學生當然很自豪了，別的同學也都很佩服他的能力。在其他同學眼中，他就是高手了，以後的學習過程中有了問題，不問老師，先問他去，逐漸地他就成了我課堂上的一名小助教了。學生中的榜樣作用和傳、幫、帶作用不可低估，如果你班裡有幾個這樣有一定特長的學生，不妨考慮採取任務驅動、分組合作等方法進行教學，讓他們帶動全班的同學學習提高。學生之間相互學習、相互幫助、相互帶動比單純的老師教效果更好。

學生的基礎差別很大和心智發展水平很大不同。在這種情況下，分層次教學是一種行之有效的辦法。一般的，我把學生分成三個a、b、c三個層次。a層次的學生是基礎好，特長明顯，自學能力強的一部分，對這部分學生，倡導自主學習，給他們佈置任務或課題，學生獨立完成，只是在需要的時候向他們提供幫助;b層次的學生是基礎一般，能在老師的講解、示範和引導下學習，對這部分學生可採用靈活多樣的教學方法按步就班地學習，b層次的學生是學生群體中的大多數;c層次的學生是學習有一定困難的學生，我對他們的要求是掌握基礎，除了給他們進行特別輔導之外，還採取結對子的辦法，給每人配一個a層次的學生作為助理，幫助他們學習。但在分層次教學中要格外注意保護c層次學生的自尊心和學習積極性。

創新是素質教育的核心內容。鼓勵、指導學生大膽、靈活地運用已學知識，解決實際問題是培養學生創新精神和能力的有效方法。我認為在網頁製作這一部分的小結或複習階段可以適當採用主題型課或任務驅動式的方法，設計引導學生從頭至尾製作一個專題站點。當然，複習中也可以適當採取教學對話、教學討論、示範等教學方法。