淺談《靜態網頁設計》課程的建設規劃

李可

寧波職業技術學院 浙江 寧波 315800

1 課程概況

1.1 課程定位

《靜態網頁設計》是面向“Web前端開發”職業崗位的一門核心課程，也是滿足職業崗位任職要求的基本能力課程，與JS、HTML5、微信小程序共同組成面向web前端開發的課程組。該課程大一第一學期授課，沒有先導課程，結合網站開發綜合實訓和頂崗實習，形成滿足“網頁設計”、“網站建設”等職業崗位實際工作需要的核心能力。

通過該課程的學習，使高職學生具備網頁設計與開發的基本能力，能獨立設計并制作一個內容完整、圖文并茂、 技術運用得當的頁面；具備初步的網站開發、維護和管理能力；具備獨立撰寫網站制作說明等技術文檔的基本能力。熟悉網站開發的整個流程及工作過程，最后通過綜合實訓和頂崗實習，為后續專業課的學習和今后職業生涯發展打下良好的基礎[1]。

1.2 實踐教學條件

（1）校內教學與實驗環境。本課程組擁有專業實驗機房，而且配置適中，此外多功能教室提供了充足的課后實驗場所，可供學生課余自帶筆記本上機，為學生實驗實訓提供了有力保障。

（2）校外實習基地。根據教學計劃安排，學生在項目實訓期間，可以到實訓基地和友好合作企業進行頂崗實訓，完成項目實訓，也可以結合企業要求自主的進行項目的開發設計。

2 課程建設目標

2.1 課程優勢及劣勢分析

（1）優勢?！鹅o態網頁設計》課程在計算機專業開設10余年，2012 年完成了精品課程網站的建設，形成了較為完善的在線學習環境（電子教案、課件、微課視頻、作業、單元測試、網上答疑、網上師生交流等）。授課教師團隊與企業共同開發課程資源，企業兼職教師共同參與制定教學計劃與授課，且具有豐富的教學經驗。2020年教師團隊參加了“1+X”Web前端開發中級培訓并順利通過考試拿到了證書。

（2）劣勢。教材針對性不強，極需加強課程講義的整理工作；需要增加《靜態網頁設計》課程在線資源庫建設；學生課外任務不能按時保質保量完成；現有MOODLE等現代化教學平臺使用率不高；試題庫建設速度緩慢，平臺使用受限。

（3）機會。不斷提高團隊的授課水平，了解更多的企業真實項目，提高團隊的業務能力，設計更多的教學資源。

（4）挑戰。進行《靜態網頁設計》課程自診，查找問題、分析原因、形成分析報告；尋找課程創新點，提出課程改進措施，確立新的發展目標，形成課程診斷循環改進。

2.2 課程建設的目標

課程總目標：建設成浙江省精品課程

具體建設內容：

①引進青年教師，加強教學團隊與企業的合作，外出學習培訓，增長教學團隊的理論知識和實踐能力，擴大視野，跟上現代教育教學的發展。②修訂課程標準、授課計劃，改善教學設計及方法。③擴建實訓室。④建立多媒體課件，微課，試題庫等。⑤課程考核與評價需要線上線下相結合[2]。

3 課程建設內容與舉措

3.1 課程內容建設

在現有授課內容的基礎上，認真分析本專業學生的具體學情，結合課程性質及教學實際，完善授課內容：①進一步分解和細化教學任務；②每個學習情境都采用具體任務去驅動，且所有的任務彼此前后銜接，形成完整的教學項目。

3.2 課程標準建設

基于專業人才培養目標，結合寧波職業技術學院專業核心課程建設原則，自查現有課程標準存在不足，對課程標準進行以下修訂：①進一步明晰本課程的專業核心課程定位；②根據計算機專業行業發展動態和大數據時代人才需求，對課程目標、課程內容設計與要求進行更新；③根據與專業對應的各種技能大賽的要求，對課程實施進行規范，對課程資源進行充實和更新。④制定《靜態網頁設計》理論、實踐操作等考核標準，并制定相應的實施細則，以規范考核行為。

