以企業需求為導向的網頁設計課程實驗教學改革

甄翠明 甘昕艷 朱壽華

摘要隨著醫療信息化的發展，醫學信息人才的培養變得日益重要。廣西中醫藥大學信息管理與信息系統專業主要培養專業性的醫學信息技術人才，該人才的培養方案課程體系中網頁設計與網站建設課程是學生的必修專業課，該課程的實驗教學仍然存在著很多問題，本文就該課程的實驗教學的存在問題進行研究，并以學生畢業后的就業企業的實際需求為導向對該課程的實驗教學內容、教學方法等進行改革研究。

關鍵詞 網頁設計課程 實驗教學 改革

中圖分類號：G642文獻標識碼：ADOI：10.16400/j.cnki.kjdk.2021.22.023

Experimental Teaching Reform of Web Design Course Based on Enterprise Demand

——Taking information management and information system major of Guangxi University of Chinese Medicine as an example

ZHEN Cuiming， GAN Xinyan， ZHU Shouhua

（Guangxi University of Chinese Medicine， Nanning， Guangxi 530200）

AbstractWith the development of medical informatization， the cultivation of medical information talents has become increasingly important. The major of information system and information management in Guangxi University of Chinese Medicine mainly cultivates professional medical information technology talents. The course of web design and website constructionisacompulsorycourseforstudents.Therearestillmanyproblemsintheexperimentalteachingofthiscourse.This paperstudiestheexistingproblemsintheexperimentalteachingofthiscourse.Theexperimentalteachingcontentandteaching methodsofthe course arereformedand studied basedon theactualneedsoftheemploymententerprises aftergraduation.

Keywordsweb design course； experiment teaching； reform

0引言

廣西中醫藥大學信息管理與信息系統專業要求培養基于實踐與創新能力的，具備計算機科學技術知識及應用能力，信息系統管理知識和醫藥學知識，并有較強的計算機與計算機網絡的應用及維護能力和熟悉醫藥學信息系統、臨床信息系統和大數據的處理及應用的、有創新精神的應用型復合高級人才。網頁設計與網站建設作為該專業的必修專業課，主要是為了培養學生畢業后在IT行業、衛生醫療事業等企業的相關工作崗位上能完成網站模板編輯與設計、網站發布與管理、設計與開發動態數據庫WEB網站系統等工作，而該門課程尤其注重實踐能力。因此，為了能讓學生畢業后能更好地適應就職企業的工作需求，以近年來在“網頁設計與網站建設”課程上嘗試的課程實驗教學改革，總結具體的實驗教學改革的內容和方法。

1網頁設計課程實驗教學現狀研究及存在的問題

1.1網頁設計與網站建設課程實驗的主要教學內容

網頁設計與網站建設課程主要涉及兩大部分的內容：Web網站靜態頁面設計和Web網站動態頁面制作。從這兩大部分出發，網頁設計課程實驗教學主要內容有HTML語言、CSS樣式、JavaScript編程；Web網站動態頁面編程技術和數據庫，如：ASP.NET（C#或VB）、PHP、SQL Server或MySQL數據庫等，因此也涉及一些基本軟件的學習，如：Dreamweaver網頁制作工具、Fireworks或Photoshop圖形圖像處理軟件、VisualStudioASP.NET平臺開發工具、WebstormJavaScript開發工具、SQLServer大型數據庫軟件等。除此以外，還有WWW服務器的搭建，建立網站以及發布網站的步驟和過程等其他與網站建設的相關內容。

1.2網頁設計與網站建設課程的實驗教學方法

“以教師為中心”的任務驅動法，當任課教師選定了實驗教材或者編寫好實驗指導后，根據其教學內容由教師布置每個章節的實驗任務，學生跟隨教學進度完成任務。這種方法讓知識點太過獨立，讓學生不能將所學的知識融合。[1]“網頁設計與網站建設”課程可以說是一門綜合性特別強的課程，由上述的教學主要內容就可以指導該門課程涉及的技術和知識點很多，如何讓學生在學習后能夠綜合運用這些知識點來完成一個最終的實用性Web網站系統尤其重要。

項目驅動法教學，項目式實驗教學是以學生為主體，以教師為主導，從開放實驗中不斷樹立學生的創新思維和意識，以項目為教學內容。[2]這種方法解決了任務驅動法的問題，能夠將知識融會貫通，是“網頁設計與網站建設”課程實驗教學常用的方法，教學項目的選取、來源與教學項目是否應對實際需求至關重要，[3]比如該方法里所使用項目過于落伍或者過于單一，將會造成學生就業后無法適應單位的實際需求，也會造成學生不會靈活應用所學知識，形成遇到其他不同類型的項目就無法完成的狀況。

