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

《網(wǎng)頁(yè)前端技術(shù)》的課程設(shè)計(jì)

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

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

HTML；課程設(shè)計(jì)；JavaScript；CSS；項(xiàng)目化

1課程性質(zhì)和作用

1.1課程的性質(zhì)

《網(wǎng)頁(yè)前端技術(shù)》是高等職業(yè)院校計(jì)算機(jī)網(wǎng)絡(luò)專業(yè)的一門專業(yè)核心課程，是使學(xué)生掌握使用HTML語(yǔ)言和Dreamweaver設(shè)計(jì)網(wǎng)站，使用JavaScript添加網(wǎng)頁(yè)動(dòng)態(tài)效果，使學(xué)生掌握網(wǎng)站的開發(fā)技能，是實(shí)踐性很強(qiáng)且面向?qū)嶋H應(yīng)用的重要專業(yè)課。通過(guò)學(xué)習(xí)《網(wǎng)頁(yè)前端技術(shù)》，能夠提高學(xué)生職業(yè)技能和素質(zhì)，為適應(yīng)職業(yè)崗位和繼續(xù)學(xué)習(xí)打下一定的基礎(chǔ)。

1.2課程的作用

本課程的教學(xué)目標(biāo)是使學(xué)生能運(yùn)用所學(xué)的網(wǎng)頁(yè)編程知識(shí)，根據(jù)實(shí)際問(wèn)題進(jìn)行靜態(tài)網(wǎng)頁(yè)的創(chuàng)建與維護(hù)、JavaScript動(dòng)態(tài)網(wǎng)頁(yè)的編寫，使學(xué)生具有HTML靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)與制作的基本能力。

2　課程設(shè)計(jì)的理念和思路

2.1課程設(shè)計(jì)理念

《網(wǎng)頁(yè)前端技術(shù)》課程的實(shí)施以工作過(guò)程導(dǎo)向?yàn)橹黧w，理論實(shí)踐結(jié)合特征突出。是以學(xué)生最終就業(yè)為目的的教學(xué)過(guò)程、著重培養(yǎng)學(xué)生的網(wǎng)頁(yè)設(shè)計(jì)與制作能力，強(qiáng)調(diào)學(xué)生的學(xué)中做與在制作網(wǎng)頁(yè)中的學(xué)習(xí)創(chuàng)新能力，實(shí)現(xiàn)了理論實(shí)踐一體化教學(xué)目標(biāo)。

在《網(wǎng)頁(yè)前端技術(shù)》的課程建設(shè)中，以培養(yǎng)學(xué)生綜合技能為導(dǎo)向，按照項(xiàng)目案例的實(shí)施過(guò)程，給學(xué)生設(shè)計(jì)從簡(jiǎn)單到復(fù)雜、從容易到困難的網(wǎng)頁(yè)設(shè)計(jì)案例，按照循序漸進(jìn)的學(xué)習(xí)情景來(lái)展開，教學(xué)過(guò)程以項(xiàng)目實(shí)施的過(guò)程為主導(dǎo)，注重學(xué)生網(wǎng)頁(yè)設(shè)計(jì)的能力培養(yǎng)。

2.2課程建設(shè)思路

《網(wǎng)頁(yè)前端技術(shù)》的課程建設(shè)思路注重專業(yè)領(lǐng)域的技術(shù)要求，強(qiáng)調(diào)對(duì)學(xué)生網(wǎng)頁(yè)設(shè)計(jì)與美化職業(yè)的崗位任職要求，圍繞著學(xué)生在網(wǎng)頁(yè)制作與設(shè)計(jì)中容易出現(xiàn)的問(wèn)題，展開課程體系和教學(xué)內(nèi)容的設(shè)計(jì)。

《網(wǎng)頁(yè)前端技術(shù)》的課程建設(shè)原則：突出學(xué)生的實(shí)際運(yùn)用能力，同時(shí)，以項(xiàng)目任務(wù)為載體，以學(xué)生的個(gè)性訓(xùn)練和能力培養(yǎng)為主體?！毒W(wǎng)頁(yè)前端技術(shù)》的課程建設(shè)過(guò)程：首先，針對(duì)市場(chǎng)工作崗位的需求，分析出網(wǎng)站與網(wǎng)頁(yè)設(shè)計(jì)人員的工作任務(wù)，進(jìn)性歸納總結(jié)出適合學(xué)生的具體項(xiàng)目任務(wù)，然后設(shè)計(jì)出適合學(xué)生的基于工作過(guò)程的學(xué)習(xí)任務(wù)和情境。

