時間：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.
