網頁製作教學心得體會

　　目前，網際網路是最快捷的資訊傳播渠道之一，學習網頁製作成了學生必須掌握的一項技能。下面是小編為大家整理的，供你參考!

　　篇1

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

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

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

　　1、靜態

　　靜態網頁的網址形式通常為:

　　運行於客戶端的程式、網頁、外掛、元件，屬於靜態網頁，例如html頁、JavaScript、VBScript等等，它們是永遠不變的。

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

　　2、動態

　　是與靜態網頁相對應的，也就是說，網頁 URL的字尾不是.htm、.html、.shtml、.xml等靜態網頁的常見形動態網頁製作專家式，而是以.aspx.asp、.jsp、.php、.perl、.cgi等形式為字尾，並且在動態網頁網址中有一個標誌性的符號——“?”。

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

　　1***開發公司：微軟***Microsoft***

　　2***伺服器IIS***Internet information service***

　　ASP---IIS的安裝與配置

　　二、動態網頁技術

　　IIS的安裝與配置

　　a.安裝IIS

　　若作業系統中還未安裝IIS伺服器，可開啟“控制面板”，然後單擊啟動 “新增/刪除程式”，在彈出的對話方塊中選擇“新增/刪除Windows元件”，在Windows元件嚮導對話方塊中選中“Internet資訊服務***IIS***”，然後單擊“下一步”，按嚮導指示，完成對IIS的安裝

　　篇2

　　通過一個學期的學習和課堂講授，要我體會到要做好一個網頁不容易，當然要把這門課程講好更不容易。首先，需要足夠的耐心去了解學生的學習情況;其次，老師要有深厚的功力，即在網頁製作領域要能深入市場需求把握市場動向以此來決定教學方向;最後，切合實際的講學，深入淺出的教學模式能讓學生更能把握知識，並能熟練運用。總而言之，要在短短的三個多月的時間內掌握網頁設計的基礎知識並且成為一名網頁設計師也是一個重大挑戰!

　　這個學期結束了，但是看學生的學習情況來說感覺教學效果不佳，細分原因大概如下：

　　1. 學生學習積極性很高，但缺少螞蟻精神，半途而廢的不乏多數。

　　這個學期我們的學習任務很重，要在一個學期內掌握Dreamweaver、Flash、Fireworks以及ASP+Vbscript，內容多，課程緊湊。我主要負責Y0601班級學生的授課，私底下和學生們溝通，聽學生們反應，這個學期每天都是6節課，課餘時間很少，即使有自己的個人愛好，也很難按照個人的意志和興趣來進一步提高。當然這個只是學生的看法，雖然時間很緊，但我也相信“時間是海面裡的水，願意去擠，還是有的”，但是課程多我也有同感，因為在剛開始接觸Dreamweaver的時候，學生的學習積極性很高，基本都能跟緊我的思路，以及後來講到Flash，學生的學習興趣也不減當初。可是隨著教學進度的進展，學生反映知識太碎，部分因為沒有跟上教學節奏，採取消極措施就直接放棄了!特別是講ASP部分的時候，大部分同學的積極性都消磨的差不多了，因而像是集體放棄，僅僅是少數在學習。

　　我個人分析原因可能是因為ASP相對網頁三劍客軟體來說難度大，要求高，部分同學不願意動腦筋，一點聽不懂就主動放棄，自暴自棄，不願進取。但還有部分學生願意學習，但是聲稱時間緊，沒有時間鑽研!

　　2. 教學要求不能完全滿足學生的興趣愛好。

　　在教學過程中，我發現一部分學生願意把時間花費在網頁的設計和規劃上，包括網頁的設計、佈局、動畫的新增等等，而不是很願意把時間花費在網頁的後臺程式設計上，所以針對後來的ASP部分，對教學無動於衷，不願進取。

　　當然，分析現在的網頁製作流程，基本上可以分為兩大模組：前臺美工和編寫網站後臺。針對前臺美工來說，更注重的是學生的設計理念，顏色的搭配，整體的規劃，以及增色的動畫效果，因此要求學生有一定的藝術欣賞能力和藝術創作意識，但是針對計算機操作來說，工具的運用相對簡單。因此我們在教學過程中，學生願意鑽研，也願意學習，但是在短短的一個多月的時間內學習軟體的運用況且不易，更如何談及藝術情操的陶冶!在學生的學習過程中也出現意猶未盡的現象，像是沒有學夠，學的不夠盡興，特備是對於動畫愛好者來說，僅僅入門對於他們來說還遠遠不夠。而針對另外一個模組，更適合計算機專業的學生，也就是編寫網站後臺，但是相對來說知識稍微枯燥，且要求學生動腦思考，有一定的邏輯思維能力和進取精神。當然也有很多學生對這個很感興趣，熱愛程式設計，熱愛程式的學習，所以學習起來也得心應手，屢試不爽!

　　因此我個人認為，對於我們學院學生來說關鍵是要精於一門，精於一項，現實社會中也很缺乏所謂的專業精英。網站的製作通常都是細化分工，團隊合作，共同努力實現網站的建立，所以我也鼓勵學生能通於某項，深入學習，正所謂“深挖井，少挖坑”。

　　3. 老師給與學生合理的引導，更要加強自身的素質修養，提高自己的知識水準。