3　課程設(shè)計(jì)

3.1課程目標(biāo)設(shè)計(jì)

（1）能力目標(biāo)。使學(xué)生能熟練運(yùn)用HTML中的文字、鏈接、列表、表格、表單和圖像；掌握Dreamweaver進(jìn)行網(wǎng)站的制作與設(shè)計(jì)操作技能；掌握J(rèn)avascript腳本編程語(yǔ)言的基本語(yǔ)法知識(shí)，設(shè)計(jì)出絢麗的網(wǎng)頁(yè)動(dòng)態(tài)效果，開發(fā)出富有創(chuàng)意的個(gè)性網(wǎng)站。

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

3.2課程內(nèi)容設(shè)計(jì)

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

（2）教學(xué)內(nèi)容設(shè)計(jì)。教學(xué)內(nèi)容分為四大知識(shí)模塊：

1）HTML網(wǎng)頁(yè)技術(shù)基礎(chǔ)知識(shí)。對(duì)應(yīng)的能力目標(biāo)有：能夠獨(dú)立安裝Dreamweaver軟件，能夠掌握HTML語(yǔ)言中的各種文本格式、字符格式、段落設(shè)置、列表、表單、框架的作用，能夠運(yùn)用html編寫簡(jiǎn)單的頁(yè)面。

2）CSS網(wǎng)站布局與樣式。對(duì)應(yīng)的能力目標(biāo)有：能夠掌握在網(wǎng)頁(yè)中添加CSS、嵌入圖像、聲音、多媒體信息的方法；能夠利用CSS美化網(wǎng)頁(yè)，給用戶更好的網(wǎng)頁(yè)體驗(yàn)。

3）Javascript動(dòng)態(tài)行為。對(duì)應(yīng)的能力目標(biāo)有：能夠掌握J(rèn)avascript的核心語(yǔ)法。能掌握在HTML語(yǔ)言代碼中嵌入JavaScript代碼的方法，能看懂JavaScript特效網(wǎng)頁(yè)源代碼；能夠按網(wǎng)頁(yè)設(shè)計(jì)技術(shù)要求修改和調(diào)試JavaScript代碼；能夠使用JavaScript語(yǔ)言實(shí)現(xiàn)網(wǎng)頁(yè)特效。

4）網(wǎng)頁(yè)制作綜合實(shí)例。通過(guò)HTML、CSS和JavaScript的學(xué)習(xí)，以及課程中設(shè)計(jì)到的小案例和項(xiàng)目的制作，讓學(xué)生自主創(chuàng)新，獨(dú)立制作完成一個(gè)門戶網(wǎng)站的綜合案例。

3.3 教學(xué)方法設(shè)計(jì)

（1）項(xiàng)目導(dǎo)向法.本課程的教學(xué)內(nèi)容是以學(xué)生的網(wǎng)頁(yè)制作與設(shè)計(jì)的開發(fā)流程為依據(jù)展開的。利用計(jì)算機(jī)技術(shù)中的動(dòng)畫視頻等先進(jìn)技術(shù)進(jìn)行教學(xué)。

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

3.4考核方法設(shè)計(jì)

學(xué)期總評(píng)成績(jī)采用百分制，著重考核學(xué)生運(yùn)用知識(shí)解決實(shí)際問(wèn)題的能力。其中，平時(shí)成績(jī)占30%，項(xiàng)目案例完成情況占30%，期末項(xiàng)目作品占40%。

4　結(jié)束語(yǔ)

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

[1]張趙輝.探析網(wǎng)頁(yè)前端技術(shù)及其升華[J].科技致富向?qū)В?015(02):67.

黑龍江省高等教育學(xué)會(huì)2014年規(guī)劃課題《網(wǎng)頁(yè)前端技術(shù)課程教學(xué)資源共享建設(shè)研究與實(shí)踐》（課題編號(hào)：14G275）成果。