網頁設計與制作課程教學方法

前言：想要寫出一篇引人入勝的文章？我們特意為您整理了網頁設計與制作課程教學方法范文，希望能給你帶來靈感和參考，敬請閱讀。

1引言

伴隨著時代進步，萬維網與人們的日常生活已經逐漸融為一體。同樣，在現代企業發展過程中，也應該隨大勢緊跟網絡的腳步，由此企業網站的門戶作用也逐漸凸顯，而作為關鍵的門戶，網站的設計制作更是重中之重，由此為提高網站水平，引進人才的舉措必不可少。而作為人才基地的高校，應高度重視網頁設計與制作課程設計的發展，積極探索網頁設計與制作課程教學改革的科學方法。新課程改革的背景下，高校教育模式的限制就顯現出來，在此情況下，網頁設計與制作教學在實際操作中在各個板塊的弊端，都需要通過具有針對性的方案予以解決。而在本文中，針對具體教學問題進行分析，以期促進教學水平的提升，希望本文能對廣大教育工作者有所啟發，推動網企雙向發展。

2“網頁設計與制作”課程教學案例分析

“網頁設計與制作”課程是我校公共計算機課程改革試點項目的二級課程，它面向整個學校計算機管理專業，相關專業根據其專業特點和教學需要，具有五個課程特點，是一種自我選擇的課程，屬于“大學計算機基礎課程”之后的高級課程。

2.1“網頁設計與制作”的教材分析

在進行“網頁設計與制作”課程的學習之前，必須要求學生掌握相關的網絡信息知識，這方面的知識包括網頁的瀏覽、網頁的搜索、知識的下載以及電子郵件的使用等，這些基礎知識是為了讓學生更好地具備對信息獲取的技能。但是，由于大多數學生設計和制作網站，只能依靠操作。因此，教師需要傳授“網頁設計與制作”課程，以幫助學生更好地理解什么是網頁，什么是網站？教會學生利用網頁的基本構成元素以及超文本標記語言，來進行網頁制作，幫助學生提高對“網頁設計與制作”學習的效果，同時也能為往后相關的互聯網知識學習打下基礎。

2.2“網頁設計與制作”的學情分析

通常學生在對“網頁設計與制作”課程學習之后，他們能夠更好地了解什么是網絡信息，并且擁有利用信息的能力。他們通過了解網絡知識，從而來更好地掌握對網絡信息的下載、瀏覽、搜索、文件的發放及傳輸的技術等。通過調查研究發現，大部分的學生都希望自己能夠制作出屬于自己的網頁，并把網頁在互聯網上。因此，大部分的學生對于“網頁的設計與制作”課程具有濃厚的興趣，而這些興趣對于學生的學習具有積極影響。

2.3“網頁設計與制作”的教學目標

“網頁設計與制作”中，高校教師的教學目標主要分為三個方面，即知識與技能、過程與方法、情感態度與價值觀。首先是知識和技能，必須幫助學生理解網頁網站的基本概念，理解網頁的基本元素，理解基本網頁創建軟件的界面和功能，并識別網站的地址-URL，超文本標記語言HTML，超文本傳輸協議HTTP；其次是過程與方法，老師通過分析和講解這兩種方法從而幫助學生掌握各項網頁和網站知識；最后是情感態度與價值觀，老師通過對“網頁設計與制作”的教學，培養學生嚴謹求實的學習態度和勇于探索、崇尚科學的意志和品德。

3“網頁設計與制作”課程教學存在的問題

3.1學生學習過于被動

我國高校“網頁設計與制作”教學使用的模式，一般為老師教授基本理論，而后使用布置作業、模擬考核等方式來進行教學。而事實上，該種教學模式收效甚微。在死板生硬的高壓教學下，學生對教學內容會出現本能抗拒，對枯燥的理論知識產生厭煩情緒，而在這種情況下，學生的積極性也受到了極大地遏制。由此產生的一系列惡性循環所導致的最終結果就是，學生沒有打下深厚的理論基礎，而之后的實際操作就更沒有辦法完成了。

3.2學生實踐能力較弱

當老師演示時，學生對老師的行為并沒有產生充分的理解，故此很多學生會輕視老師的演示，對實際操作的難度并沒有一個確切的判斷。而在實踐中，又會出現學生對于具體規程的漠視，因為之前產生的自大心理而認為實踐僅僅需要短時間就能完成。所以在實戰中，許多學生才會發現，自己對詳細的操作并沒有深入了解，看上去簡單的事情卻很有難度，實戰中根本無從下手。同時還有一些學生過于自我，忽視了網頁設計和制作的科學性質，完全摒棄課本與老師的教授，通過自己的想法來指導操作。

3.3師生之間缺乏溝通

首先，在“網頁設計與制作”的教學中，教師和學生并沒有良性交流。同時，教師對學生的了解有限，對學生的具體情況不甚了解，學習程度與需求自然也無從判斷。在教學中，一味照本宣科，無法充分滿足學生的學習需要。其次，教師在課堂上的教授模式也至關重要，“只講不問”，與學生的互動有限，參與度由此下降，課程也愈加乏味。再從學生角度出發，學生同樣局限于傳統師生關系，在有疑問的時候，因為害怕老師的批評等原因，不敢告訴老師。而學生間也同樣如此，個體之間的學習是有限的，缺乏良好學習氛圍是無法促進班級學習的良性疊加的。

