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

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

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

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

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

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

1課程性質和作用

1.1課程的性質

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

1.2課程的作用

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

2　課程設計的理念和思路

2.1課程設計理念

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

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

2.2課程建設思路

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

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

3　課程設計

3.1課程目標設計

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

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

3.2課程內容設計

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

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

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

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

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

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

3.3 教學方法設計

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

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

3.4考核方法設計

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

4　結束語

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

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

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