3.3 教學團隊建設

①改進課程傳統的1人帶完一門課的模式，根據課程內容中涉及的理論和實踐方面的內容，由不同教師承擔不同模塊的教研科研工作，設計教學內容，進行教學方法的創新，共同合作，保證教學效果。②積極組織課程團隊教師進企業觀摩，聯合教研活動，了解當前企業編程人員應該具備的素質和技能，提高業務水平。③聘請企業骨干教師進入課堂，指導學生教學活動設計，提高學生教育教學水平。

3.4 教學資源建設

（1）增加課程資源。①編寫一本適合目前生源情況的理實一體化教學教材，并且配套教學課件。②增加課程資源，直觀展示、貼近生活的視頻、動畫等資源。③錄制微課，將課程進行知識點碎片化，錄制課程微課。方便學生課前預習，課后復習。④制作課程教學配套資源，習題庫、試題庫，教學案例、方案討論等內容。

（2）加強校企合作。根據教學計劃安排，學生在項目實訓期間，可以到實訓基地和友好合作企業進行頂崗實訓，完成項目實訓；也可以結合企業要求自主的進行項目的開發設計。

（3）加強實驗室建設。更新電腦顯示器尺寸，配置圖像設計專用的顯卡。配備多功能教室，提供充足的課后實驗場所，可供學生課余自帶筆記本上機，使得學生的課堂設計得以延伸，將實驗完善充實。

（4）改進教學思路及方法。采用“項目引導、任務驅動”的教學模式；教學過程中，可通過引導知識將項目導入；根據項目中每個知識點的不同，進行基于信息化有針對性的教學設計。具體為：①制定“項目引導、任務驅動”的教學模式。②教學過程通過引導知識將項目導入，提出創新性的題目作為課后作業。③進行基于信息化有針對性的教學設計。

3.5 教學方法與手段

（1）優化課程資源、搭建信息化網絡課程。①完善課程內容，增加企業實踐項目演練。②制作優質的視頻、微課、動畫等可視化資源。③將信息化網絡課程安裝應用到手機 APP 客戶端，便于學生學習，改進教學管理模式，充分利用信息化教學手段，搭建混合式教學課堂。

（2）進行團隊集體教研，提高教學水平。①改進課程傳統的 1 人帶完一門課的模式，根據課程內容中涉及的理論和實踐方面的內容，由不同教師承擔不同模塊的教研科研工作，設計教學內容，進行教學方法的創新，共同合作，保證教學效果。②積極組織課程團隊教師進企業觀摩，聯合教研活動，了解當前企業編程人員應該具備的素質和技能，提高業務水平。③聘請企業骨干教師進入課堂，指導學生教學活動設計，提高學生教育教學水平。

3.6 教材建設

《靜態網頁設計》課程目前教學使用的教材還是傳統的紙質教材，基本上選用“項目引導，案例驅動”的教材體系，但是對于理論和實踐操作性強的教學內容來說，文字性教材不能滿足 目前的教學要求,急需一本企業化項目的新型教材。這就需要我們團隊老師和企業老師共同開發一本校本教材。

3.7 實踐教學條件建設

更新電腦配置，比如配置高分辨率顯示器，配置作圖用的顯卡。建設多功能教室，提供無線網絡，可供學生課余自帶筆記本上機，使得學生的課堂設計得以延伸，將實驗完善充實。每名學生有 1 臺安裝 Sublime、 Web Storm、Hbuilder、VScode期中一種軟件的計算機，同時該計算機安裝網頁制作的相關軟件工具，包括 PS、Fireworks、Chrome 瀏覽器等[3]。

4 結束語

本文分析了當前靜態網頁設計課程的優勢與劣勢，從課程內容、教學資源、團隊建設等幾個方面進行了詳細的目標規劃及實施方法的介紹，希望對其他高校課程改革達到一個拋磚引玉的效果。