時間:2023-10-11 16:23:05
引言:易發(fā)表網(wǎng)憑借豐富的文秘實(shí)踐,為您精心挑選了九篇網(wǎng)頁的設(shè)計與制作范例。如需獲取更多原創(chuàng)內(nèi)容,可隨時聯(lián)系我們的客服老師。
[關(guān)鍵詞]O2O教學(xué)模式;網(wǎng)頁設(shè)計與制作;教學(xué)改革
一、O2O教學(xué)模式的概念及特點(diǎn)
O2O教學(xué)模式,是利用互聯(lián)網(wǎng)技術(shù),綜合線上、線下的優(yōu)質(zhì)教學(xué)資源,構(gòu)建雙向互動的新型教學(xué)模式。其具有的特點(diǎn)如下。(一)對學(xué)生實(shí)現(xiàn)了個性化學(xué)習(xí)。學(xué)生對于線上學(xué)習(xí)時間的安排比較自由,可有選擇性的對教學(xué)視頻進(jìn)行觀看。(二)對教師實(shí)現(xiàn)了素養(yǎng)的提高。對于每一堂課,教師都必須以基于線下來做線上,以及基于線上來改進(jìn)線下為原則來準(zhǔn)備線上和線下教學(xué)資源,且線上線下教學(xué)資源必須相互融合。線下教案的設(shè)計,線上教學(xué)視頻的錄制與編輯等課前準(zhǔn)備工作,教學(xué)資源的完成對教師的素養(yǎng)實(shí)現(xiàn)了本質(zhì)的改變。(三)學(xué)習(xí)資源的豐富性及共享性。為了能更好地利用O2O教學(xué)模式進(jìn)行教學(xué),在網(wǎng)絡(luò)平臺上必須上傳豐富的學(xué)習(xí)資源。(四)能實(shí)現(xiàn)師生間的多向交流性。教師與學(xué)生、學(xué)生與學(xué)生之間可以在線上、也可以在線下、同時還可以從線下到線上,再從線上到線下等進(jìn)行交流討論,大大的突破了時間與地點(diǎn)上的限制。
二、采用
O2O教學(xué)模式的必要性和可行性
(一)必要性
現(xiàn)在的高職院校學(xué)生生源主要來自兩個渠道,一是通過高考錄取進(jìn)來的??粕?,另一部分是通過中考錄取為五年一貫制的??粕?,生源素質(zhì)普遍較低,學(xué)生學(xué)習(xí)興趣不高,自學(xué)能力較差。本文作者通過問卷和實(shí)地訪問調(diào)查發(fā)現(xiàn),在傳統(tǒng)的教學(xué)模式課堂上學(xué)生喜歡玩手機(jī),課外時間更是玩得不亦樂乎,甚至達(dá)到忘我的境界。為了能達(dá)到理想的教學(xué)效果,學(xué)院管理人員和教職人員齊抓共管,針對問題制定了一系列的對策用以阻止學(xué)生玩手機(jī)。鑒于此,何不利用學(xué)生癡迷于手機(jī)這種心態(tài),充分發(fā)揮手機(jī)移動端的最大作用,結(jié)合移動互聯(lián)網(wǎng)技術(shù),采取O2O模式進(jìn)行教學(xué)。
(二)可行性
通過調(diào)查分析,免費(fèi)無線WIFI已覆蓋全院,人人都擁有至少一臺移動終端設(shè)備,學(xué)院機(jī)房課外時間都為學(xué)生開放。我院已購買了支持手機(jī)端學(xué)習(xí)的超星慕課平臺,這些軟硬件設(shè)備都為開展O2O教學(xué)提供了良好的基礎(chǔ)。此外,通過調(diào)查發(fā)現(xiàn)教師很愿意嘗試?yán)眠@種與互聯(lián)網(wǎng)關(guān)系密切的具有創(chuàng)新的現(xiàn)代信息技術(shù)教授方式,學(xué)生也很愿意接受這種具有自由靈活性的學(xué)習(xí)方式。
三、《網(wǎng)頁設(shè)計與制作》課程應(yīng)用
O2O教學(xué)模式的背景《網(wǎng)頁設(shè)計與制作》課程的特點(diǎn)是理論難度較大、實(shí)踐性強(qiáng)。課程的知識點(diǎn)較多且比較抽象,課堂上大多數(shù)知識點(diǎn)學(xué)生能聽懂,但不能將各個知識點(diǎn)融會貫通,遇到實(shí)際的WEB頁面設(shè)計工程時便是無從下手。在傳統(tǒng)的教學(xué)模式課堂上,教師通過舉例展現(xiàn)實(shí)際效果將知識點(diǎn)解釋清楚,并對各個知識點(diǎn)的關(guān)系進(jìn)行梳理。但由于課時的原因,學(xué)生聽完之后就沒有更多的時間進(jìn)行下一步討論,在沒有聽懂的情況下也沒有時間向老師請教,就更不用說對本堂課的知識進(jìn)行擴(kuò)充延伸。為了改變傳統(tǒng)教學(xué)模式教學(xué)效果和效率低下問題,2016年5月,我院引進(jìn)了超星慕課平臺,將《網(wǎng)頁設(shè)計與制作》課程作為試點(diǎn)進(jìn)行教學(xué)改革,探索出一套適合我院的O2O教學(xué)模式,然后在全院范圍內(nèi)推廣至其他課程。
四、基于O2O教學(xué)模式在《網(wǎng)頁設(shè)計與制作》課程改革與實(shí)踐
(一)線上網(wǎng)絡(luò)平臺資源的建設(shè)
在超星慕課平臺上建立網(wǎng)頁設(shè)計與制作課程,在平臺上多種教學(xué)資源供學(xué)生觀看與下載。教師通過appMaker富媒體編輯器對教學(xué)視頻中知識點(diǎn)的重點(diǎn)、難點(diǎn)進(jìn)行回放、放大等編輯操作,用以強(qiáng)調(diào)內(nèi)容的重要性。
(二)線上與線下課堂教學(xué)模式的改革
在傳統(tǒng)教學(xué)模式課堂中,教師講課的基本流程為復(fù)習(xí)導(dǎo)入新課、新課講授、課堂小結(jié)、布置作業(yè)、課后小結(jié)五個環(huán)節(jié)。一堂課45分鐘,每個環(huán)節(jié)分別占用的時間大概為:5-8分鐘,30-35分鐘,3-4分鐘,2-3分鐘(課后小結(jié)是利用課外的時間完成)。一堂課下來,教師與學(xué)生、學(xué)生與學(xué)生之間基本沒有互動環(huán)節(jié)(除了教師提問環(huán)節(jié)),這樣不利于學(xué)生對知識的吸收與內(nèi)化。而利用O2O教學(xué)模式進(jìn)行教學(xué),教學(xué)環(huán)節(jié)與時間分配都必須重新設(shè)計。
(三)O2O教學(xué)模式的教學(xué)環(huán)節(jié)設(shè)計
通過探討總結(jié)分析,將O2O教學(xué)模式學(xué)習(xí)時段分為課前、課堂、課后三個時段,具體工作如下:(1)課前時段:課前時段即線上學(xué)習(xí)時段。在每堂課上課之前,老師都會通過超星慕課平臺推送下節(jié)課學(xué)習(xí)內(nèi)容的消息到學(xué)生的移動端。學(xué)生收到消息后首先進(jìn)行的是課程預(yù)習(xí)及視頻的自主學(xué)習(xí),學(xué)習(xí)過程中遇到的問題,可以通過平臺中的互動課堂版塊進(jìn)行在線提問和討論,也可以記錄在紙質(zhì)筆記本上,帶到線下課堂上請教老師或與同學(xué)進(jìn)行交流。學(xué)生在完成課前時段作業(yè)的同時,相應(yīng)的對下一節(jié)課內(nèi)容已完成記性和理解兩個過程,為課堂時段提供充足的準(zhǔn)備。(2)課堂時段:課堂時段即線下學(xué)習(xí)時段。在課堂上,老師首先利用10-15分鐘的時間對視頻中的知識點(diǎn)、重難點(diǎn)進(jìn)行梳理,并對學(xué)生進(jìn)行提問以了解學(xué)生課前學(xué)習(xí)的情況。其次利用15-20分鐘的時間讓學(xué)生提問,通過老師或?qū)W生(已完全理解該內(nèi)容的學(xué)生)進(jìn)行解答。再剩下的10-15分鐘,學(xué)生通過分組的形式討論老師布置的案例。老師參與程度或分組形式以具體內(nèi)容而定,最后由每組的組長向老師表述討論結(jié)果,進(jìn)而老師對每組討論結(jié)果進(jìn)行總結(jié)點(diǎn)評。課堂時段的進(jìn)行能增強(qiáng)人與人情感上的交流、教師面對面?zhèn)€性化的指導(dǎo)、教師和學(xué)生及學(xué)生和學(xué)生之間的即時討論等,是很重要的一個環(huán)節(jié)。(3)課后時段:課后學(xué)生再利用時間去觀看上一堂課的教學(xué)視頻,把之前遇到的問題(課堂時段已解決的)再梳理一遍,以達(dá)到溫故而知新的目的。再完成老師在平臺上的在線作業(yè),如有疑問,可以利用超星慕課平臺所提供的討論交流模塊在線咨詢輔導(dǎo)老師,也可以與同學(xué)進(jìn)行交流,同時對自己的學(xué)習(xí)效果進(jìn)行在線測試等。
(四)適應(yīng)O2O教學(xué)模式的教師隊伍建設(shè)
傳統(tǒng)的教學(xué)模式中,所有的教學(xué)工作基本都是一人完成。而利用O2O教學(xué)模式進(jìn)行教學(xué),雖然老師從主要講課“降”為只輔導(dǎo)學(xué)生、與學(xué)生討論、交流問題的角色,但是平時的工作量不但沒有減少,反而成倍增加。老師除了要做在傳統(tǒng)的教學(xué)模式中準(zhǔn)備的工作外,課前必須把教學(xué)視頻錄制編輯好,把教學(xué)素材上傳到教學(xué)平臺上,還須與學(xué)生保持緊密聯(lián)系,掌握其學(xué)習(xí)動態(tài),根據(jù)學(xué)生的學(xué)習(xí)效果優(yōu)化課程教學(xué)內(nèi)容,時刻在線為學(xué)生解答問題等。由于一名老師精力有限,是很難獨(dú)立完成這么大的工作量的。因此,教學(xué)團(tuán)隊經(jīng)過探討,對團(tuán)隊老師進(jìn)行分工,將工作量進(jìn)行分解,明確每個老師在O2O教學(xué)模式中各個教學(xué)環(huán)節(jié)的角色、任務(wù)及相互協(xié)作的關(guān)系。將團(tuán)隊分成主講教師和輔導(dǎo)教師兩部分。主講教師主要由具有豐富的教學(xué)實(shí)踐經(jīng)驗(yàn)的教師組成,主要負(fù)責(zé)課前教學(xué)視頻的錄制編輯,課堂時段的講課并組織學(xué)生討論交流。而輔導(dǎo)教師主要負(fù)責(zé)課前消息的、課后答疑、題目、作業(yè)收集與批改等工作。大家都把自己的工作任務(wù)做好,有事情積極溝通,抱著相互協(xié)作的態(tài)度完成課程教學(xué)工作。
(五)O2O教學(xué)模式的考核機(jī)制
O2O教學(xué)模式的考核機(jī)制以培養(yǎng)學(xué)生實(shí)踐創(chuàng)新能力目的,以平時的學(xué)習(xí)態(tài)度為基礎(chǔ),依據(jù)教學(xué)環(huán)節(jié)進(jìn)行設(shè)計,以期末考試總成績100%進(jìn)行計算。平時學(xué)習(xí)態(tài)度占10%,包括線下上課和實(shí)訓(xùn)考勤;實(shí)訓(xùn)作業(yè)和報告完成情況占10%;課前時段學(xué)習(xí)占10%,包括教學(xué)視頻觀看情況,線上任務(wù)點(diǎn)的完成等;課堂時段學(xué)習(xí)占15%,包括問題的提出、討論的積極性等。課后時段占10%,包括在線測試、作業(yè)完成情況、復(fù)習(xí)觀看教學(xué)視頻等。最后必須按照要求完成一個綜合型的網(wǎng)站作品,這是考查學(xué)生綜合實(shí)踐及創(chuàng)新能力的代表作,包括圖像的處理、動畫的制作、審美觀等,所占的比重很大,占45%;期末總評分為以上六環(huán)節(jié)項(xiàng)分?jǐn)?shù)的總和,只要有一項(xiàng)環(huán)節(jié)分不及格,課程總評成績?yōu)椴患案瘛?/p>
五、O2O教學(xué)模式的實(shí)施效果
在O2O教學(xué)模式的實(shí)踐過程中,我們設(shè)置2015級計算機(jī)應(yīng)用技術(shù)專業(yè)一班為試點(diǎn)班,二班為對照班。其中一班人數(shù)為35人,二班人數(shù)為38人。兩個班之前的網(wǎng)頁設(shè)計與制作前導(dǎo)課程均有同一個老師執(zhí)教,各門課程期末考試成績統(tǒng)計情況基本一致。通過一個學(xué)期的學(xué)習(xí),對兩個班教學(xué)效果進(jìn)行總結(jié)分析。(1)從交上來綜合型的網(wǎng)站作品分析,一班學(xué)生設(shè)計出來的作品在顏色搭配、代碼使用、美觀整潔度明顯優(yōu)于二班學(xué)生;(2)從省級大學(xué)生科技創(chuàng)新與職業(yè)技能競賽網(wǎng)頁設(shè)計與制作項(xiàng)目獲獎率分析,一班學(xué)生獲獎比往年高,而二班基本持平。此外,通過對試點(diǎn)班進(jìn)行無名問卷調(diào)查,85%的學(xué)生認(rèn)為在新的教學(xué)模式下,自我控制能力和自學(xué)能力得到了很大的提高,75%的學(xué)生認(rèn)為新的教學(xué)模式更有趣,82%的學(xué)生認(rèn)為自己的團(tuán)隊協(xié)作能力、語言表達(dá)能力和自信得到了提升,90%的學(xué)生認(rèn)為自己的實(shí)踐創(chuàng)新能力得到了提高。
六、總結(jié)
實(shí)踐證明,采用O2O教學(xué)模式進(jìn)行教學(xué),能夠提高網(wǎng)絡(luò)優(yōu)秀資源共享率,改變了教師的教學(xué)方式和學(xué)生的學(xué)習(xí)方式,在教學(xué)過程中取得了良好的效果。但也遇到一些不可預(yù)測的問題,需要我們一線教學(xué)工作人員在以后的教學(xué)過程中不斷地探索與改進(jìn).
參考文獻(xiàn):
[1]井靖,何紅旗,王志剛,殷冠英.O2O教學(xué)模式”在大學(xué)計算機(jī)專業(yè)教學(xué)中的應(yīng)用原則[J].計算機(jī)教育,2016(2).
[2]胡小華.O2O電商模式下服務(wù)營銷課程教學(xué)模式的創(chuàng)新思考[J].長春教育學(xué)院學(xué)報,2015(11).
《網(wǎng)頁設(shè)計與制作》課程是《Web應(yīng)用程序設(shè)計》課程的先修課程,為Web應(yīng)用程序的頁面布局和界面設(shè)計打基礎(chǔ)。為了適應(yīng)市場對“網(wǎng)頁設(shè)計制作人員”的崗位需求和為了實(shí)現(xiàn)網(wǎng)頁設(shè)計到Web應(yīng)用程序設(shè)計的過渡,有必要對現(xiàn)有的《網(wǎng)頁設(shè)計與制作》課程進(jìn)行改革,使學(xué)生能適應(yīng)“網(wǎng)頁設(shè)計制作人員”的崗位需求并能將《網(wǎng)頁設(shè)計與制作》課程里學(xué)習(xí)的實(shí)踐成果能直接應(yīng)用于基于.net或JSP的Web應(yīng)用程序設(shè)計。
2、《網(wǎng)頁設(shè)計與制作》課程現(xiàn)狀及存在問題
筆者所在學(xué)校的計算機(jī)科學(xué)與技術(shù)、軟件工程、網(wǎng)絡(luò)工程三個專業(yè)都開設(shè)了《網(wǎng)頁設(shè)計與制作》課程。傳統(tǒng)的網(wǎng)頁設(shè)計與制作課程主要基于網(wǎng)頁三劍客Dreamweaver、Fireworks、Flash制作出精美的網(wǎng)頁。這些網(wǎng)頁內(nèi)容豐富多彩,結(jié)構(gòu)復(fù)雜,能滿足靜態(tài)網(wǎng)頁的頁面需要,但這些網(wǎng)頁不能直接應(yīng)用于基于.net或JSP的Web應(yīng)用程序開發(fā)中,不能滿足動態(tài)網(wǎng)頁的頁面需求。Web應(yīng)用程序開發(fā),是通過后臺數(shù)據(jù)庫與Web服務(wù)器的信息交換,由后臺數(shù)據(jù)庫提供實(shí)時數(shù)據(jù)更新和數(shù)據(jù)查詢服務(wù)?!禬eb應(yīng)用程序設(shè)計》課程有兩種主流的開發(fā)技術(shù):.net與JSP。在《Web應(yīng)用程序設(shè)計》課程中,主要講解.net技術(shù)與JSP技術(shù),而不講解頁面設(shè)計,需要學(xué)生將《網(wǎng)頁設(shè)計與制作》課程學(xué)習(xí)到的網(wǎng)頁設(shè)計知識融合到Web應(yīng)用程序設(shè)計中來,使動態(tài)頁面既有數(shù)據(jù)庫的內(nèi)容,又界面美觀。而學(xué)生在傳統(tǒng)的《網(wǎng)頁設(shè)計與制作》課程里學(xué)習(xí)的頁面知識不能直接應(yīng)用于Web應(yīng)用程序設(shè)計。有必要對《網(wǎng)頁設(shè)計與制作》課程進(jìn)行教學(xué)改革,增加CSS,Div,Javascript,AJAX等內(nèi)容,以完成學(xué)生向Web應(yīng)用程序設(shè)計的過渡。
3、教學(xué)改革措施
3.1課程定位與目標(biāo)
《網(wǎng)頁設(shè)計與制作》課程的實(shí)踐性較強(qiáng),是網(wǎng)絡(luò)工程專業(yè)的核心課程,是計算機(jī)科學(xué)與技術(shù)、軟件工程專業(yè)的選修課。本課程以計算機(jī)導(dǎo)論、計算機(jī)程序設(shè)計語言為先修課程,以培養(yǎng)學(xué)生實(shí)際動手能力為目標(biāo),使學(xué)生具備網(wǎng)頁素材搜集、網(wǎng)頁元素制作、網(wǎng)站布局和規(guī)劃、腳本代碼編寫、網(wǎng)站、網(wǎng)絡(luò)建設(shè)管理與維護(hù)等知識與技能,并培養(yǎng)學(xué)生團(tuán)隊協(xié)作能力、溝通能力、分析問題能力、解決問題能力,同時也為后續(xù)課程《Web應(yīng)用程序設(shè)計》的學(xué)習(xí)奠定基礎(chǔ)和實(shí)現(xiàn)向Web應(yīng)用程序開發(fā)的順利過渡。
課程目標(biāo)包括:①理解網(wǎng)站的工作原理,學(xué)會構(gòu)建網(wǎng)站;②熟練掌握Photoshop、Fireworks、Flash等軟件處理網(wǎng)頁素材;③熟練使用CSS、Div進(jìn)行網(wǎng)頁設(shè)計;④掌握網(wǎng)頁腳本語言的使用方法;⑤培養(yǎng)學(xué)生做出具有一定水準(zhǔn)的網(wǎng)頁(包括Javascript,CSS+Div)。
3.2優(yōu)化教學(xué)內(nèi)容
以往《網(wǎng)頁設(shè)計與制作》的教學(xué)內(nèi)容大多是按網(wǎng)頁三劍客展開,而以向Web應(yīng)用程序設(shè)計的過渡為導(dǎo)向的課程改革需要將《網(wǎng)頁設(shè)計與制作》課程內(nèi)容與Web應(yīng)用程序開發(fā)的動態(tài)頁面要求相結(jié)合,滿足日后的Web應(yīng)用程序設(shè)計要求。
教學(xué)內(nèi)容主要包括:①網(wǎng)頁圖片處理;②網(wǎng)頁動畫制作;③基于HTML+CSS+Div+Javascript網(wǎng)頁設(shè)計。
借助Dreamweaver進(jìn)行可視化頁面設(shè)計轉(zhuǎn)向純代碼的編寫,全部靠手工編寫代碼來設(shè)計網(wǎng)頁頁面。
3.3教學(xué)方法改革
教學(xué)方法由傳統(tǒng)的演示法向多樣式教學(xué)方法發(fā)展,主要有以下4種:
啟發(fā)式-模仿法:初學(xué)時需要大量瀏覽一些優(yōu)秀網(wǎng)站案例。通過欣賞國內(nèi)外優(yōu)秀網(wǎng)站,讓學(xué)生在外觀視覺的享受中感受網(wǎng)頁設(shè)計領(lǐng)域的奇妙,培養(yǎng)學(xué)習(xí)興趣。并選中幾個案例,進(jìn)行一步一步地模仿設(shè)計。
任務(wù)驅(qū)動法:每個學(xué)習(xí)案例都布置了學(xué)習(xí)任務(wù),課程體系結(jié)構(gòu)以任務(wù)為主線,貫穿整個學(xué)習(xí)過程。教師在課堂講解理論知識后,布置學(xué)習(xí)任務(wù),學(xué)生自己動手獨(dú)立完成學(xué)習(xí)任務(wù),將理論與實(shí)踐相結(jié)合,使理論知識得以實(shí)踐。
項(xiàng)目教學(xué)法:將實(shí)際的網(wǎng)站設(shè)計項(xiàng)目直接在課堂再現(xiàn),以項(xiàng)目為驅(qū)動,帶動各知識點(diǎn),讓學(xué)生邊學(xué)邊練。讓學(xué)生了解網(wǎng)站開發(fā)的流程,也促進(jìn)各知識點(diǎn)的應(yīng)用,快速吸收所學(xué)
內(nèi)容。
3.5學(xué)生設(shè)計成果能向《Web應(yīng)用程序設(shè)計》課程過渡
《網(wǎng)頁設(shè)計與制作》課程是《Web應(yīng)用程序設(shè)計》的先修課程,學(xué)生通過《網(wǎng)頁設(shè)計與制作》課程的學(xué)習(xí),設(shè)計出的網(wǎng)頁成果要能直接移植或方便的移植到Web應(yīng)用程序設(shè)計中來,而不能出現(xiàn)設(shè)計出的網(wǎng)頁成果與《Web應(yīng)用程序設(shè)計》無關(guān),與后續(xù)課程脫節(jié)。
方法:(1)利用Dreamweaver等網(wǎng)頁編輯軟件,純手工編寫代碼,保存為后綴名為html或htm的文件,通過不同的瀏覽器測試頁面的預(yù)覽效果。日后通過修改文件后綴名來適應(yīng).net開發(fā)或JSP開發(fā),實(shí)現(xiàn)向Web應(yīng)用程序設(shè)計的移植。
對于基于.net的Web應(yīng)用程序,在 Visual Studio環(huán)境下進(jìn)行網(wǎng)頁設(shè)計,實(shí)現(xiàn)網(wǎng)頁設(shè)計向基于.net的Web應(yīng)用程序的直接移植;對于基于JSP開發(fā)的Web應(yīng)用程序,在Eclipse環(huán)境下進(jìn)行網(wǎng)頁設(shè)計,實(shí)現(xiàn)網(wǎng)頁設(shè)計向基于JSP的Web應(yīng)用程序的直接移植。
4、結(jié)語
通過《網(wǎng)頁設(shè)計與制作》課程教學(xué)改革與實(shí)踐,課程結(jié)課后學(xué)生都能夠獨(dú)立完成基于HTML+CSS+Div+Javascript的小型網(wǎng)站網(wǎng)頁的設(shè)計,且這些網(wǎng)頁要能直接移植或方便的移植到Web應(yīng)用程序設(shè)計中,實(shí)現(xiàn)向Web應(yīng)用程序設(shè)計的完美過渡。通過課程改革,提高了學(xué)生的學(xué)習(xí)興趣,鍛煉了他們的實(shí)際動手實(shí)踐能力,并為后續(xù)《Web應(yīng)用程序設(shè)計》的頁面設(shè)計打下良好的基礎(chǔ)。
參考文獻(xiàn):
[1] 彭莉,張道軍,高好良.《網(wǎng)頁設(shè)計與網(wǎng)站建設(shè)》課程教學(xué)改革與實(shí)踐.軟件導(dǎo)刊,2013,12(2):170-172.
[2] 董玉蘭.教師引導(dǎo) 學(xué)生探究——《網(wǎng)頁修飾》教學(xué)設(shè)計.課程教育研究,2013.
關(guān)鍵詞:網(wǎng)頁制作 課程改革 項(xiàng)目教學(xué) 個性化教學(xué)
一、互聯(lián)網(wǎng)行業(yè)的潛在需求
在互聯(lián)網(wǎng)時代,新興行業(yè)層出不窮,例如新媒體、電子商務(wù)等新型傳播方式和商業(yè)交易模式,為經(jīng)濟(jì)發(fā)展注入了新的動力。而不少傳統(tǒng)行業(yè)也逐漸淘汰落后產(chǎn)能,引進(jìn)各種新型電子智能技術(shù)和設(shè)備,紛紛建設(shè)電子信息網(wǎng)絡(luò)平臺與管理系統(tǒng),以實(shí)現(xiàn)高效便捷的管理,并且極大地提高了生產(chǎn)效率。
二、網(wǎng)頁設(shè)計與制作課程的發(fā)展現(xiàn)狀和培養(yǎng)目標(biāo)
(一)網(wǎng)頁設(shè)計與制作課程的發(fā)展現(xiàn)狀
在以往的教學(xué)過程中,教師往往只是從課本知識入手,著重傳授相關(guān)概念和理論,而對于軟件的操作,采取“為教而教”的方式,對學(xué)生的培養(yǎng)重在使用,而非實(shí)用。如此教學(xué)的結(jié)果是,學(xué)生雖然掌握了基本的軟件操作方法,卻只是停留在“知其然而不知其所以然”的階段,一旦面臨企業(yè)或者用工單位指派的實(shí)際任務(wù),就會陷入一籌莫展的境地。究其原因,仍然是老師的作用沒有充分發(fā)揮,沒有培養(yǎng)學(xué)生良好的設(shè)計和規(guī)劃意識,致使學(xué)生沒有建立起完整的作品概念,更不用說創(chuàng)新意識和能力的培養(yǎng)。因此,應(yīng)當(dāng)明確的是,課程內(nèi)容的教授應(yīng)是“設(shè)計”與“技術(shù)”并重,甚至將設(shè)計理念提到更加重要的位置,讓學(xué)生真正意識到開發(fā)與設(shè)計的重要性,培養(yǎng)獨(dú)立設(shè)計與制作的能力,達(dá)到作品所應(yīng)有的功能和視覺效果。
(二)網(wǎng)頁設(shè)計與制作課程的培養(yǎng)目標(biāo)
新課程教學(xué)目標(biāo)中明確規(guī)定,我們應(yīng)該確立以學(xué)生為主體的意識,明確以培養(yǎng)學(xué)生的實(shí)際動手能力和操作技能為教學(xué)目標(biāo)。這樣才能保證教學(xué)的目的和意義的實(shí)現(xiàn)。
網(wǎng)頁設(shè)計與制作課程的教學(xué)就是面向?qū)嶋H應(yīng)用,解決實(shí)際問題的實(shí)踐活動,在教學(xué)過程中,老師和學(xué)生都應(yīng)該具備目標(biāo)意識和創(chuàng)新意識,在軟件和網(wǎng)絡(luò)知識的運(yùn)用過程中,在實(shí)際問題的解決和網(wǎng)頁的設(shè)計操作中,提高學(xué)生的網(wǎng)頁設(shè)計技能和綜合素質(zhì)。倡導(dǎo)運(yùn)用不同方式和靈活運(yùn)用各種工具、尋求最佳途徑的輕松活潑的教學(xué),讓學(xué)生參與到教學(xué)活動中來,提高學(xué)生解決實(shí)際問題的能力,培養(yǎng)學(xué)生的創(chuàng)新能力、服務(wù)意識和團(tuán)隊合作精神。
三、新形勢下課程改革的新思路
互聯(lián)網(wǎng)行業(yè)是近年來發(fā)展最為迅速的行業(yè),也是自身更迭和淘汰速度最快的行業(yè)。順應(yīng)知識爆炸時代的需求,互聯(lián)網(wǎng)行業(yè)的特點(diǎn)就是新鮮、快速和海量信息,而作為互聯(lián)網(wǎng)依托之一的網(wǎng)頁自然也要跟隨時代潮流而變。作為新時代的技能型行業(yè),網(wǎng)頁設(shè)計與制作要求將最新的知識和科技融匯進(jìn)來,才能保證不被淘汰。
(一)項(xiàng)目開發(fā)教學(xué)
1.協(xié)調(diào)好理論課與實(shí)踐課的關(guān)系
任何學(xué)科的教授都是理論與實(shí)踐相統(tǒng)一的整體,任何一方都不可偏廢。但是對于注重實(shí)際能力的設(shè)計與制作課程,可以將理論的傳授更加實(shí)用化。
2.案例教學(xué)或項(xiàng)目式教學(xué)
以案例或項(xiàng)目開發(fā)為教學(xué)載體,既生動活潑,同時在潛意識中培養(yǎng)了學(xué)生解決問題的意識和能力。
(二)打造學(xué)生的展示平臺
利用學(xué)校的資源優(yōu)勢,為學(xué)生打造一個成果展示平臺,促進(jìn)學(xué)生間的互動和交流。利用每堂課的任務(wù)教學(xué)或者教學(xué)實(shí)例,引導(dǎo)學(xué)生開動腦筋,去尋求最優(yōu)解決方案,并且滿足他們展示與交流的愿望,建立一個開放活躍的學(xué)術(shù)氛圍。
四、結(jié)論
綜上所述,網(wǎng)頁的設(shè)計與制作本身就是生動而充滿樂趣的課程,教學(xué)的目的就是要讓學(xué)生真正在實(shí)踐中運(yùn)用相關(guān)的軟件和技術(shù)知識,并且在運(yùn)用和實(shí)踐的過程中鍛煉思維,提高解決實(shí)際問題的能力,從而順利走上就業(yè)崗位,成為實(shí)用型的技術(shù)人才。
參考文獻(xiàn):
[1]楊森,劉瀟瀟.網(wǎng)頁設(shè)計與制作課程教學(xué)改革的研究與探索[J].辦公自動化雜志.2010.(03).
[2]磨曙明.網(wǎng)頁設(shè)計與制作課程中項(xiàng)目教學(xué)法的運(yùn)用[J].新課程.2010.(05).
[3]敖冰峰,喬陽.“項(xiàng)目教學(xué)法”在網(wǎng)頁設(shè)計與制作中的應(yīng)用[J].科技創(chuàng)新導(dǎo)報.2010.(17).
[4]蔣紅,包松穎.高職網(wǎng)頁設(shè)計與制作課程的教學(xué)思考[J].寧波教育學(xué)院學(xué)報.2010.(06).
關(guān)鍵詞:網(wǎng)頁設(shè)計;教學(xué)模式;師生互動
一、當(dāng)下網(wǎng)頁設(shè)計課堂的不足
1.網(wǎng)頁雖然是個簡單的名詞,但是涉及到的知識種類繁多,不僅包含文字、圖形、色彩、版式設(shè)計、還有動畫、音視頻以及編程等,對于藝術(shù)專業(yè)學(xué)生來講,基本的平面設(shè)計能力和審美素養(yǎng)是具備的,能夠利用所學(xué)知識設(shè)計出創(chuàng)意的平面廣告。但是設(shè)計出一套優(yōu)秀的網(wǎng)頁還是不容易的。網(wǎng)頁設(shè)計需要運(yùn)用到photoShop、flash、以及DreamWeaver等設(shè)計軟件,而專業(yè)老師需要具備熟練運(yùn)用這三個軟件的能力,并具有較好的設(shè)計能力,才能指導(dǎo)學(xué)生的網(wǎng)頁作業(yè)和學(xué)習(xí)過程。因?yàn)閷W(xué)生在作業(yè)途中會遇到很多意想不到的問題,只有教師熟練掌握軟件操作才能找到病因,除掉病根。無論課堂還是課下,學(xué)生都會在設(shè)計中遇到各種各樣的問題而煩惱,教師稍微指點(diǎn)迷津,學(xué)生便豁然開朗。
2.如今的軟件教學(xué)課堂大部分是案例教學(xué),老師做一個案例,每個步驟學(xué)生跟著做,雖然學(xué)生能比著葫蘆畫瓢,但是他們不知道為什么用這些工具做,不出課堂就忘記了如何塑造自己想要的作品,對于這種教授方法不僅不能讓學(xué)生完全掌握設(shè)計方法和能力,也不能熟練軟件工具,并且在未來長時間學(xué)習(xí)中,學(xué)生的學(xué)習(xí)興趣會慢慢降低,面對編程等問題更加懈怠,這樣也會讓學(xué)生的創(chuàng)意設(shè)計能力慢慢喪失。導(dǎo)致了學(xué)生累,教師累,讓學(xué)生做設(shè)計根本無從下手不會做的狀態(tài),所以必須要有一個能提高學(xué)生學(xué)習(xí)積極性,又能提高教學(xué)質(zhì)量的課堂教學(xué)模式。
二、教學(xué)模式的改進(jìn)
1.加強(qiáng)師生互動。在課程的開始部分需要教師來引導(dǎo),必須選擇適合的教材和實(shí)訓(xùn)內(nèi)容,通過演示軟件的菜單和工具使用,讓學(xué)生對軟件使用進(jìn)行初步的了解。第一步,教師需要案例演示,在演示中積極互動調(diào)動學(xué)生思維,如提問,接下來怎么做呢,用什么工具呢,引發(fā)學(xué)生主動思考,會有很多優(yōu)秀同學(xué)回答問題,也會帶動全班的學(xué)習(xí)積極性。同時提醒學(xué)生把所學(xué)的版式設(shè)計和色彩搭配以及構(gòu)圖的知識運(yùn)用到網(wǎng)頁設(shè)計中。第二步,講解部分內(nèi)容后,觀察一下學(xué)生學(xué)習(xí)程度和能力,根據(jù)學(xué)生狀況調(diào)整學(xué)習(xí)進(jìn)度,講解速度等。第三步,加強(qiáng)和學(xué)生溝通,了解學(xué)生的心里動向,對學(xué)生的學(xué)習(xí)興趣點(diǎn)和當(dāng)下流行趨勢透析,教師與學(xué)生之間的心靈溝通極為重要。
2.循循善誘,由淺入深。在案例講解的第一課,教師提問學(xué)生知道哪些網(wǎng)站類型,然后做一個關(guān)于校園首頁、專業(yè)介紹、校園景色、訪問留言等幾個頁面,頁面內(nèi)容簡單大氣,包含導(dǎo)航、字體版式、圖片、動畫、音樂等。學(xué)生初次完成第一張頁面后,教師再舉一反三,拿出剛才制作過程中的重點(diǎn),比如表單的多種應(yīng)用,列舉文字字段使用后,讓學(xué)生自己嘗試使用復(fù)選框、單選按鈕和按鈕組、添加列表和跳轉(zhuǎn)菜單、添加按鈕等等。再如鏈接的幾種方式,講解完比較難的錨點(diǎn)鏈接后,讓學(xué)生自己嘗試使用空連接、文本和圖像鏈接、電子郵件鏈接等。開始就學(xué)習(xí)這些比較簡單的網(wǎng)頁元素,不能學(xué)生在開始就啃骨頭,不然就知難而退了。第二個案例講解制作一些具有版式創(chuàng)意和內(nèi)容豐富的頁面,增加頁面的Flash媒體元素,比如Flash按鈕、視頻等。在講解第二個案例前必須重新復(fù)習(xí)網(wǎng)站開發(fā)流程,收集資料素材草圖——規(guī)劃站點(diǎn)——網(wǎng)頁制作——測試。對于藝術(shù)專業(yè)學(xué)生學(xué)習(xí)的網(wǎng)頁基本以靜態(tài)網(wǎng)頁為主。
3.任務(wù)導(dǎo)向,團(tuán)隊出擊。在課程后期課堂給學(xué)生留出兩節(jié)課時間,將學(xué)生分組,并布置關(guān)于手機(jī)界面設(shè)計的任務(wù),給學(xué)生打印三至四份手機(jī)界面設(shè)計樣稿,讓學(xué)生傳閱了解設(shè)計規(guī)范和說明。這次任務(wù)結(jié)果將是結(jié)課成績,得出的最高分是獲勝的團(tuán)隊。在制作過程中遇到問題,專業(yè)教師負(fù)責(zé)答疑解惑,幫助學(xué)生完善。作品展示:在規(guī)定時間內(nèi)學(xué)生完成了網(wǎng)頁設(shè)計任務(wù)后,將自己的設(shè)計思想和過程演示給大家,其它組的同學(xué)們可以根據(jù)設(shè)計的不足提出問題,要求設(shè)計組根據(jù)問題給予解答或更正不足。教師最后根據(jù)學(xué)生的作品評出優(yōu)秀,并給較差的團(tuán)隊鼓勵并指正問題,爭取各團(tuán)隊在以后的設(shè)計比賽中得到提升。
4.現(xiàn)在的學(xué)生大多是嬌生慣養(yǎng)比較懶惰,獨(dú)立自主能力差,更缺乏刻苦鉆研的精神。對于學(xué)生來說自己多做練習(xí)才有助于提高專業(yè)能力,網(wǎng)頁設(shè)計需要更多的設(shè)計思路,并付諸實(shí)踐才能學(xué)到真本領(lǐng)。加強(qiáng)作業(yè)布置的具體要求,并設(shè)定主題,嚴(yán)格要求作業(yè)的設(shè)計稿,不斷的讓學(xué)生思考修改,只有在不斷的修改中才能得到提升。改變老師講課為主變學(xué)生練習(xí)為主,讓學(xué)生主動找老師輔導(dǎo)作業(yè),積極鼓勵學(xué)生參加一些設(shè)計比賽,如果老師講的很多,不但老師累,學(xué)生也學(xué)不到東西,學(xué)習(xí)網(wǎng)頁設(shè)計重在練習(xí),在輔導(dǎo)作業(yè)的同時學(xué)生才能記住并領(lǐng)會到老師講的知識點(diǎn)??傊痪湓?,授人以魚不如授人以漁。
5.舉一反三,與時俱進(jìn)。同樣對于圖形圖像處理等類似的課程,學(xué)生希望的是能夠?qū)W完這門課程后真正的做出作品,甚至在全國性的比賽中獲獎。所以在授課中應(yīng)該多以典型的案例講解,并提煉案例中的知識點(diǎn)來讓學(xué)生舉一反三的學(xué)習(xí)其它相關(guān)知識點(diǎn)。建議在整個授課過程中,教師需要靈活運(yùn)用知識,使用多元化的教學(xué)手法,以便吸引學(xué)生的注意力。通常的黑板教學(xué)和PPT多媒體是常用的,加上CAI課件、教案與網(wǎng)頁文件、視頻動畫等形式,可以說種類非常豐富,教師可以兩種或者多種相互穿插的手法進(jìn)行立體化教學(xué)。不僅豐富了教學(xué)內(nèi)容,提高學(xué)生的熱情,教師的應(yīng)變能力也會得到提升。條理性、疑難性、重點(diǎn)性是教師授課的三大法寶,做一名“受學(xué)生歡迎”的教師而不僅是“優(yōu)秀”這兩個字所能代替的。在高科技發(fā)展的今天,教師只有不斷學(xué)習(xí),不斷完善自己,不斷的進(jìn)步,才能與時俱進(jìn)跟上時代的步伐。
三、總結(jié)
在課堂上學(xué)生是抱著很大的期望學(xué)習(xí)的,如果一個教師讓學(xué)生失望了,估計再重新提起學(xué)習(xí)的熱情是很難的。能夠讓學(xué)生喜愛自己的課才是真正的成功,而不是強(qiáng)迫學(xué)生上課學(xué)習(xí),一個人性化的課堂是充滿很高的熱情氛圍的。希望在未來的教學(xué)路上,筆者能夠不斷地提升自己,并尋找先進(jìn)的教學(xué)方式。
參考文獻(xiàn):
[1]陳小燕,謝強(qiáng),丁秋林.淺談項(xiàng)目式教學(xué)在網(wǎng)頁設(shè)計與制作中的應(yīng)用[J].電腦學(xué)習(xí)第1期,2010(2).
[2]吳俊榮.基于行動導(dǎo)向的網(wǎng)頁設(shè)計與制作課程教學(xué)設(shè)計研究[D].吉林:東北師范大學(xué),2012(3).
該課程采用項(xiàng)目化教程,根據(jù)高職高專學(xué)生的動手能力強(qiáng)、思維較活躍這一特點(diǎn),針對教學(xué)內(nèi)容、教學(xué)手段、實(shí)驗(yàn)實(shí)訓(xùn)等諸多方面進(jìn)行教學(xué)改革,促進(jìn)了課程建設(shè),增強(qiáng)了課程意識,全面提高了教學(xué)質(zhì)量,為社會發(fā)展的需求多培養(yǎng)一些實(shí)用型、技能型人才。1.1劃分模塊,由淺入深根據(jù)授課計劃,將授課內(nèi)容劃分為五個模塊:網(wǎng)頁創(chuàng)建與設(shè)置、文本與圖片的使用、多媒體、框架設(shè)置、CSS使用等。各模塊之間既獨(dú)立存在,又相互關(guān)聯(lián)。在理論教學(xué)過程中,樹立以教師為輔,學(xué)生為主的教學(xué)思想。靈活運(yùn)用多種教學(xué)方法,提高學(xué)生學(xué)習(xí)興趣,幫助學(xué)生深化理解、正確應(yīng)用,保證教學(xué)過程良好有序地進(jìn)行,并針對該課程的專業(yè)培養(yǎng)方向,強(qiáng)調(diào)理論學(xué)習(xí)的重要性和實(shí)際動手操作的必要性,鼓勵學(xué)生自主學(xué)習(xí),調(diào)動其學(xué)習(xí)的積極性。在實(shí)踐教學(xué)過程中,借助于電腦實(shí)驗(yàn)室,使用Dreamweaver軟件進(jìn)行網(wǎng)頁的設(shè)計與制作,推廣邊學(xué)邊練的教學(xué)模式,在教師的帶動下,學(xué)生邊學(xué)邊練是最直接、最理解的學(xué)習(xí)過程。使其真正做到“教、學(xué)、練、做”融為一體。這種以理論教學(xué)為基礎(chǔ),以實(shí)踐訓(xùn)練為重點(diǎn)的教學(xué)模式,在授課過程中取得了較好的效果,使理論教學(xué)與實(shí)踐訓(xùn)練結(jié)合的更加緊密、貼近技術(shù)應(yīng)用實(shí)際。增加了學(xué)生的學(xué)習(xí)熱情,使學(xué)生真正學(xué)到了知識、掌握了技能。1.2開設(shè)實(shí)訓(xùn)課程,提倡“任務(wù)驅(qū)動”項(xiàng)目化教學(xué)理念實(shí)訓(xùn)課程,即給予學(xué)生一個在無其他課程安排的情況下充足、完整的制作與設(shè)計網(wǎng)站的學(xué)習(xí)時間。通過該課程可以讓學(xué)生系統(tǒng)的學(xué)習(xí)如何創(chuàng)建網(wǎng)站,如何規(guī)劃網(wǎng)站,如何管理網(wǎng)站。針對高職高專貫徹培養(yǎng)高技能應(yīng)用人才的教學(xué)理念,在該課程有教學(xué)過程中積極探索新思路、新方法。由于新知識的不斷增加、教學(xué)時間的相對減少,傳統(tǒng)的教學(xué)方法已難以適應(yīng)新形勢的需求,所以需要對課程體系和教學(xué)方法進(jìn)行改進(jìn),實(shí)行新的教學(xué)模式,讓理論和實(shí)踐有機(jī)結(jié)合。為了提高教學(xué)質(zhì)量和效果,使學(xué)生能夠?qū)W到知識、掌握技能,在保證課程教學(xué)合理性的同時開設(shè)實(shí)訓(xùn)課程,改變理論學(xué)習(xí)容易出現(xiàn)抽象枯燥、難以理解和接受的問題,解決傳統(tǒng)教學(xué)過程中存在的理論學(xué)習(xí)與實(shí)際操作難以融會貫通的缺陷,使得教學(xué)的針對性和學(xué)習(xí)的趣味性大大提高。在實(shí)訓(xùn)課程中教師應(yīng)明確教學(xué)目的,采用任務(wù)驅(qū)動法、演示法、講授法等,組織并啟發(fā)學(xué)生制作一個屬于自己的網(wǎng)站。網(wǎng)站的選題與色調(diào)根據(jù)學(xué)生個人愛好自由發(fā)揮、自行設(shè)定,從而大大激發(fā)了學(xué)生的學(xué)習(xí)熱情。在制作過程中教師與學(xué)生進(jìn)行交流,輔導(dǎo)學(xué)生進(jìn)行“一對一”互動學(xué)習(xí),并針對學(xué)生存在的問題逐一進(jìn)行講解,引導(dǎo)學(xué)生依靠個人能力解決技術(shù)難題,達(dá)到輕松學(xué)習(xí)、自主學(xué)習(xí)的目的,力求每一位學(xué)生通過實(shí)訓(xùn)課程的演練,都能夠?qū)W(wǎng)站開發(fā)與制作的過程有一個清晰的了解和認(rèn)識。這種教學(xué)形式既能突出操作技能的訓(xùn)練,又能使學(xué)生學(xué)到與職業(yè)技能有關(guān)的知識,不僅培養(yǎng)了學(xué)生的分析問題和解決問題的綜合能力和創(chuàng)新能力,還培養(yǎng)了學(xué)生的一專多能。該教學(xué)形式是以培養(yǎng)學(xué)生能力為中心,讓實(shí)訓(xùn)任務(wù)始終貫穿在整個教學(xué)過程中,達(dá)到了學(xué)以致用的教學(xué)目的,既能夠檢驗(yàn)學(xué)生在該課程中所學(xué)到的技能,又能夠真正發(fā)掘?qū)W生的潛在能力,還能夠大大激發(fā)學(xué)生主動學(xué)習(xí)的熱情,使學(xué)生從“要我學(xué)”變?yōu)椤拔乙獙W(xué)”,形成了一個“比學(xué)趕幫”的學(xué)習(xí)氛圍。1.3開設(shè)“作品展示”課堂,促進(jìn)師生之間的交流《網(wǎng)頁設(shè)計與制作》課程的學(xué)習(xí)目的是通過學(xué)生對Dreamweaver軟件的使用,制作出一個符合企業(yè)以及個人需求的網(wǎng)站,遠(yuǎn)比機(jī)械記憶,應(yīng)付理論考試重要的多。開設(shè)“作品展示”課堂,要求學(xué)生自己演示自己制作的網(wǎng)站,鼓勵學(xué)生對所制作網(wǎng)站的設(shè)計理念和各網(wǎng)頁之間的銜接加以詳細(xì)說明,教師再針對每位學(xué)生網(wǎng)站的主題風(fēng)格、色彩搭配、網(wǎng)頁布局、多媒體運(yùn)用等諸多方面加以分析、點(diǎn)評,肯定成績,找出不足,鼓勵學(xué)生精益求精,不斷提高技術(shù)水平做出更加優(yōu)秀的網(wǎng)站。通過“作品展示”課堂,學(xué)生之間不僅可以相互學(xué)習(xí)、相互借鑒、相互欣賞,真正認(rèn)識到自己的所學(xué)知識和掌握知識的真實(shí)情況。同時,還可以提高學(xué)生團(tuán)隊合作的精神,增加學(xué)生之間的情感。實(shí)踐證明,此種教學(xué)方法對學(xué)生的學(xué)習(xí)方法和努力方向能夠起到一定的引導(dǎo)作用,對學(xué)生的實(shí)際動手能力能夠起到一定的強(qiáng)化訓(xùn)練作用,對學(xué)生的求知欲和上進(jìn)心能夠起到一定的激勵作用。1.4組建興趣小組,模擬企業(yè)網(wǎng)站開發(fā)
“以服務(wù)為宗旨、以就業(yè)為導(dǎo)向、以能力為本位”是職業(yè)教育的辦學(xué)宗旨,為了讓學(xué)生真正參與到實(shí)踐項(xiàng)目開發(fā)中,真正體驗(yàn)網(wǎng)站的開發(fā)與推廣對企業(yè)發(fā)展的重要性。教師利用課余時間承接企業(yè)網(wǎng)站開發(fā)項(xiàng)目組建“網(wǎng)頁設(shè)計”小組,鼓勵學(xué)生積極參與,通過項(xiàng)目讓學(xué)生學(xué)習(xí)如何與企業(yè)直接進(jìn)行有效地溝通與交流,如何充分了解企業(yè)需求,如何完成預(yù)訂目標(biāo)。通過學(xué)習(xí)與鍛煉不僅提高了學(xué)生的網(wǎng)頁制作技術(shù),而且做到了所學(xué)的內(nèi)容與社會需求零距離的結(jié)合,同時還鍛煉了在校生的人際交往能力、組織協(xié)調(diào)能力、團(tuán)隊合作能力和提高社會經(jīng)驗(yàn)適應(yīng)社會的能力。
2課程考核標(biāo)準(zhǔn)改革
根據(jù)高職高專教育的特點(diǎn),結(jié)合《網(wǎng)頁設(shè)計與制作》課程特點(diǎn),取消試卷百分制的傳統(tǒng),將考核標(biāo)準(zhǔn)劃分為兩部分:(1)理論課考試部分。理論考試以教學(xué)大綱為指導(dǎo),長期堅持教考分離和期末考卷分析總結(jié)的傳統(tǒng),統(tǒng)一考核標(biāo)準(zhǔn),注重規(guī)范教育,營造公平的競爭環(huán)境;(2)網(wǎng)站作業(yè)成績。通過“作業(yè)展示”給予學(xué)生作業(yè)相應(yīng)的分?jǐn)?shù),改變實(shí)驗(yàn)實(shí)訓(xùn)課在學(xué)生心目的附屬地位,加深學(xué)生的感性認(rèn)識,提高學(xué)生上課積極性、主動性以及實(shí)踐技能。兩部分的分值各占總分?jǐn)?shù)的50%,綜合評定學(xué)生考核分?jǐn)?shù)。
在實(shí)際的教學(xué)中,主要從以下幾個方面來進(jìn)行。
1.選擇適合的項(xiàng)目。項(xiàng)目的確定不是隨便進(jìn)行的。第一,所選擇的項(xiàng)目要能夠?qū)⒋蟛糠值闹R點(diǎn)都包含在內(nèi),還有能夠與較多的知識點(diǎn)相結(jié)合;第二,項(xiàng)目的難易程度的確定,要根據(jù)學(xué)生的實(shí)際水平來確定;第三,所選擇的項(xiàng)目要能夠被大多數(shù)的學(xué)生接受并且喜愛。因此,項(xiàng)目的選擇是第一步,也是比較關(guān)鍵的一步。
2.項(xiàng)目的設(shè)計。對網(wǎng)頁設(shè)計與制作專業(yè)的學(xué)生來說,他們主要的學(xué)習(xí)內(nèi)容就是將網(wǎng)頁進(jìn)行美化以及實(shí)現(xiàn)網(wǎng)頁的功能,要能夠掌握基本的Html語言,要會使用Dreamweaver、Photoshop以及Flash等軟件來進(jìn)行美觀并且實(shí)用的網(wǎng)頁的設(shè)計。網(wǎng)站的建設(shè)可作為一個整體的項(xiàng)目,之下可以分出一些子項(xiàng)目??梢砸浴霸诰€留言板”來作為課題。它包含了HTML、CSS以及VBScript這三個方面的內(nèi)容,與學(xué)生的學(xué)習(xí)能力比較適宜,此外,它也是比較通用的,在很多的網(wǎng)站上都是不可或缺的,有應(yīng)用價值。首先將學(xué)生分成小組,每一個組都要有一個組長,組長來進(jìn)行項(xiàng)目任務(wù)的分配,每一個組員都要有專門的職責(zé),并且要定期的進(jìn)行會議的召開,來報告各自的工作進(jìn)度。如果有哪一個人遇到了困難,小組之間要共同的解決。
3.項(xiàng)目信息的收集。在這個階段,要使學(xué)生對項(xiàng)目進(jìn)行熟悉。在教師將項(xiàng)目確定好之后每一個學(xué)生都要根據(jù)項(xiàng)目的要求以及自身的情況,來對相關(guān)的信息進(jìn)行收集整理以及分析,然后確定工作的計劃。
4.確定方案。學(xué)生經(jīng)過分組討論之后,要確定最佳的方案。將個人工作與小組工作相互結(jié)合,每個人要事先做好計劃,小組間來進(jìn)行討論,小組的每一個成員都要提出自己的意見和看法,最終來確定最好的方案。在此過程中,教師要進(jìn)行指導(dǎo)。
5.項(xiàng)目實(shí)施。計劃方案確定之后,小組內(nèi)的每一個學(xué)生都要按照計劃方案來進(jìn)行計劃的實(shí)施。項(xiàng)目組長來將任務(wù)劃分給每一個同學(xué),每一個同學(xué)都負(fù)責(zé)不同的部分,并且要獨(dú)立的完成任務(wù)。
6.教師檢查項(xiàng)目。在項(xiàng)目完成之后,學(xué)生要對項(xiàng)目的結(jié)果進(jìn)行檢查,然后再由老師進(jìn)行質(zhì)量的檢查。并且將其完成的作品進(jìn)行公開的展示,讓學(xué)生來找出優(yōu)點(diǎn)以及缺點(diǎn)。要讓學(xué)生進(jìn)行自評以及互評。這樣,可以使學(xué)生鍛煉他們的責(zé)任心,提升他們的質(zhì)量意識,并且可以學(xué)習(xí)評估的方法。教師不但要對內(nèi)容檢查,還要檢查其實(shí)際的功能效果。
關(guān)鍵詞:網(wǎng)頁設(shè)計與制作;教學(xué)平臺;FileZilla;配置文件;批量創(chuàng)建用戶
中圖分類號:TP393 文獻(xiàn)標(biāo)識碼:A 文章編號:1009-3044(2013)09-2135-04
網(wǎng)頁設(shè)計與制作是高等學(xué)校計算機(jī)基礎(chǔ)教育的主干課程之一,是覆蓋面較廣的一門實(shí)踐性非常強(qiáng)的計算機(jī)基礎(chǔ)課程。學(xué)生在課程中學(xué)習(xí)從網(wǎng)頁的制作到完整網(wǎng)站的建立的系統(tǒng)的內(nèi)容。教學(xué)過程中的重點(diǎn)一般放在網(wǎng)頁的制作這一階段,忽略了網(wǎng)站、網(wǎng)站展示的后一階段的過程,使得學(xué)生缺乏對創(chuàng)建網(wǎng)站的全面了解。我們通過FTP服務(wù)和Web服務(wù)的結(jié)合,建立了網(wǎng)頁設(shè)計與制作教學(xué)平臺,彌補(bǔ)了網(wǎng)站和網(wǎng)站展示環(huán)節(jié)的空缺,使得學(xué)生可以獲得創(chuàng)建網(wǎng)站的完整體驗(yàn)。同時,在這一過程中,通過開發(fā)相應(yīng)的擴(kuò)展程序,簡化了為大量學(xué)生創(chuàng)建教學(xué)環(huán)境的工作,使得教學(xué)工作能夠順利展開,在實(shí)際教學(xué)中取得了良好的效果。
1 網(wǎng)頁設(shè)計與制作教學(xué)平臺的框架
網(wǎng)頁設(shè)計與制作教學(xué)平臺通過提供一個真實(shí)的網(wǎng)站和展示的空間,使得學(xué)生能夠體會完整的網(wǎng)站的過程,從而獲得與實(shí)際接軌的實(shí)踐能力。我們使用FileZilla服務(wù)器作為學(xué)生上傳網(wǎng)站作品的FTP服務(wù)器。在FileZilla服務(wù)器上可以創(chuàng)建用戶,并可以給用戶分配主目錄,設(shè)置訪問權(quán)限。但是FileZilla本身不支持批量用戶的創(chuàng)建。我們在FileZilla的基礎(chǔ)上,分析了FileZilla的配置文件的格式以及各參數(shù)的語義,開發(fā)了批量生成FTP用戶的擴(kuò)展程序。它能夠依據(jù)學(xué)生的學(xué)號,快速地在FileZilla中創(chuàng)建用戶,并為每個用戶在服務(wù)器上自動生成對應(yīng)的根目錄。我們還開發(fā)了自動生成學(xué)生網(wǎng)站作品展示界面的前端頁面生成器程序,從而使得學(xué)生能夠完整的體驗(yàn)網(wǎng)站的過程。
網(wǎng)頁設(shè)計與制作教學(xué)平臺的框架如圖 1所示。
其中各部分的功能如下:
FileZilla FTP服務(wù)器:負(fù)責(zé)接受用戶以FTP方式上傳的網(wǎng)站內(nèi)容。
Apache Web 服務(wù)器:負(fù)責(zé)把用戶上傳的網(wǎng)站內(nèi)容以WWW的形式向外。
存儲:負(fù)責(zé)存儲用戶上傳的網(wǎng)站內(nèi)容。FTP服務(wù)器和Web服務(wù)器共享相同的網(wǎng)站內(nèi)容空間。
FileZilla擴(kuò)展:負(fù)責(zé)批量地創(chuàng)建FTP用戶
前端頁面生成器:負(fù)責(zé)根據(jù)學(xué)生信息自動創(chuàng)建學(xué)生作品的展示頁面。
2 FTP服務(wù)器平臺的建立
2.1 FileZilla的配置信息
FileZilla服務(wù)器使用“FileZilla Server.xml”作為它的配置文件,其中記錄了FileZilla的監(jiān)聽端口以及FileZilla的用戶信息等內(nèi)容。一個FileZilla用戶的配置信息大致如下:
其中各行配置的含義如下:
1:用戶user01的配置信息起始處
2:用戶的密碼
3:用戶所屬的組。同一組用戶擁有組的相同的配置,從而減少配置的工作量。
4-6:限制來自某些IP地址的用戶不能訪問服務(wù)器。
7:用戶的主目錄,即用戶登錄后進(jìn)入的目錄。
8:用戶讀文件的權(quán)限。如果值為1,則擁有讀文件的權(quán)限。
9:用戶寫文件的權(quán)限。如果值為1,則擁有寫文件的權(quán)限。
10:用戶刪除文件的權(quán)限。如果值為1,則擁有刪除文件的權(quán)限。
11:用戶追加文件的權(quán)限。如果值為1,則擁有追加文件的權(quán)限。
12:用戶創(chuàng)建文件夾的權(quán)限。如果值為1,則擁有創(chuàng)建文件夾的權(quán)限。
13:用戶刪除文件夾的權(quán)限。如果值為1,則擁有刪除文件夾的權(quán)限。
14:用戶列出文件夾的權(quán)限。如果值為1,則擁有列出文件夾的權(quán)限。
16:用戶user01的配置信息結(jié)束處
通過對FileZilla配置信息的解讀,為自動建立配置信息文件奠定了基礎(chǔ)。
2.2 FileZilla擴(kuò)展的開發(fā)
我們使用開發(fā)了FileZilla批量用戶生成擴(kuò)展工具。通過循環(huán)讀取學(xué)生的學(xué)號,使用這一信息作為學(xué)生FileZilla服務(wù)器上的用戶名。根據(jù)2.1節(jié)的配置信息的含義,自動為每個用戶生成相應(yīng)的配置信息。工具的使用界面如圖2所示。
當(dāng)點(diǎn)擊“生成配置信息”后,通過如下的代碼批量地生成所有用戶的配置信息。
2.3 用戶主目錄的自動創(chuàng)建
根據(jù)學(xué)生的學(xué)號,我們開發(fā)了在服務(wù)器上自動創(chuàng)建學(xué)生在FileZilla服務(wù)器上的根目錄的功能。
通過循環(huán)讀取學(xué)生的學(xué)號,使用“puter.FileSystem”對象在服務(wù)器上創(chuàng)建以學(xué)生的學(xué)號為文件夾名稱的學(xué)生在FileZilla服務(wù)器上的根目錄。
2.4 配置信息的生效
關(guān)于所有學(xué)生的配置信息生成后,通過先把“FileZilla服務(wù)”停止,然后把自動生成的配置文件“FileZilla Server.xml”拷貝到FileZilla服務(wù)軟件所在的文件夾,并重新啟動“FileZilla服務(wù)”,批量創(chuàng)建的用戶即可生效。
3 Web服務(wù)器平臺的建立
當(dāng)學(xué)生通過FTP客戶端使用自己的用戶名和密碼登錄FileZilla服務(wù)器并上傳網(wǎng)站作品后,需要通過Web服務(wù)把各個學(xué)生上傳的網(wǎng)站作品展示出來。我們把學(xué)生的主目錄映射到Web服務(wù)器Apache的虛擬目錄,并開發(fā)了自動生成展示界面的前端頁面生成器程序。其中,為學(xué)生的每次上傳的作品生成對應(yīng)的通過Web服務(wù)器的鏈接。
4 結(jié)束語
網(wǎng)頁設(shè)計與制作是一門注重實(shí)踐的課程。該文借助FTP服務(wù)平臺和Web服務(wù)平臺以及相應(yīng)的輔助擴(kuò)展程序的開發(fā),建立了面向網(wǎng)頁設(shè)計與制作的教學(xué)平臺,彌補(bǔ)了通常教學(xué)環(huán)境中由于不具備實(shí)際的網(wǎng)站環(huán)境從而無法為學(xué)生提供完整的網(wǎng)站建設(shè)過程講解的缺陷,使得學(xué)生能夠獲得與實(shí)際接軌的完整的網(wǎng)頁設(shè)計制作的經(jīng)驗(yàn)。
參考文獻(xiàn):
[1] Bradley J C,Millspaugh A C.Visual 程序設(shè)計[M].李旭,譯.北京:清華大學(xué)出版社,2008.
[2] Randolph N.Visual Studio 2010高級編程[M].任鴻,譯.北京:清華大學(xué)出版社,2012.
[3] Powers L,Snell M.Visual Studio技術(shù)大全[M].劉彥博,譯.北京:人民郵電出版社,2009.
[4] FileZilla project[EB/OL].http://.
關(guān)鍵詞:JavaScript 網(wǎng)頁游戲 設(shè)計制作
中圖分類號:TP393.092 文獻(xiàn)標(biāo)識碼:A 文章編號:1007-9416(2015)12-0000-00
伴隨時展、科技進(jìn)步,以計算機(jī)為基礎(chǔ)、互聯(lián)網(wǎng)絡(luò)為支撐的信息化技術(shù)已經(jīng)成為了當(dāng)今時代中的主要因素,不但給人類的生活形態(tài)與精神面貌帶來了較大的轉(zhuǎn)變,最重要的是在很大程度上改變了人們的生存方式,使人類擁有了另一種生存的可能,同時由于它的發(fā)展,也催生了游戲方面的變革,尤其是“網(wǎng)游”的出現(xiàn),俘獲了千萬顆童心未泯的心,其利弊得失是當(dāng)今頗受爭議的問題。然而,還是應(yīng)該對于這一項(xiàng)技術(shù)加以關(guān)注,對基于JavaScript的網(wǎng)頁游戲的設(shè)計與制作進(jìn)行分析研究。
1 概述
網(wǎng)頁游戲通過瀏覽器實(shí)現(xiàn)無端網(wǎng)游,只需擁有一根網(wǎng)線、一臺電腦即可實(shí)現(xiàn)無客戶端下載的Web游戲。其最大優(yōu)勢在于程序設(shè)計者完全能夠一面進(jìn)行設(shè)計、一面進(jìn)行調(diào)整、修改、補(bǔ)充工作。因其系統(tǒng)可以為操作人員提供一個人機(jī)交互的界面,從而采用問答的方式,在接收信息后,進(jìn)行處理,這種在系統(tǒng)――操作者間的交互式處理方式,主要是進(jìn)行交互作用的信息處理。相對而言,其直觀性、可控性與靈活度有了很大的提升,是非交互式處理無法完成的優(yōu)勢所在,依目前發(fā)展情況來看,其普遍性在增加,應(yīng)用范圍在逐步擴(kuò)大,而且備受廣大用戶喜愛,免除了來自于單道任務(wù)所帶來的諸多效率問題,因而當(dāng)操作者較慢的時候,它卻可以進(jìn)行其他任務(wù)的處理,節(jié)省了時間,使資源得到了充分利用,并且提高了計算機(jī)的工作效率。在結(jié)合工作方面,將分時處理、交互式處理兩種處理方式有效結(jié)合起來,不但可以使多個用戶進(jìn)行同時對話;還可以與批處理方式結(jié)合起來;在每種結(jié)合方式中,都可體現(xiàn)出其獨(dú)特的優(yōu)勢與特征,而且應(yīng)用起來也比較方便。
2 開發(fā)工具和設(shè)計構(gòu)思分析
2.1 JavaScript
HTML技術(shù)用來制作網(wǎng)頁,而JavaScript即是通過其自身作為腳本語言的功能對其網(wǎng)頁進(jìn)行功能添加,主要集中于動態(tài)功能方面,從而達(dá)到命名用戶的操作得到響應(yīng)的效果。其最大特點(diǎn)即是,當(dāng)其源代碼發(fā)送至客戶端,尤其是在運(yùn)行之前,沒有必要進(jìn)行任何過程的編譯處理,通常來講,主要是把文本格式中的字符代碼發(fā)往瀏覽器,然而讓瀏覽器獨(dú)自進(jìn)行解釋性運(yùn)行。由于它是動態(tài)、弱類型、基于原型的語言,內(nèi)置支持類,所以在安全性方面,相對較差,其聯(lián)系程度較高,獨(dú)立性不強(qiáng),因而如果出現(xiàn)一條無法運(yùn)行的情況時,便會出現(xiàn)其下的語言也不能繼續(xù)運(yùn)作,從該方面來看,解譯次數(shù)有時會偏多,所以,速度慢是其最大缺點(diǎn)。另一方面,作為編譯語言,Java的源代碼卻需要編譯,才能傳遞到客戶端運(yùn)行,因此,就需要搭建起一個平臺,使解釋器、仿真器,將特定的編譯代碼加以適度化的約束,以此來達(dá)到安全可靠的保障作用。
2.2 CSS
層疊樣式表或級聯(lián)樣式表,全稱為Cascading Style Sheet,簡稱CSS.其作用在于對瀏覽網(wǎng)頁進(jìn)行控制,主要是通過一組格式設(shè)置規(guī)則加以實(shí)現(xiàn),也就是通過CSS來達(dá)到這一目標(biāo)。功能在于分離頁面中的形式與內(nèi)容,使二者可以獨(dú)立存放于HTML文檔之中。這樣,有助于將維護(hù)站點(diǎn)的外觀變得更加簡便,也可以簡化HTML文檔代碼,減少瀏覽器在加載過程中的時間。從CSS的特征分析,在修改頁面方面易于實(shí)施,壓縮網(wǎng)頁體積,同時還能保持頁面風(fēng)格的完全統(tǒng)一。從其功能與作用的價值看,可降低成本,增加工作效率,因?yàn)樗梢酝瑫r管理多個頁面,并且根據(jù)保存方式,又可以通過改變CSS文檔,達(dá)到從外部樣式到站點(diǎn)中頁面的格局的充化。也就是說,對于樣式的更新,即可以將網(wǎng)站中的全部元素加以更新。
3 網(wǎng)頁游戲設(shè)計及制作流程
3.1 游戲背景、素材及舉設(shè)計舉例
根據(jù)要上的說明可知游戲需要其可玩性、效果性,所以,先應(yīng)該以層疊式樣表對將要完成的游戲所給定的各要素片理好,做了版面的整理工作,比如,游戲元素的圖像選擇以及整理工作等。另一方面,游戲素材應(yīng)該能夠透過它來實(shí)現(xiàn)一定的吸引人注意的效果。一般而言,除了網(wǎng)站中的擷取,還應(yīng)該進(jìn)行PS處理、自繪畫等。
舉例,為了明白起見,以下以“打地老鼠”為具體的說明,呈現(xiàn)出交互式網(wǎng)頁游戲的設(shè)計方法。首先,需通過鼠標(biāo),完成每一個操作,規(guī)則之一,即是不能擊打那些白色的地老鼠,打擊一次,會讓玩家丟一次命。其次,設(shè)置一些帶有炸彈的地老鼠,分別將其放置在游戲屏幕的左右兩邊,需對其進(jìn)行不斷打擊,否則,即會發(fā)生爆炸,當(dāng)爆炸發(fā)生后,也會損失一次命。第三,為玩家設(shè)置三次性命,全部丟掉即算GAME OVER。最后,在界面顯示出玩家的最終成績,即打死地老鼠的最終個數(shù)。而且在該界面繼續(xù)顯示開始或結(jié)束的選項(xiàng),供玩家選擇。該游戲的基礎(chǔ)在于地老鼠的出現(xiàn),需要有相應(yīng)的控制方法,以使其可以隨機(jī)在屏幕中出現(xiàn),其實(shí)質(zhì)即是地老鼠對應(yīng)元素出現(xiàn)的高度伴隨情況之出現(xiàn)。在擊打地老鼠時,需要先將選中,再進(jìn)行鼠標(biāo)點(diǎn)擊即可。
以“打地老鼠”為例,其中需要四種辦法達(dá)到對地老鼠出現(xiàn)的控制。第一種方法是randomBunny()函數(shù),第二種方法 是bunnyJumpl()函數(shù),第三種方法是bunnyJump2()函數(shù),第四種方法是bunnyJump3()函數(shù)。第一個主要是用來控制地老鼠的隨機(jī)出現(xiàn),而對于其它的三種方法,則可依次表述為對于各類伴隨情況出現(xiàn)的控制。對于擊打,需要通JavaScript中的兩個函數(shù)來完成,分別是其中的onmousedown/onclick,其交互作用發(fā)生在擊打地老鼠之時,兩個函數(shù)在不同的時間發(fā)生,前者發(fā)生于點(diǎn)擊時的事件發(fā)生,而后者是點(diǎn)擊后放開時事件發(fā)生。具體來講,若要擊打到地老鼠,先應(yīng)該有一個函數(shù),也就是說,clientX,,clientY,getPosition,通過后面的數(shù),即可得到對應(yīng)的元素的橫向與縱向坐標(biāo),當(dāng)?shù)乩鲜筇幱谒驌舻淖鴺?biāo)范圍內(nèi),即會被鼠標(biāo)的點(diǎn)擊所打中,也就是說,利用規(guī)范與判定來達(dá)到所需要的結(jié)果。上面未提到的白色地老鼠無需打擊以及其他條件及要求,都需要對應(yīng)的功能來實(shí)現(xiàn)。
當(dāng)出現(xiàn)白色地老鼠與帶有炸彈時,便會失去生命,因此,需要根據(jù)這一條件設(shè)定一個lostlife的函數(shù),其主題簡單,在判別條件的設(shè)置時,只需要調(diào)動該函數(shù),使其值與發(fā)生丟失生命值相合即合,也就是說,令lives.lostlife=1,當(dāng)其不為空值時,執(zhí)行的是live.lostlife++,當(dāng)判斷l(xiāng)ive.lostlife>=3時,即可調(diào)用函數(shù)endgame()去終止游戲,此時計時停止,等級信息、分?jǐn)?shù)等一一輸出到游戲界面。在開始與結(jié)束的菜單上,還需要設(shè)置兩個不同的按鈕,分別通過相應(yīng)的函數(shù)進(jìn)行設(shè)置。其中的基本原理是相通的,而且對于各種功能設(shè)置及處理方式區(qū)別也不是很大,主要是以對應(yīng)元素與所需功能間的規(guī)范化與控制來達(dá)到最終所要達(dá)到的效果。
除了這些功能設(shè)置外,還需要對整個游戲進(jìn)行相應(yīng)的控制。其主要內(nèi)容即是通常玩家可以看到的時間與升級問題,在此中,需要通過計時條、計時條時間被控制來達(dá)到。比如,在計時條中,resumlevel()控制,可以將計時條透明性、計時性進(jìn)行相應(yīng)規(guī)定,還可以利用計時條的滾動進(jìn)行提與計時時間控制,這里就需要另一個函數(shù)leaveup()來完成,當(dāng)這走完時,即可將其設(shè)計到升級條件之下,升級的根據(jù)也就是地老鼠所停留的時間的長短、數(shù)量等。
3.2 演示及測試
首先,安裝網(wǎng)頁瀏覽器,以上面所說的“打地老鼠”網(wǎng)頁游戲可知,不同的ID可以對不同的地老鼠進(jìn)行控制,而每個對象的出現(xiàn)都是隨機(jī)的,當(dāng)擊中白色掉一條命,當(dāng)擊不中帶有炸彈者,發(fā)生爆炸,也會掉一條命。在演示與測試過程中,可以通過調(diào)試功能,對圖片的變換進(jìn)行閃爍界定即可。
3.3 標(biāo)準(zhǔn)及要求
在基于JavaScript的網(wǎng)頁游戲的設(shè)計與制作中,需要對JavaScript客戶端腳本語言有一個明確的認(rèn)識、對其基于對象的編程思想加以把握,在具體的游戲開發(fā)項(xiàng)目中,先應(yīng)該有一個合理的計劃書與備忘錄的制作,然后根據(jù)項(xiàng)目設(shè)計要求及標(biāo)準(zhǔn),利用一些模塊進(jìn)行網(wǎng)頁游戲制作。以下以最為基礎(chǔ),用途最廣泛的連連看為例,來介紹作為一個可行項(xiàng)目的基于JavaScript的網(wǎng)頁游戲的設(shè)計與制作實(shí)施過程。
首先,應(yīng)該在項(xiàng)目設(shè)計的基礎(chǔ)之上,以設(shè)計方案,依次將網(wǎng)頁制作、程序開發(fā)、測試、文檔編寫等完成。其要求在于將JavaScript 客戶端作為腳本編程技術(shù)出發(fā)點(diǎn),進(jìn)行開發(fā)。在設(shè)計連連看網(wǎng)頁游戲時,先對其網(wǎng)頁界面進(jìn)行整體上的布局,比如,從審美角度的要求,從廣大客戶需的角度來設(shè)定一些原則,將操作系統(tǒng)與界面之間的可操作性進(jìn)行細(xì)致區(qū)分,比如在界面的上端可進(jìn)行時間、初始化等信息的顯示;比如設(shè)置難度系數(shù)易、難、困難等供玩家自主選擇等;在界面下端可以設(shè)置游戲主體界面,將其位置布置到中位,調(diào)整好整體的比例與效果,其實(shí)也可以將其反過來,上下?lián)Q位處理,只是在設(shè)計時,給定了一種習(xí)慣性,因而導(dǎo)致了最終的適應(yīng)性,如果反過來,以手機(jī)自帶的方式提供給廣大用戶,大多是可以形成其新的玩家習(xí)慣的。其次,在連連看游戲網(wǎng)頁中,應(yīng)該對其功能模塊設(shè)計加以認(rèn)真分析,功能模塊設(shè)計,主要是需要了解清楚其中的基本功能需求為何,也就是說,如同上面的“打地老鼠”游戲一般,先確定清楚項(xiàng)目中的對象,并創(chuàng)建根對象;在游戲區(qū)的控制或能模塊設(shè)計方面、游戲區(qū)功能模塊設(shè)計方面等等,都應(yīng)該先在程序中分級管理,也就是說按照文件的上錄入進(jìn)行分類管理,以項(xiàng)目工程的主到子進(jìn)行分別建立,最后在完成一系列具體的制作之后,進(jìn)行測試與演示,然后對其中的效果加以評估。無論是根據(jù)模板進(jìn)行直接的設(shè)計,還是利用代碼的方式進(jìn)行編程設(shè)計,其結(jié)果都可達(dá)到最終的網(wǎng)頁游戲效果。但是最主要的還是以上面所說的JavaScrip技術(shù)、CSS技術(shù)為運(yùn)用基礎(chǔ),把交互式技術(shù)引入到網(wǎng)頁中,從而實(shí)現(xiàn)網(wǎng)頁游戲功能。
4 結(jié)語
總之,筆者認(rèn)為從技術(shù)的角度而言,基于JavaScript的網(wǎng)頁游戲的設(shè)計與制作把網(wǎng)絡(luò)在線小游戲變成了可能,提升了游戲的動態(tài)性,增加了機(jī)與人之間的交互作用,使可玩性得到了在線升級,隨著文化主題的帶入,該方面的游戲越來越受到追捧,但同時也應(yīng)該防止因游戲上癮所帶來的麻煩,盡可能的在游戲的設(shè)計與制作方面,根據(jù)不同年齡階級設(shè)置一些適應(yīng)各層級的游戲項(xiàng)目,從而保護(hù)未成年人的健康成長。
參考文獻(xiàn)
[1] 方蓓.基于JavaScript的簡易游戲的實(shí)現(xiàn)[J].軟件導(dǎo)刊,2013(3).
[2] 馮科融,王和興,連加美等.基于HTML5的3D多人網(wǎng)頁游戲?qū)崿F(xiàn)方案[J].微型機(jī)與應(yīng)用,2013(1).
【關(guān)鍵詞】網(wǎng)頁設(shè)計與制作 教學(xué)理念 教學(xué)策略 考核方法
【中圖分類號】G71 【文獻(xiàn)標(biāo)識碼】A 【文章編號】2095-3089(2014)08-0228-01
隨著信息技術(shù)的迅速發(fā)展,網(wǎng)絡(luò)在人們的生活中扮演著越來越重要的角色,使人們的生活方式發(fā)生了翻天覆地的變化,上網(wǎng)已成為一種潮流。因此,網(wǎng)絡(luò)成為信息革命的主導(dǎo)力量,它能承載巨大的信息量,是世界最大的資源寶庫,由于網(wǎng)絡(luò)可以實(shí)現(xiàn)資源共享,人們越來越習(xí)慣在互聯(lián)網(wǎng)上搜索信息。而Dreamweaver網(wǎng)頁設(shè)計與制作是現(xiàn)代計算機(jī)網(wǎng)絡(luò)技術(shù)中最受歡迎的技術(shù)之一,自然而然《Dreamweaver網(wǎng)頁設(shè)計與制作》課程也倍受學(xué)生的青睞。該課程具有自身的特點(diǎn),它對學(xué)生的操作能力和實(shí)踐能力要求比較高,主要是要求學(xué)生能夠熟練掌握Dreamweaver制作簡單的靜態(tài)網(wǎng)頁。通過使用Dreamweaver軟件掌握基礎(chǔ)網(wǎng)頁設(shè)計與制作的基本方法,綜合所學(xué)知識能夠建立基本的靜態(tài)網(wǎng)站,成為社會所需人才。因此,本文根據(jù)社會的需求,就如何使學(xué)生更好地掌握Dreamweaver網(wǎng)頁設(shè)計與制作進(jìn)行探析。
1.改變教學(xué)理念,激發(fā)學(xué)生的學(xué)習(xí)積極性
根據(jù)社會發(fā)展的要求對本課程的教學(xué)內(nèi)容進(jìn)行了一定地調(diào)整。課程教學(xué)內(nèi)容的調(diào)整必定涉及到教學(xué)理念的改變。由于調(diào)整后的課程教學(xué)內(nèi)容主要由當(dāng)今實(shí)用的、流行的新技術(shù)幾個部分組成,如Html和fireworks的使用,而這幾個部分的內(nèi)容具有較強(qiáng)的實(shí)用性、操作性。因此,教師講授時應(yīng)該抓住Dreamweaver這條主線,將課程內(nèi)容融會貫通,整理思路,便于學(xué)生接受和掌握。
在講授理論知識的時候?qū)W生會覺得Html語言很乏味,這種操作性強(qiáng)的內(nèi)容如果不進(jìn)行及時的實(shí)踐操作,掌握起來很困難,一旦能讓學(xué)生看到自己親手操作后的效果就會有一種成就感,這樣就能激發(fā)學(xué)生的積極性,強(qiáng)化所學(xué)內(nèi)容,增強(qiáng)自己的動手操作能力。
眾所皆知,興趣是最好的老師。如果學(xué)生有濃厚的學(xué)習(xí)興趣就會積極主動地學(xué)習(xí),集中注意力,注重每一步操作的細(xì)節(jié)。因此,在教學(xué)的過程中,教師要激發(fā)學(xué)生的積極性,培養(yǎng)學(xué)習(xí)興趣。如第一章介紹網(wǎng)頁制作的基本內(nèi)容和相關(guān)操作步驟時,教師就要結(jié)合具體的實(shí)例進(jìn)行具體講解,介紹有代表性網(wǎng)站的整體布局、網(wǎng)站風(fēng)格等網(wǎng)站的相關(guān)內(nèi)容。由此學(xué)生就能觸類旁通,根據(jù)自己的想法制作和設(shè)計出意想中的網(wǎng)站風(fēng)格,從而產(chǎn)生制作個人網(wǎng)站的欲望。這份欲望給了學(xué)生巨大的動力,也是學(xué)生學(xué)好網(wǎng)頁制作的前提條件。
2.改進(jìn)教學(xué)方法,提高學(xué)生的動手能力
《網(wǎng)頁設(shè)計與制作》課程要求學(xué)生具有較強(qiáng)的動手實(shí)踐能力[2]。不僅要求學(xué)生能夠熟練使用Dreamweaver進(jìn)行基本的網(wǎng)頁制作,還要求學(xué)生能夠根據(jù)所學(xué)知識解決具體問題,能夠靈活運(yùn)用到實(shí)際操作中。
《網(wǎng)頁設(shè)計與制作》課程的教學(xué)要循序漸進(jìn),首先學(xué)習(xí)網(wǎng)頁設(shè)計與制作的基礎(chǔ)知識,然后要學(xué)習(xí)如何美化網(wǎng)頁、使用各種工具進(jìn)行操作,最后綜合所學(xué)知識制作一個簡單的網(wǎng)站,使所學(xué)知識能夠融會貫通,靈活運(yùn)用,這樣就可以有效提高學(xué)生的整體性思維能力,增強(qiáng)學(xué)生的動手能力。
3.改革考核方法
考核是任何課程進(jìn)行測試的一種方法,Dreamweaver網(wǎng)頁設(shè)計與制作課程也不例外。改革考核方法一方面可以幫助教師改進(jìn)教學(xué)方法,激發(fā)學(xué)生學(xué)習(xí)的積極性[3]。以前一些操作性和實(shí)踐性較強(qiáng)的課程也習(xí)慣用筆試的方法進(jìn)行考核,考核的內(nèi)容都是一些理論知識,根本不能反映學(xué)生對所學(xué)課程的具體情況,這與該課程的要求相悖[4]。因此,在“網(wǎng)頁設(shè)計與制作”課程中,要采用多種考核方式,把學(xué)生的成績分為三部分,分別為平時考查成績、綜合作業(yè)、期末考試。
考查成績主要是根據(jù)學(xué)生在上實(shí)踐課時的表現(xiàn)來評定,此部分成績占30%;綜合成績則以學(xué)生在規(guī)定的實(shí)時間內(nèi)完成的設(shè)計方案來考查學(xué)生的動手實(shí)踐能力,教師根據(jù)學(xué)生的設(shè)計方案評定學(xué)生的綜合成績,評價學(xué)生的專業(yè)技能,這部分成績占30%;最后是期末上機(jī)考試的成績,考試形式為開卷式,只對最終網(wǎng)頁的制作效果提出要求。這樣學(xué)生就能根據(jù)自己的想法設(shè)計出不同風(fēng)格的、有自己個性的網(wǎng)站,提高學(xué)生的整體思維性能力,最終的考核質(zhì)量作為學(xué)生的考試成績,占總成績的40%。
總之,改革Dreamweaver網(wǎng)頁設(shè)計與制作課程的考核方法,有利于激發(fā)學(xué)生的學(xué)習(xí)積極性,培養(yǎng)學(xué)生的學(xué)習(xí)興趣,提高學(xué)生的整體思維性能力,進(jìn)一步提高學(xué)生的動手能力和實(shí)際操作能力,從而提高教學(xué)質(zhì)量和水平。
4.結(jié)語
經(jīng)過上述分析得出,在Dreamweaver網(wǎng)頁設(shè)計與制作的教學(xué)過程中,不僅要改變教學(xué)理念,激發(fā)學(xué)生學(xué)習(xí)的積極性,還要改進(jìn)教學(xué)方法,提高學(xué)生的動手能力。除此之外,考核方法的改革也是必要的,以此來提高教學(xué)質(zhì)量和水平。
參考文獻(xiàn):
[1]黃學(xué)群.《網(wǎng)頁設(shè)計與制作》課程的教學(xué)探討[J].今日南國,2011,12(08):105-106.
[2]陳風(fēng)芹. Dreamweaver網(wǎng)頁設(shè)計與制作教學(xué)探討[J].教學(xué)園地,2012,25(12):255-255.