《網頁前端技術》的課程設計

張趙輝（黑龍江林業職業技術學院,黑龍江　牡丹江　157011）

《網頁前端技術》的課程設計

張趙輝
（黑龍江林業職業技術學院,黑龍江牡丹江157011）

《網頁前端技術》課程主要讓學生能夠利用HTML和Dreamweaver設計網站，使用JavaScript添加網頁動態效果的，進而讓學生掌握網站的開發技能，本課程的設計以培養學生綜合技能為導向，按照項目案例的實施過程，給學生設計從簡單到復雜、從容易到困難的網頁設計案例。

HTML；課程設計；JavaScript；CSS；項目化

1課程性質和作用

1.1課程的性質

《網頁前端技術》是高等職業院校計算機網絡專業的一門專業核心課程，是使學生掌握使用HTML語言和Dreamweaver設計網站，使用JavaScript添加網頁動態效果，使學生掌握網站的開發技能，是實踐性很強且面向實際應用的重要專業課。通過學習《網頁前端技術》，能夠提高學生職業技能和素質，為適應職業崗位和繼續學習打下一定的基礎。

1.2課程的作用

本課程的教學目標是使學生能運用所學的網頁編程知識，根據實際問題進行靜態網頁的創建與維護、JavaScript動態網頁的編寫，使學生具有HTML靜態網頁設計與制作的基本能力。

2　課程設計的理念和思路

2.1課程設計理念

《網頁前端技術》課程的實施以工作過程導向為主體，理論實踐結合特征突出。是以學生最終就業為目的的教學過程、著重培養學生的網頁設計與制作能力，強調學生的學中做與在制作網頁中的學習創新能力，實現了理論實踐一體化教學目標。

在《網頁前端技術》的課程建設中，以培養學生綜合技能為導向，按照項目案例的實施過程，給學生設計從簡單到復雜、從容易到困難的網頁設計案例，按照循序漸進的學習情景來展開，教學過程以項目實施的過程為主導，注重學生網頁設計的能力培養。

2.2課程建設思路

《網頁前端技術》的課程建設思路注重專業領域的技術要求，強調對學生網頁設計與美化職業的崗位任職要求，圍繞著學生在網頁制作與設計中容易出現的問題，展開課程體系和教學內容的設計。

《網頁前端技術》的課程建設原則：突出學生的實際運用能力，同時，以項目任務為載體，以學生的個性訓練和能力培養為主體?！毒W頁前端技術》的課程建設過程：首先，針對市場工作崗位的需求，分析出網站與網頁設計人員的工作任務，進性歸納總結出適合學生的具體項目任務，然后設計出適合學生的基于工作過程的學習任務和情境。

3　課程設計

3.1課程目標設計

（1）能力目標。使學生能熟練運用HTML中的文字、鏈接、列表、表格、表單和圖像；掌握Dreamweaver進行網站的制作與設計操作技能；掌握Javascript腳本編程語言的基本語法知識，設計出絢麗的網頁動態效果，開發出富有創意的個性網站。

（2）知識目標。能夠了解網站的工作原理；了解WWW 和HTTP協議，掌握HTML和CSS的基本概念和作用；掌握Dreamweaver應用軟件的使用功能；掌握表格、表單設計網頁的方法；掌握添加網頁動態效果的方法。

3.2課程內容設計

（1）知識模塊劃分。對現有知識點進行了解析與重構，劃分出彼此之間聯系緊密的HTML網頁技術、Css網站布局與樣式、Javascript動態行為、網頁制作綜合實例四大知識模塊。

（2）教學內容設計。教學內容分為四大知識模塊：

1）HTML網頁技術基礎知識。對應的能力目標有：能夠獨立安裝Dreamweaver軟件，能夠掌握HTML語言中的各種文本格式、字符格式、段落設置、列表、表單、框架的作用，能夠運用html編寫簡單的頁面。

2）CSS網站布局與樣式。對應的能力目標有：能夠掌握在網頁中添加CSS、嵌入圖像、聲音、多媒體信息的方法；能夠利用CSS美化網頁，給用戶更好的網頁體驗。

3）Javascript動態行為。對應的能力目標有：能夠掌握Javascript的核心語法。能掌握在HTML語言代碼中嵌入JavaScript代碼的方法，能看懂JavaScript特效網頁源代碼；能夠按網頁設計技術要求修改和調試JavaScript代碼；能夠使用JavaScript語言實現網頁特效。

4）網頁制作綜合實例。通過HTML、CSS和JavaScript的學習，以及課程中設計到的小案例和項目的制作，讓學生自主創新，獨立制作完成一個門戶網站的綜合案例。

3.3 教學方法設計

（1）項目導向法.本課程的教學內容是以學生的網頁制作與設計的開發流程為依據展開的。利用計算機技術中的動畫視頻等先進技術進行教學。

（2）分組教學.在網頁制作與設計的教學中，每個項目都是以學生實際的網頁設計效果為考核目標的，實踐性都比較強，學習難度較大。在教學中，采用分組教學的方法，可以讓同學之間遇到問題能夠互相探討，相互幫助協作完成任務，進而激發學生學習的自信心和學習興趣，增強學生的創新意識，設計出更具特色的個性網站。

3.4考核方法設計

學期總評成績采用百分制，著重考核學生運用知識解決實際問題的能力。其中，平時成績占30%，項目案例完成情況占30%，期末項目作品占40%。

4　結束語

通過本課程的學習，不僅可加強學生對理論知識的感性認識、加深對網站開發的理解，而且能培養學生的實踐技能，提高網站開發與設計的實踐動手能力。另外，通過項目教學方法的滲入，使學生在整個項目的進行過程中可以自主的學習，自己找可以承擔的學習任務來完成，同時也學會了發現問題和解決問題的方法，發揮了個人的最大能力，提高自身的創新能力。

[1]張趙輝.探析網頁前端技術及其升華[J].科技致富向導，2015(02):67.

黑龍江省高等教育學會2014年規劃課題《網頁前端技術課程教學資源共享建設研究與實踐》（課題編號：14G275）成果。