　　在整個教學過程中，我自己也要檢討自己，針對網頁設計來說，我僅僅是帶領學生入門，沒有能夠讓學生的學習興趣和自身的潛力完全釋放出來。我從來都是相信我的學生是最聰明的學生，我也再三強調他們是我碰到的很聰明的一批學生，只要努力，勞動總是會有收穫的!但是在教學過程中，個人還缺少更高的藝術修養和藝術創造能力，但是我一直在追求藝術的完美，所以還要不斷的學習，不但實現個人的理想和愛好還要完成教學的需求;另外就是技術上還需要完善，也需要和有經驗的老師多交流，多溝通。我相信只有站在一定的高度去看整個專案的實現，會更通俗易懂也更有說服力，所以也不能說都是學生的原因，歸結起來還是要提高自己的知識水平和業務素質!

　　正所謂“巧婦難為無米之炊”，所以，提高個人知識水平和業務素質也迫在眉睫。教學過程中不滿足，不浮躁，努力進取，積極上進，多向有經驗的老師請教。

　　總而言之，這個學期的時間緊，知識多，在我們這門課中一共涉及的知識面也寬泛，就軟體來說大概就有四個，所以也加大了學生學習的難度。但這個學期結束後，訪問學生的體會，基本上一致說：知識太多，難以學習精通，雖然提起很大興趣，但是知識還有待深入。其實不僅僅是學生，對於老師來說何嘗又不是呢，所有要接觸的知識中，每一個軟體基本上都夠學習一個學期的，而我們要在短短的一個學期中接觸到這麼多知識也難怪學生反應知識多。整個學期像是在不斷學習新的軟體，一個軟體剛剛入門就又要再開始另外一個軟體的學習。學習強度大，雖然知識不是很難把握，但是知識零碎，需要反覆學習，反覆鞏固，一個學期下來，基礎知識基本上完，但根本沒有複習時間，也沒有時間要學生通過以前的知識來開發自己的網站。所以，我個人認為：這門課的學習還需要進一步加強並鞏固，能有一個綜合的運用，或者是通過一個網站的建設讓學生能夠體會到核心的東西。

　　針對Y0601班級的全體學生來說，聰明程度相當，但學習興趣層次不同，大部分學生只願意聽後選擇性的接受，而沒有知識的創新利用，或者是沒有下去自學，鞏固知識，單一的只是聽和做。程度好的學生比如丁毅、艾自科，課下還有練習，並根據自己的作品提出一兩點問題，但是程度差的同學，上完課後根本就直接把書丟在一邊置之不理。綜合學生的學習態度問題，個人認為還需要加強考核制度，從嚴制學，寬進嚴出，嚴肅考風!

　　另外，針對這個學期的網頁製作課程，在學生的學習製作過程中我也有自己的一點意見和看法：

　　1. 網頁製作要簡潔大方。網站在設計過程中以簡潔大方為主，配合合理的顏色搭配和主題內容的詮釋，給訪問者賞心悅目的感覺;而避免過多的動畫和幀的過多運用，以及不明確的導航，雜亂的顏色，沒有主題的胡編亂造。

　　2. 網站風格要統一。所有的影象、文字，包括像背景顏色、區分線、字型、標題、註腳什麼的，要統一風格，貫穿全站。這樣子讀者看起來舒服、順暢，也會對你的網站留下一個“很專業”的印象。知識運用中要大量配合合理的模板、CSS樣式的運用而避免在網頁中反覆的字型樣式重定義、顏色的胡亂運用，參差不齊給人雜亂的感覺。

　　3. 網站佈局合理。避免一些“拿來主義”，一些學生為了設計方便，拿網上流行的模版做網頁，做出的網頁幾乎是千篇一律，沒有特色，雖然完成了網頁的製作，但是畢竟不是出自個人之手，知識缺乏進一步鞏固，且讓瀏覽者產生厭倦。另外導航清晰化，能引領瀏覽者閱讀網頁，思路一定要清晰，避免交叉連結。

　　4. 網站容量要小。雖然網頁更加美觀可以吸引瀏覽者，但是圖片，動畫容量大會影響瀏覽速度，所以一定要注意網路容量問題。圖片儘量壓縮，多采用單一色，或者簡單的顏色;動畫要儘量簡潔實用，用最少的幀做出最漂亮實用的動畫，給網頁增色。

　　5. 網站實現嚴謹。動態網頁的製作在這裡主要是通過ASP來完成，首先資料庫的設計要合理，避免反覆修改，影響呼叫。程式碼的寫入要嚴謹，比如考慮密碼的安全性，以及註冊使用者寫入一些非法字元，或者是洪水般的多使用者的點選是否對伺服器造成威脅等問題，儘量多方位全面的考慮問題，寫出更實用的網站。

　　以上是在教學過程中遇到的一些知識點或是具體運用中遇到的一些問題，當然也是學生的上機過程中經常存在的問題。

　　但是總體來說，通過整個學期網頁製作的學習，學生已經瞭解了網頁製作所需要的基本技術，也掌握了網頁製作的基本技能。但由於時間緊迫，知識點多，一些重點難點問題還需要勤加練習，比如：靜態網頁中的佈局和CSS的定義;動態網頁中物件的綜合運用等等。當然也存在著遺憾，不少學生反映，他們的學習愛好更多的是動畫的製作即Flash的學習，而我們只是籠統的講解，不能完全滿足學生的求知慾!當然針對網頁製作來說，還需要加強學生的配色觀念以及審美觀的培養，以及動態網頁的實現技術的把握，在很多方面還需要老師和學生們進一步配合，共同學習和實戰，以達到知識運用的一定高度!

　　篇3

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

　　一、激發學生的學習興趣，喚醒求知慾望

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

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

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

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

　　三、注重培養學生知識遷移的能力

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

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

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

　　五、組織協作學習，培養學生自學能力和合作精神

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

　　六、適當引入分層次教學，體現教學目標的差異性

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

　　七 、加強聯絡實際，培養學生的創新能力

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