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