4“網頁設計與制作”課程教學改革的策略

4.1重新定位課程教學標準

為了能夠調動起學生在學習“網頁設計與制作”課程的主動性，首先高校的“網頁設計與制作”教學課程應該遵循企業用人標準，在課程教學過程中，強調培養學生的團隊精神，職業道德，網絡信息收集能力，審美能力和藝術品質。其次，在“網頁設計與制作”課程的教學過程中，還需要提高對課程教育目標的重視程度，根據新課程改革的教學要求來更好地培養學生的自主創新能力和創新思維，引導學生進行實踐操作，讓學生能夠更好地掌握網頁的規劃能力、構建能力、設計能力以及制作能力等。

4.2優化教學內容

為了能夠提高學生的實踐能力，就必須要將“網頁設計與制作”課程內容進行改革，以企業的用人標準和教學的需求來進行科學的設計，將這些內容延伸分為四個不同的模塊，分別是Dreamweaver、Fireworks、Web基礎知識和Flash。其中Dreamweaver包括網頁跟蹤的技術、網頁站點管理的技術、動態網頁設計的技術、數據庫連接的技術以及其他基礎的技術；Fireworks包括高級應用的技術，基礎操作的技術和其他相關基礎知識；Web基礎知識包括網絡的瀏覽器，網絡的常用名以及高級應用措施等；Flash包括高級制作技術、基礎動畫制作技術以及其他相關技術。

4.3更新教學模式

高校“網頁設計與制作”教學不該再局限于老式的教學系統，應積極拓寬視野，通過現代化的方式例如網上課程以及針對性的因材施教。在現代化的教學方面，首先要確保教機與學機的聯動，確保學生都使用計算機，及時通過計算機傳輸并對學生的設計操作進行引導，提高學生的實踐能力。同時，高校“網頁設計與制作”在網上課程方面，也可以采取一定的趣味教學模式，跳出死板的老式圖書教學，變更教學風格，通過視頻等生動的方式，將技巧融入其中，幫助學生在潛移默化中慢慢對學習產生興趣。

5“網頁設計與制作”教學需要注意的問題

5.1以“新”制作網頁

教師教學中應重視告訴學生網頁內容的選擇，避免出現俗套，需要強調的一個“新”字是很重要的。“新”這一原則要求，在設計網站的內容時，是指網站的內容不是被復制的，而是要形成一個屬于自己的獨特網站。環顧四周，許多互聯網上的個人主頁是簡單的“雜貨店”，內容雖然是包羅萬象，但主題是一樣的，每個人都幾乎是一個“軟件下載”或者“軟件搬運”的員工，從開始的網絡導航到最后的結束都沒有任何的創新之處，缺乏創新的新鮮意義。因此，在網頁設計教學的過程中，既要告訴學生對材料的選擇上下功夫，同時也要做到對材料選擇精準度的把控，以“新”為基礎，以“精”為內容。

5.2以“簡”來取網名

由于網站不能由單個網頁組成，因此它有許多子頁面。為了使這些頁面有效連接，教師必須告訴學生，要為這些頁面提供一些具有代表性和簡潔易記的網頁名稱。這不僅有利于將來管理網頁，而且在向搜索引擎提交網頁時，更容易被其他人搜索到。在命名網頁時，最好使用常用的小寫英文字母或與頁面內容相匹配的英文字母，這與頁面上的連接直接相關。

5.3更新及時才能吸引人流

學生制作完網頁后，老師需要為后期工作做出更多安排。網頁完成后，工作量會更大。因為網頁制作是一次性的，所以每天都會進行更新維護，必須立即刪除在網頁上失效的連接。如果無法及時更新，最好在主頁上信息，告知訪問用戶由于特殊情況需要離開一段時間，并且無法及時更新主頁，希望大家諒解。這可以給人一種對他人負責的感覺，同時得到其他用戶的信任，這對未來的網頁設計、制作和推廣都有好處。

6總結

綜上所述，本文首先簡要闡述了教學內容，“網頁設計與制作”的教學方法和教學目標，并了解該課程對學生的教學帶來的好處；其次分析了“網頁設計與制作”課程教學存在的三個問題：中文學生學習被動問題、學生動手能力差問題以及師生缺乏溝通問題；最后根據這三個問題有針對性地提出相應的改善措施，分別是重新定位課程教學標準、優化教學內容和更新教學模式，為往后相關的研究提供借鑒。

參考文獻

[1]周蘇峽.高職院校“網站建設與網頁設計”有效課堂設計初探[J].科技資訊,2018,16(11):165-166.

[2]吳家州.“網頁設計與制作”課程教學改革研究[J].電腦迷,2017(6):182.

[3]鞠杰,牛慶麗.基于項目化的“網頁設計”教學改革初探[J].電腦知識與技術,2016,12(8):121-122.

[4]劉穎.“網頁制作”課程教學改革研究與初探[J].電腦知識與技術,2015,11(36):76-77,80.

[5]黃永清.技工院校計算機專業網頁設計教學的研究與實踐[J].職業,2015(29):86.

作者：李成 單位：長沙民政職業技術學院