基于校企合作的方法，該方法一般通過與學校合作的企業進行調研，進而定位專業的人才培養方案，再進一步對相關課程的教學計劃、教學大綱、教學內容等進行改革。在這種方法下，課程教學模式也要改變，這種方法與項目驅動法結合可以很好的解決脫離實際和無法綜合運用的問題。[4]可是，校企合作的方式主要是企業與學校合作共同培養符合這些企業要求的員工，這種方法無法兼顧到畢業后的去向不固定的學生，因為畢竟不同的行業、不同的企業各自的需求并不相同。

與新型教育技術結合的教學方法，除了以上3種方法，通過很多教師的努力與實踐，不斷對該課程進行改革，近幾年涌現了很多結合新型教育技術的新方法，如任海鵬等通過分析動態網頁設計課程的教學現狀及MOOC教育環境，提出一種MOOC教育環境下的動態網頁設計混合教學模式；[5]郭丹等就翻轉課堂教學模式在“網頁設計”實踐教學中的實施進行了探討；[6]黃克軍等基于微課的混合式網頁涉及課程的教學模式進行構建與實施。[7]這些研究都是結合了新型的教育技術進行改革的，從一定程度上均能提高學生的學習效率以及學習的積極性。但這些方法是需要建立在教學內容不落伍，不脫離實際需求的基礎上的。

2網頁設計與網站建設課程實驗教學現狀

2.1實驗教學內容落伍并脫離企業實際需求

目前該課程的實驗教學的主要內容包括掌握WWW服務器的搭建，熟悉建立網站以及發布網站的步驟和過程；掌握網頁設計與制作的基本步驟和HTML語言基礎，掌握使用可視化網頁制作工具Dreamweaver建立網站、制作網頁的基本方法；掌握DIV+CSS網頁布局方法；掌握ASP. NET框架結構及如何搭建運行環境；能C#程序設計語言與ASP.NET結合的方法進行動態網站開發；掌握ASP.NET服務器控件、驗證控件、常用對象、ADO.NET數據訪問與操作的使用方法，能設計與開發動態數據庫WEB網站系統。這些都是常規的網頁課程的實驗教學的主要內容，這些內容作為學生打基礎或者愛好進行學習是滿足的，但是信息管理與信息系統專業的學生畢業后要步入社會進入工作崗位，而大部分的學生都將從事IT相關的工作，這就遠遠不能滿足了，因為隨著計算機信息技術、互聯網技術的飛速發展，網頁網站的設計和建設技術早已更新換代；另外，不同企業的崗位要求人才專注的側重點又有所不同，所以想要學生能快速適應崗位，所學的知識不僅必須跟上發展的潮流，還要符合大部分企業的實際需求。

另外，該課程的實驗教學的項目任務有圖書信息管理系統、學生成績管理系統、電子商務網站、自選主題網站等項目。這些是目前市場上已經較為成熟的項目，也又很多的參考案例，用于學生進行知識鞏固和參考學習還是比較合適的。但是，從另一個方面來說，成熟的項目也就意味著比較落伍了，缺乏創新，學生容易獲取源代碼，這大大影響學生的學習興致，也降低學生的實際動手能力以及靈活運用知識的能力。

2.2實驗教學方法較落伍

該課程的實驗教學主要采取線上+線下結合進行學習，線下采取項目驅動法進行，將項目分成多個子項目分布到各個知識點中，由學生在實驗室上課時完成，線下則采取已經建設好的學校課程網站中發布課后實驗任務或者實驗測試進一步鞏固或者擴展學習。目前的方式，無論線上線下都好，方法都已經落伍。課堂上進行實驗教學，一般都是在實驗室里進行，大多都是讓學生從老師的案例演示教學和教材的案例中學習并仿照進行，實際課堂的時間非常有限，要真正達到掌握難點重點的目的，其實遠遠不夠，結合線上進一步學習又存在其他問題，比如學生是否會主動學習，學生的實驗設備是否滿足實驗條件，線上的實驗如何進行過程考核等等。

2.3缺少實驗教學反思

從近幾年該課程的實驗教學中發現，學生在最終的項目完成結果均不太理想，學生把最終完成的項目提交上來后都發現各式各樣的問題，這都是在學習的過程中有些知識點沒有學透的原因導致的。網頁課程的知識點之間都是一線連一線缺一不可，如果學生在學習過程中某個知識點沒有學通透，則會影響整個項目的完成，因此，必須做好過程考核和評價。

3以企業需求為導向的網頁設計課程實驗教學改革

3.1以企業實際需求為導向調整實驗教學內容

學校的信息管理與信息系統專業從2014年至2021年間共有六屆畢業生，通過統計，在畢業生的就業單位和崗位中，醫院病案信息技術占52%左右，醫藥軟件公司的IT技術占33%左右，其余的則是事業單位、醫藥公司、考研或者公務員等。因此，為了讓該課程的實驗教學內容能夠符合學生以后就業的實際需求，除了與校企合作企業進行研討外，調研主要在醫療衛生單位和醫藥軟件IT公司中進行。同時也對畢業生的實習單位、往屆畢業生的就業單位進行調研，并對應屆畢業生和往屆畢業生、在校生進行座談和調研。通過調研數據顯示企業實際需求中需要學生重點掌握的內容主要是HTML5、DIV+CSS、網站模板的設計、JavaScript網頁特效、ASP.NET動態頁面編程、網站的調試與發布。現在互聯網的應用設備主要有PC和手機，而且手機使用的頻率已逐漸超過PC。因此，網頁設計的教學內容要與網絡時代的發展相迎合，在開展教學的過程中應增加移動端的Web設計，尤其是Web前端技術的知識，如：HTML5、JavaScript網頁特效、DIV+CSS響應式網頁設計；除了設計和開發技術，還要相對應提高學生對網站網頁的維護技術，繼續加強網站的調試與發布的教學以及網站模板的設計制作這兩個知識點的教學。

3.2改變實驗教學內容的次序，難點提前授課

按傳統教學方法，靜態頁面設計的內容為先如HTML、DIV+CSS等，之后才開始教授網頁動態編程，如ASP.NET動態頁面編程、ADO.net數據庫連接等。這兩大塊內容中，網頁動態編程可以說是整個教學難點中的難點，在整個網頁課程的實驗教學中，網頁動態編程占據了65%的學時，但是通過調研以及學生期末的項目完成情況來看，學生對于這個知識點的掌握程度仍然不理想，75%的學生認為這個內容的學時不夠導致這個知識點掌握得不夠透徹。因此，通過展開集體備課與相關課程老師進行討論和研究后認為可以將ASP.NET動態頁面編程的內容提前教授，但考慮到學生是在毫無概念基礎的情況下學習該難點，建議將難度降低，如針對ADO.net數據庫連接這個內容，可以先讓學生學習簡單的使用DataSource數據庫連接控件連接ACCESS數據庫，再使用GridView、DetailsView等常用的數據控件進行數據的簡單查詢、添加、編輯、刪除等基本操作。讓學生輕松入門再逐漸地把ASP. NET動態頁面編程的內容貫穿在整個學習過程，這樣有利于學生對該難點的掌握。為了便于學生鞏固該難點，結合微課、慕課等新方法，把關鍵的知識點放在線上，讓學生通過手機就可以時刻回顧進行鞏固學習。

3.3注重教學反思，充分了解學生的學習狀況

網頁設計與網站建設這門課程實驗教學綜合性、知識點之間的關聯性都非常強，每個知識點的掌握情況直接影響最終的項目完成，因此在教學的過程中必須及時掌握學生的學習情況，以便于調整后面的教學。這就要求教師和學生都要注重反思，教師可以通過各個階段性的課堂情況、實驗考核的情況、課后線上學習和提問討論、學生的評教信息等進行教學反思；而學生則通過教師的課堂講解演示、實驗考核的成績、課后線上的討論解答進行學習反思，再進一步進行提問和提建議。在這樣的情況下，不僅能更好了解學生的學習狀況，也更利于提高學生的學習主動性以及培養其創新的思維。

4結束語

該課程的實驗教學改革以2019級該專業的學生為對象，通過上述內容實施后，通過課后的提問、討論和學生的反饋情況看，學生對于難點的掌握程度較往屆學生好，學生期末最終的項目完成度也較往屆學生要好。學生反映該課程的實驗教學能很好地提高學習的興趣和主動性。但學生畢業后是否能快速適應就業崗位和是否滿足企業的實際需求，仍有待進一步的研究。

*通訊作者：甘昕艷

基金項目：2017年廣西中醫藥大學校級教育教學研究與改革項目“以企業需求為導向的《網頁設計與網站建設》課程實驗教學改革的研究與實踐”（項目編號：2017C70）；2020年廣西中醫藥大學課程思政教學改革重點項目“在信息管理與信息系統專業課程中融入思政教育的研究與實踐”（項目編號：sz201002）

參考文獻

[1]余榮瀅.《電子商務網頁設計與制作》工學一體化課程教學改革——以廣東新安職業技術學院為例.中國培訓，2016，（02）：82.

[2]屠燕飛.項目式實驗教學在網頁設計與制作課程中的應用.職業， 2016（12）：72.

[3]段珊珊.項目式教學在《網頁設計與制作》課程中的探索與實踐.電腦知識與技術，2020，16（15）：148.

[4]任倩.基于校企合作的《動態網頁設計（JSP）》課程教學改革.電腦知識與技術，2020，16（20）：148.

[5]任海鵬.MOOC背景下動態網頁設計課程混合教學模式研究.湖南城市學院學報（自然科學版），2016，25（04）：320-321.

[6]郭丹等.翻轉課堂教學模式在網頁設計實踐課程中的實施.通化師范學院學報，2016，37（04）：62-65.

[7]黃克軍等.基于微課的混合式教學模式構建與實施——以網頁設計為例.電腦知識與技術，2017，13（19）：121-122.