網(wǎng)頁制作課程設計總結(jié)匯總十篇

序論：好文章的創(chuàng)作是一個不斷探索和完善的過程，我們?yōu)槟扑]十篇網(wǎng)頁制作課程設計總結(jié)范例，希望它們能助您一臂之力，提升您的閱讀品質(zhì)，帶來更深刻的閱讀感受。

篇（1）

中圖分類號：TP393 文獻標識碼：A 文章編號：1674-7712 （2013） 04-0228-01

在國家示范性職業(yè)學院的基礎上，圍繞計算機網(wǎng)絡技術(shù)產(chǎn)業(yè)對技能型人才的需要，以校企共建為載體，實施“工學結(jié)合、校企互動”的人才培養(yǎng)模式。依托產(chǎn)業(yè)集群工作崗位標準，深化課程改革，探索了應用基于工作過程理實一體化教學的課程體系設計。

一、職業(yè)崗位分析

由行業(yè)、企業(yè)、專業(yè)骨干教師組建專業(yè)建設指導委員會，調(diào)研產(chǎn)業(yè)集群，對職業(yè)崗位技能需求情況進行分析，確定職業(yè)崗位核心能力，按照“產(chǎn)業(yè)集群職業(yè)崗位核心技能專業(yè)課程教學”的方式重構(gòu)基于工作過程的課程模式。通過對招聘網(wǎng)站、國內(nèi)大中城市的人才招聘信息進行分析，并對一些網(wǎng)站建設類企業(yè)的職業(yè)崗位調(diào)研，確定本課程職業(yè)崗位為網(wǎng)頁設計與制作員、網(wǎng)站管理員。

二、確定職業(yè)崗位核心能力

分析完成職業(yè)崗位工作所需要的技能。對于網(wǎng)頁設計與制作類職業(yè)崗位，要求了解網(wǎng)站的開發(fā)流程，熟練使用網(wǎng)頁設計軟件編輯與制作網(wǎng)頁；能夠合理布局網(wǎng)頁。

三、課程教學目標

課程的教學目標，體現(xiàn)與職業(yè)崗位的無縫對接。改變知識點集合式的教學目標，結(jié)合職業(yè)崗位技能加入到教學目標中，將課程教學目標分解知識目標、操作技能目標和職業(yè)素質(zhì)能力三個方面來培養(yǎng)學生的知識、技能和職業(yè)能力，以適應職業(yè)崗位的要求。

（一）知識目標。本課程以學生能夠勝任網(wǎng)頁制作與維護的實際工作能力為學習目標，使學生具備網(wǎng)頁制作職業(yè)崗位所需要職業(yè)技能。掌握HTML標記的使用。熟練使用網(wǎng)頁設計軟件布局網(wǎng)頁、插入并編輯網(wǎng)頁元素；強化網(wǎng)頁美化與修飾的技能，會使用行為和特效修飾網(wǎng)頁；掌握CCS層疊樣式表的使用；掌握網(wǎng)站新聞和圖片的更新等日常管理與維護技巧。（二）操作技能目標。能夠完成一個完整網(wǎng)站的整體規(guī)劃與制作所需的操作技能。包括對用戶的需求分析、頁面欄目的規(guī)劃、收集處理網(wǎng)頁信息元素的技能；靈活運用所學網(wǎng)頁制作工具的能力；對頁面細節(jié)的調(diào)節(jié)技能；合理運用模板與庫等工具，優(yōu)化網(wǎng)頁制作的過程；提高網(wǎng)頁風格的策劃能力、色彩搭配能力、頁面布局能力和創(chuàng)造力；主動學習的能力。（三）職業(yè)素質(zhì)目標。培養(yǎng)學生具有良好的職業(yè)道德與敬業(yè)精神；培養(yǎng)學生的溝通能力和團隊協(xié)作精神，具有組織、計劃、協(xié)調(diào)與協(xié)作能力；培養(yǎng)學具有良好的心理素質(zhì)和克服困難的能力，具有分析問題、解決問題的能力，具有較強的溝通和交流能力。

四、課程教學內(nèi)容

（一）課程內(nèi)容設計原則。課程內(nèi)容的設計以網(wǎng)頁設計與制作職業(yè)崗位的任職需求為原則，參考權(quán)威的網(wǎng)頁設計師職業(yè)資格認證的內(nèi)容統(tǒng)籌設計教學內(nèi)容。突出職業(yè)能力培養(yǎng)與取得職業(yè)資格證書相結(jié)合的教學內(nèi)容設計，體現(xiàn)貼合職業(yè)崗位技能需求，模擬實際工作過程的課程設計理念，以企業(yè)真實網(wǎng)站設計項目為載體組織教學內(nèi)容，采用基于工作過程的任務驅(qū)動教學方法和手段進行實施。（二）分析職業(yè)崗位確定課程內(nèi)容。根據(jù)對職業(yè)崗位能力的需求調(diào)研分析，將網(wǎng)頁制作這一工作崗位需要的技能總結(jié)為，用戶需求分析、網(wǎng)頁規(guī)劃與設計、網(wǎng)頁信息檢索與處理、網(wǎng)頁框架布局、網(wǎng)頁元素的定位、圖片的使用、超級鏈接的使用、網(wǎng)頁的修飾和層疊樣式表、行為、模板與庫的使用等內(nèi)容。（三）課程內(nèi)容分解到工作過程。以訓練學生網(wǎng)頁制作實戰(zhàn)技能、充分提高學生實踐能力為目標。首先，選取知識技能覆蓋面廣，項目過程完整的企業(yè)項目。然后根據(jù)學生的認知過程，將網(wǎng)頁制作職業(yè)崗位所需的技能進行分解，嵌入到網(wǎng)頁制作的項目中。最后，將整個項目劃分成教學任務。

五、課程的教學實施

（一）建立任務情境。教師首先布置本節(jié)課程要完成的教學任務，要求學生帶著任務和問題去學習。《網(wǎng)頁制作》是一門實用性、操作性很強的課程。在學習開始時，教師首先將完整的任務網(wǎng)站展示給學生，告知學生學習后能取得的成果，激發(fā)他們學習的熱情，同時引導學生思考如何利用這樣的平臺制作自己的網(wǎng)頁，由此確定課程的總體任務――建設一個完整網(wǎng)站。（二）分析任務提出問題。在每一教學單元之前，先提出本單元要完成的網(wǎng)頁制作任務，提出之后，先讓學生對任務進行仔細思考、分析和討論，提出完成任務需要解決哪些問題。其中，一些問題較為淺顯的問題，學生通過主動學習就能解決；另一些是任務中包含的新知識點中的難點，學生要通過認真的研究、分析才能解決，強化學生獨立解決問題的能力，培養(yǎng)學生從新的角度去看舊問題，豐富學生的創(chuàng)造性和想象力。（三）學生完成任務。探索研究問題提出后，教師啟發(fā)學生解決該問題的線索。調(diào)動學生的學習興趣和主動性。學生結(jié)合已有知識，通過自主學習或者協(xié)作討論完成任務。通過這樣的過程掌握新知識，并將所學知識融會貫通。（四）任務評價與總結(jié)。在整個任務完成后，教師對學生的完成情況進行總結(jié)，強調(diào)普遍出現(xiàn)的問題或錯誤，演示正確完成任務的方法。教師在學生完成任務的過程中對學生教學過程中參與教學活動的態(tài)度，解決問題的能力和創(chuàng)造性的發(fā)揮以及獲取的知識的情況進行監(jiān)督，對于一些暫時不能適應這種教學模式或者學習能力較差的學生進行適當?shù)闹笇В龅揭虿氖┙獭?/p>

六、考核方法

主要從兩個層次對學生的學習情況進行考核。一是考核學生對所學網(wǎng)頁制作技能操作的掌握程度。二是指導和督促學生加強平時認真學習的習慣。本課程采用過程考核和期末考核相結(jié)合的方式進行考核。其中過程考核包括對各教學任務的完成情況，占總成績的30%；以及在完成過程中的表現(xiàn)情況，占總成績10%；期末考核采用筆試、上機操作與作品相結(jié)合的方式，每個部分各占總成績的20%。

篇（2）

公共選修課作為高校課程體系的必要組成部分,在人才培養(yǎng)中起著優(yōu)化知識結(jié)構(gòu)、提升綜合素質(zhì)、促進個性發(fā)展等重要作用，解決公選課開設過程中存在的問題，提高教學效果，是高校教學研究的一項重要課題[1]。網(wǎng)頁隨著信息化進程的推進和互聯(lián)網(wǎng)的迅速發(fā)展，已成為網(wǎng)絡信息傳遞的載體，是人們獲取信息的重要途徑，掌握網(wǎng)頁設計與制作技術(shù)已成為信息時代必備的計算機應用技能[2]。因此，“網(wǎng)頁設計與制作”一直是高校公共選修課的熱門課程，但短短30個課時，參差不齊的計算機操作能力，嚴重影響了“網(wǎng)頁設計與制作”的教學效果，必須要有行之有效的教學方法來改觀這一現(xiàn)狀。

1研究背景與理論基礎

1.1任務驅(qū)動教學法

任務驅(qū)動教學法是一種建立在建構(gòu)主義學習理論基礎上的教學法[3]，它將以往以傳授知識為主的傳統(tǒng)教學理念，轉(zhuǎn)變?yōu)橐越鉀Q問題、完成任務為主的多維互動式的教學理念。教師把所要講授的知識融合在任務中，學生帶著具體的任務在探索中學習。任務驅(qū)動教學模式是把再現(xiàn)式教學轉(zhuǎn)變?yōu)樘骄渴綄W習，學生在課堂中懷有更積極的學習態(tài)度，并基于自己對基礎知識的理解和掌握，運用自己的方法對任務提出解決方案。教學過程教師、學生之間積極互動，教學環(huán)節(jié)以創(chuàng)設情境、引出任務—提出問題、分析任務—教師引導、完成任務—展示交流、評價任務，為教學流程實施教學[4]。

1.2公共選修課與專業(yè)課的比較

公共選修課是面向全校學生開設的以人文素質(zhì)與科學素質(zhì)教育為核心的綜合素質(zhì)類教育課程，開設公選課的目的是為了拓寬學生的知識面，增強學生的文化底蘊，培養(yǎng)學生的多種技能，以提高學生的綜合素質(zhì)，增強適應社會發(fā)展要求的能力[5]。因此，高校公共選修課的教學與專業(yè)課程的教學有很大的不同，生搬硬套專業(yè)課程的教學方法已不可行。首先公共選修課的學時普遍偏少，如龍巖學院定為30學時，這遠比48學時、60學時甚至更多學時的專業(yè)課程少。教師要在有限的課時里把課程的精華呈現(xiàn)，學生要把相關(guān)的技能掌握，有著不小的難度。同一個專業(yè)的學生通過學習統(tǒng)一的專業(yè)選修課程，具有較為一致的專業(yè)素養(yǎng)，而選修課的學生差異大，不同專業(yè)的學生在知識結(jié)構(gòu)、思維方式、操作水平上存在著很大的差異。選修課的學生選修課程的目的也不相同，有的為擴展自己的知識結(jié)構(gòu)、提升自己的技能而來，有的為興趣而來，也有的只是為掙學分而來，不同的學習目的產(chǎn)生了不同的學習動力。在良好的學習氛圍中培養(yǎng)學生的應用能力，提升學生的專業(yè)能力和職業(yè)素養(yǎng)，讓學生學有所獲是公共選修課教師的職責所在。

2任務驅(qū)動法在“網(wǎng)頁設計與制作”公共選修課上的教學應用

2.1因材施教，從學生實際出發(fā)安排教學內(nèi)容

因材施教的概念，是朱熹在總結(jié)我國古代教育家孔子的相關(guān)思想時提出的，在現(xiàn)代教育中仍是一個重要的教學原則[5]。作為計算機專業(yè)的學生，在“網(wǎng)頁設計與制作”課程前先修了高級語言程序設計、面向?qū)ο蟪绦蛟O計、數(shù)據(jù)結(jié)構(gòu)、數(shù)據(jù)庫技術(shù)、計算機網(wǎng)絡等課程，已經(jīng)具備較強的編程能力、軟件開發(fā)能力、數(shù)據(jù)庫設計能力和相關(guān)的平面設計的知識，可以直接開設“Web網(wǎng)頁設計”課程。選修“網(wǎng)頁設計與制作”的學生只具備計算機基礎知識，因此教學將側(cè)重于靜態(tài)網(wǎng)頁的制作，以目前流行的網(wǎng)頁制作工具Dreamweaver軟件為主線，介紹網(wǎng)頁設計和制作的基本技術(shù)。為了使制作的網(wǎng)頁更加美觀，必須具備Photoshop（Fireworks）的圖像處理能力和Flash的動畫制作能力，然而在周學時少以及計算機知識有限的情況下，不可能把這4個軟件都講透，只能以網(wǎng)頁制作軟件Dreamweaver為主，其他軟件為輔。對課程的教學內(nèi)容調(diào)整為:不單獨講Photoshop和Flash這兩個軟件，圍繞Dreamweaver軟件講解網(wǎng)頁制作的方法和技巧，在制作圖像縮略圖、Logo圖片、切片、按鈕等環(huán)節(jié)中介紹圖形處理軟件Photoshop和Firework，在制作動畫時介紹動畫制作軟件Flash[6]。對布局網(wǎng)頁也只需教授比較簡單實用的表格布局法，適當?shù)募尤隞avaScript特效、CSS樣式、DIV布局等內(nèi)容。

2.2任務驅(qū)動法教學，提高教學質(zhì)量

按照“以學生為主體，以教師為主導，以能力為本位，以任務為導向”的教學理念實施任務驅(qū)動教學全過程，實現(xiàn)學生對知識的主動探索、主動發(fā)現(xiàn)和主動構(gòu)建。大致分成情境導入、分析講解、舉一反三、總結(jié)提高四個環(huán)節(jié)。教師在上課的初期，提出“網(wǎng)頁設計與制作”最終任務——以小組為單位建設一個網(wǎng)站，內(nèi)容可以是學校、班級、宿舍、家庭甚至是個人，以宿舍為例進行任務分解，如圖1所示。學生在前期有明確的目標，激發(fā)他們的學習興趣和積極性；具體的實現(xiàn)在后面的教學中逐步完成，使學生在完成分任務時找到成就感，以保持他們的學習熱情，避免學習中期的懈怠現(xiàn)象。

2.3注重能力的培養(yǎng)，提高實踐能力

針對非計算機專業(yè)的學生，計算機知識單薄、動手實踐能力有限的現(xiàn)狀，在機房教學是最行之有效的教學方式，這種教學環(huán)境可以實現(xiàn)“教”與“學”同步，“學”與“練”同步。首先教師使用“紅蜘蛛”等教學軟件展示本次的課堂任務，和學生一起探討確定分解任務后，邊講解邊操作。學生在自己的電腦顯示屏前可以清晰地看見老師的操作流程并能“可視化”相關(guān)效果，非常直觀。隨后學生根據(jù)老師布置的任務進行模仿或創(chuàng)新，把學到的知識及時應用到實踐中，此時有不會的地方可以及時請教老師或者周圍的同學。老師隨堂指導可以及時了解學生情況和教學效果，對存在的問題及時進行引導。較多學生有困惑的地方可以選擇全體或者小組重復教學，學生掌握得較好的部分可以適當加快教學進度，最后還可以進行作品展示、互評，達到交流和提高的目的。而且機房里裝有教學軟件的教師機上，可以方便、快捷地講稿、課件、上機素材等學習資源，提高教學效率。這種邊講邊練的操作環(huán)境和任務驅(qū)動法教學，提高了學生解決實際問題的能力。本課程通過任務驅(qū)動教學和實踐操作，使學生在任務分析、理論講解、實例操作以及完成任務的過程中逐步掌握網(wǎng)頁設計的一般方法和基本技能，使他們獨立思考、解決實際問題的能力得到鍛煉和提升。

2.4設置合理的考核機制，激勵學生在實踐中提升創(chuàng)新能力

“網(wǎng)頁設計與制作”作為一門集理論知識和實踐操作為一體的課程，傳統(tǒng)的考核方式（筆試成績+平時成績）已經(jīng)不能評估學生的真實水平，實踐操作能力是這門課程的重要考核部分，應把實驗成績加入其中。當然對學生技能掌握進行考核的同時，也要注重“考不出”能力的考核，如學生的協(xié)作能力、創(chuàng)新能力、組織表達能力、信息獲取能力、社會活動能力以及溝通表達能力等[7]，對于“網(wǎng)頁設計與制作”選修的學生在機房教學，通過完成各任務的操作達到掌握該課程技能的目的，因此總成績分成機考成績、課程設計成績和平時成績，即總評成績=機考成績*40%+課程設計成績*40%+平時成績*20%，其中機考是對教學中分任務完成情況進行考核，課程設計成績包括綜合網(wǎng)站的設計成績、答辯成績和團隊協(xié)作成績，平時成績由出勤情況和實驗報告完成情況共同評定,具體情況如表1所示。

2.5實施效果分析

筆者曾多次教授“網(wǎng)頁設計與制作”公共選修課程，學生的成績統(tǒng)計如表2所示。其中，2010年秋的選修課采用傳統(tǒng)教學，學生實踐操作能力較弱，做出的作品技術(shù)含量不高、界面也較為雜亂。2014年春學期筆者開始把任務驅(qū)動法應用到“網(wǎng)頁設計與制作”選修課上，發(fā)現(xiàn)學生的學習積極性和主動性明顯提高，作品有技術(shù)有顏值，成績達到優(yōu)秀、良好的學生明顯增加.隨著教學過程的不斷改進，方案實施的不斷深入，教學效果越發(fā)明顯。

3任務驅(qū)動教學法在公共選修課實施應注意的問題

實踐證明，任務驅(qū)動教學法在“網(wǎng)頁設計與制作”公共選修課上的應用是成功的，推廣到其他公共選修課時應注意以下問題：1.任務的設置不能隨意，所設任務應把所授的理論知識和相關(guān)的實踐技能結(jié)合起來，在任務完成的實踐中對理論知識有更深的認識。2.把握好任務分解的規(guī)模。任務太難會使選修的學生失去興趣和動力，最終完不成任務；任務太簡單，所涉知識較少，不能全面的掌握課程的內(nèi)容，達不到提高課程技能的真正目的。3.解決好選修課課時少的問題。學生可以利用網(wǎng)絡，借助當前的通訊工具延伸教學時長。如學生在完成課外任務時碰到難題，可以通過qq、微信給老師留言，教師除了可以文字解答也可以遠程操作指導。比較有難度的任務教師也可以制作視頻放在qq群里或者微信公眾號上，讓學生自行學習鞏固。

4結(jié)語

在當今信息時代，網(wǎng)頁制作成為流行的實用技能，“網(wǎng)頁設計與制作”是高校選修課的熱門課程，如何讓不同層次的學生掌握該課程精髓，如何使他們真正成為網(wǎng)頁制作高手，本文從明確教學目標、任務驅(qū)動教學和公共選修課實施該教學模式應注意的問題等進行論述，實踐證明這個方案具有可操作性和典型性，對于高校公共選修課程的教學具有較大的參考價值。

參考文獻:

[1]王玉璽,李智.基于任務的翻轉(zhuǎn)課堂教學在高校公選課中的研究與實踐[J].教育與教學研究,2015,29(4):83-87．

[2]黃婷,李伙友.《網(wǎng)頁設計與制作》教學方法探討[J].開封教育學院學報,2014,34(10):59-60．

[3]孫文新,杜玉紅.任務驅(qū)動法在信息技術(shù)課程中任務的設計[J].深河職業(yè)技術(shù)學院學報,2008,7(2):121-122．

[4]劉霞．“任務驅(qū)動”教學法在網(wǎng)頁制作教學中的應用與研究[D].呼和浩特:內(nèi)蒙古師范大學,2011.

[5]徐光明.平面圖像處理公選課教學研究[J].現(xiàn)代企業(yè)教育,2015,7(7):405．

篇（3）

隨著信息技術(shù)的飛速發(fā)展，信息技術(shù)作為一種認知工具，它具有強大的教育教學功能，它的研究和應用給高職教育教學工作帶來諸多變化。筆者在《網(wǎng)頁制作》課程中利用信息技術(shù)對項目化教學進行了具體而全面的實施。最終實踐結(jié)果顯示：利用信息技術(shù)手段提供的展示平臺能夠促進學生的自主學習與交流，達到了預期的教學效果，成效較為顯著。

一、《網(wǎng)頁制作》課程設計思路

《網(wǎng)頁制作》課程根據(jù) “前程無憂”、“智聯(lián)招聘”、“賢士榜”等專業(yè)招聘網(wǎng)站及招聘企業(yè)中對相關(guān)的職業(yè)崗位及崗位核心能力分析，結(jié)合ACAA認證網(wǎng)頁設計師的考證要求，提煉出與本課程相關(guān)的職業(yè)崗位及崗位核心技能，并按照范的網(wǎng)站開發(fā)流程，將課程分為網(wǎng)站規(guī)劃和準備、網(wǎng)站站點創(chuàng)建、網(wǎng)站制作、網(wǎng)站測試與、網(wǎng)站綜合實訓五個項目。

二、信息技術(shù)在《網(wǎng)頁制作》項目化教學中的應用

在教學過程中，課程項目分解出來的案例或任務，來源于企業(yè)的實際開發(fā)，從企業(yè)實際應用中分解出一個個通用、典型、實用的小模塊作為講解案例或練習任務，以利于提高學生的崗位實踐能力和適應能力。以《網(wǎng)頁制作》課程項目三網(wǎng)站制作中的子任務網(wǎng)頁布局為例，子任務主要分為四部分內(nèi)容：資訊、計劃與決策、實施、檢查與評價。

資訊：

教師通過翻轉(zhuǎn)課堂重新調(diào)整課堂內(nèi)外的時間，讓學生成為學習的主人，調(diào)動學生學習的積極性、主動性，增加學生對知識的感性認識，培養(yǎng)學生分析問題、解決問題的能力。學生通過課外時間觀看微課學習網(wǎng)頁布局的基礎知識、了解表格、DIV標簽、AP DIV及CSS的概念，掌握創(chuàng)建和編輯表格的方法，掌握創(chuàng)建和編輯DIV標簽級AP DIV的方法。課堂上教師利用多媒體創(chuàng)設現(xiàn)實情景，激發(fā)學生主體參與的興趣。通過情景引入――**房地產(chǎn)有限公司是一家專業(yè)從事房地產(chǎn)開發(fā)與經(jīng)營的公司，為全方位展示公司形象和實力，更好地宣傳推廣公司工程案例，特委托**傳媒有限公司為其制作公司網(wǎng)站。教師扮演客戶，學生扮演項目組成員。客戶提出需求，項目組在網(wǎng)站建設前與客戶交流，確定網(wǎng)站的定位、風格、欄目及功能模塊，在Dreamweaver中使用表格布局或Div+CSS布局方式制作網(wǎng)站。

計劃與決策：

各項目組根據(jù)任務要求進行討論，確定具體的工作任務和工作流程，并對具體的工作進行分工處理，包括網(wǎng)站的定位、風格、欄目、布局、技術(shù)等，然后制定計劃書。討論結(jié)束后，教師適當引導，并總結(jié)觀點。

實施：

各項目組圍繞制作房地產(chǎn)網(wǎng)站的主題，按照計劃書有步驟地進行，及時交流和討論設計過程中出現(xiàn)問題，在交流、討論之后達成共識，共同完成房地產(chǎn)網(wǎng)站的制作。項目組如出現(xiàn)疑難問題，討論后無法解決，教師利用信息技術(shù)環(huán)境下的網(wǎng)絡課堂教學，如極域電子教室軟件、E-mail、QQ、微信等交流工具，充分與學生進行交流，掌握各項目組的實施情況，提供針對性的輔導，總結(jié)小組討論后的成果，并給出解決方法。

檢查與評價：

各項目組推選代表通過極域電子教室軟件展示本組的網(wǎng)站成果，具體包括設計定位、功能模塊、技術(shù)手法等內(nèi)容，自評網(wǎng)站的優(yōu)缺點。各項目組從網(wǎng)站的布局、功能、內(nèi)容等方面互評網(wǎng)站，最后教師結(jié)合各項目組的綜合表現(xiàn)和網(wǎng)站布局的制作情況，分析該項目制作成果的合理性，給出中肯的意見和建議。通過本項目的學習，使學生掌握網(wǎng)頁布局的基本知識和方法，并能使用表格布局和Div+CSS布局方式制作企業(yè)宣傳型網(wǎng)站。

三、結(jié)語

與傳統(tǒng)教學模式即老師講，學生聽相比，項目組合作學習的教學模式是讓學生以小組的形式參與交流、討論，從中感受交流帶來的快樂，分享合作的愉悅。整個教學過程中，以微課形式播放網(wǎng)頁布局的方式及優(yōu)秀網(wǎng)頁賞析的視頻，增加了學生的視覺效果，通過項目組積極合作，共同制定計劃，完成項目任務。

教師通過交流工具與學生交流，針對性的輔導。通過極域電子教室軟件展示項目成果，采用項目組自評、項目組互評和教師評價三管齊下的策略，從網(wǎng)站的主題、技術(shù)性、藝術(shù)性等方面對網(wǎng)站進行評價，激發(fā)了學生的學習興趣，提高了學生的動手能力和對實際問題的解決能力。

篇（4）

中圖分類號：TP393 文獻標識碼：A 文章編號：1009-3044（2013）05-1249-02

1 開設該課程的必要性

1.1 就業(yè)的需求

電子商務專業(yè)自設立以來，經(jīng)歷了互聯(lián)網(wǎng)經(jīng)濟從無到有、從泡沫到低迷再到普及的全過程，做為一個并不年輕的專業(yè)，關(guān)于課程改革的爭論也從未停止過。關(guān)于電子商務是偏重于商務知識還是偏重于學習計算機專業(yè)技術(shù)，作者的看法是計算機技術(shù)的學習仍然不可被削弱。傳統(tǒng)營銷類專業(yè)對商務行業(yè)的學生培養(yǎng)已經(jīng)夠多了，再在電子商務里過分強調(diào)商業(yè)知識的學習顯然于專業(yè)設定的角度上存在不小的問題，再者相當多的傳統(tǒng)經(jīng)濟手段比如網(wǎng)絡營銷、網(wǎng)上結(jié)算等方面已經(jīng)離不開互聯(lián)網(wǎng)的支持了，尤其最近幾年，圍繞互聯(lián)網(wǎng)經(jīng)濟產(chǎn)業(yè)的就業(yè)群體雖然不斷擴大，但是畢業(yè)生的總體素質(zhì)卻流露出略有下降的特點，企業(yè)的要求，應屆畢業(yè)生少有符合要求的表現(xiàn)。這正是由于過于偏重于理論知識的學習，很多學生實際工作能力接近于零，坦白說當下畢業(yè)生會用辦公軟件的都是少數(shù)。

1.2 課程設置的落后性

由于互聯(lián)網(wǎng)技術(shù)的發(fā)展速度日新月異，學校設置的課程總是偏向于“當下”，而沒有著眼于“未來”，往往體現(xiàn)出某種程度上的落伍感，在學生還沒畢業(yè)的時候，往往課程內(nèi)容已經(jīng)過時，用不上了。這種學校學習與未來畢業(yè)就業(yè)的“斷檔”現(xiàn)象還會繼續(xù)持續(xù)相當長的時間。本門課程作為一個課程改革的試點，進行了與未來接軌的教育模式方面的探索。

電子商務專業(yè)歷來注重計算機網(wǎng)頁技術(shù)的課程學習，每個院校幾乎都將其設置為核心課程。作為就業(yè)方向之一，電子商務專業(yè)每年都能向社會輸出一定數(shù)量的網(wǎng)頁制作、維護專門人才。電子商務專業(yè)的特點決定其在網(wǎng)頁制作的學習中更偏重前段設計。現(xiàn)今的網(wǎng)頁制作課程幾乎都是在HTML4網(wǎng)頁標準基礎上進行的學習，而該標準是上個世紀90年代末期制定的，一定程度上已經(jīng)落后于科技的發(fā)展。很多學生畢業(yè)就陷入在了不停學習新知識的漩渦中，久而久之很多都放棄并轉(zhuǎn)行了。雖然最新的HTML5標準部分內(nèi)容尚在制定中，但是其很多已經(jīng)定義成熟的語義標簽已經(jīng)被很多主流瀏覽器全面支持（非100%完全支持）。在信息時代，我們在教學活動中對學生的培養(yǎng)應該著重于學生未來畢業(yè)所需，不能僅僅停留在基礎理論的講述和相對落后的相關(guān)知識內(nèi)容的傳授上。

本門課程應傳授學生HTML5的入門知識，同步網(wǎng)頁設計科技的新趨勢，讓學生在就業(yè)中“跟得上、學得快”。

2 新課程在知識結(jié)構(gòu)中的位置

電子商務計算機方面的課程主要分為兩個方面：培養(yǎng)學生的日常辦公能力和應用互聯(lián)網(wǎng)絡的一般技能。其中，日常辦公能力主要由辦公軟件、網(wǎng)絡工具的運用等組成；網(wǎng)絡基礎知識則包含了計算機網(wǎng)絡基礎知識和網(wǎng)頁設計與制作等課程。在課程結(jié)構(gòu)上，網(wǎng)頁制作和圖像處理基礎知識位于網(wǎng)頁制作技術(shù)的最底端，包含了進行單個網(wǎng)頁制作的基礎內(nèi)容、對網(wǎng)頁或廣告中的圖像的添加、處理和修改等等內(nèi)容。在網(wǎng)頁制作課程的基礎授課內(nèi)容中，已經(jīng)可以涉及到部分簡單的HTML4標準的語義標簽了，因此可以方便接續(xù)HTML5升級后的語義標簽進行知識拓展。

網(wǎng)站建設課程為偏重編寫程序的遞進知識內(nèi)容，將HTML5的內(nèi)容放置在其前面，正好可以針對HTML語義新標簽進行新知識的升級講解，實現(xiàn)環(huán)環(huán)相扣的遞進關(guān)系。

在現(xiàn)有的知識框架中進行一定程度的調(diào)整和升級，符合漸進式課程改革的方式。HTML5新標準課程從知識體系上與網(wǎng)頁設計與制作相接續(xù)，后延課程可以包括javascript腳本知識、動態(tài)網(wǎng)頁制作知識等遞進知識。由于其技術(shù)類課程的特點，適合采用集中授課的方式進行講授，建議將其設置為“實驗”或“實訓”等類型的課程，學時設置在28～36左右。

為了提高課程的知識含量，本課程可涉及部分AJAX知識作為拓展學習內(nèi)容，可引導基礎牢靠、理解能力強的部分學生進行深入學習。

3 授課方式方法

本門課程側(cè)重動手實踐能力的培養(yǎng)，可采用循環(huán)授課的方式來逐漸鞏固學生的基礎。

第一輪的學習中，以跟隨教師同步操作完成一個成型的網(wǎng)頁頁面為核心，在該過程中，盡量包括足夠的HTML5的相關(guān)知識點，但不對知識點做過于詳細的解釋，主要以“能用”為主，在后面的學習中再慢慢過渡到“會用”的程度。第二輪的學習中，逐步減少對新增知識點的學習，轉(zhuǎn)而對已有知識的綜合運用上去，以鞏固其基礎。

第三輪的學習采取較為開放性的方式，引導學生利用已有知識進行網(wǎng)頁頁面布局，教師可作為輔助指導。在學生遇到較大障礙的時候，對學生尚不理解的知識進行部分講解和指導，引導學生查找相關(guān)資料，從而促進其“持續(xù)學習”。

4 授課知識框架參考

4.1 基礎知識講解與運用（目的教學法）

實踐經(jīng)驗證明，阻礙學生學習的重要問題之一就是沒有目的的學習，因此在課程設計中必須詳細的制定學習目標、進度和學習考核制度。對電子商務專業(yè)的學生來說，本階段課程設計偏重于實踐，側(cè)重于“完成”而不是“融會”。從一開始注重挑選代碼量少，知識點少的小實例來完成，并鼓勵學生進行小范圍的修改來達到舉一反三的效果。從人的認知規(guī)律來總結(jié)，作者認為人往往通過已有知識和信息來理解新知識，可以起名叫“經(jīng)驗推導原則”。在新課程授課設計時要盡可能的多涉及到HTML4傳統(tǒng)標簽與HTML5新語義標簽之間的互用，通過對HTML4舊標準的標簽與HTML5新標簽之間的對比，來達到承上啟下的作用。

框架結(jié)構(gòu)知識參考如下：

4.1.1頁面外觀設計為重

偏重于視覺效果較突出的內(nèi)容來設置課程，以提高學生的積極性。此處盡量利用純CSS來制作頁面的配色、表現(xiàn)效果等。同時對于音視頻的添加涉及格式確定和轉(zhuǎn)換的問題，此處涉及到多媒體格式的新標準，需要加入到學習中去。

4.1.2對瀏覽器的不同支持

IE瀏覽器9.0以前的版本對很多HTML5語義并不支持，需要依賴別的方法（javascript腳本）來實現(xiàn)支持。關(guān)于這個知識點由于涉及內(nèi)容較多，不易掌握，可以先考慮通過其他瀏覽器（如chrome）來實現(xiàn)HTML5的效果，然后再在知識講解中來實現(xiàn)IE瀏覽器中相對應的表現(xiàn)效果。

4.1.3新表單的學習

關(guān)于HTML5新表單要多涉及，由于表單主要用于網(wǎng)頁程序與用戶的交互，因此要作為一個較為重要的方面去做課程設計。由于越來越多的網(wǎng)站采用異步傳輸方式來減少用戶的等待過程，因此適當引入AJAX部分內(nèi)容的基礎學習，可提供給有余力的學生自學，作為一個有益的拓展。

4.2 開始進行核心知識的講解

此處可適當加深內(nèi)容，但是不可一味追求難度?？梢赃M行階梯式步進學習，對復雜知識以多個小實例來帶動學習（比如對流式布局的講解，可以先例舉網(wǎng)頁中標簽的BLOCK顯示效果實現(xiàn)，過渡到兩個BLOCK塊的浮動顯示，接續(xù)制作一個自動擴充的導航條，再到整個網(wǎng)頁頁面的流動布局講解，如此則更加具備授課結(jié)構(gòu)的邏輯性）。

教師授課過程中，要適時記錄學生學習的狀態(tài)，不斷在框架內(nèi)進行授課內(nèi)容和方法的小范圍調(diào)整，不可貪多求快，也不可過分拖拉。教師可引導學生進行自我學習，提升其理解能力。

4.3 放開手腳

第三輪授課要少講、多練，讓學生多動手制作，實現(xiàn)自己想法。給定學生一個大致的方向，根據(jù)這個方向來自我發(fā)揮，制作個人網(wǎng)頁的布局設計，以此來擺脫傳統(tǒng)方式的“你講我記”的教學方式。要更注重靈活性。該階段要求教師設計課程框架結(jié)構(gòu)完整、具有較為全面的知識面和快速學習、快速理解等能力。

5 課程考核方式

本課程的考核可采取累加式考核，對三輪授課進行分別考核，然后匯總。

考核表格設計：

[第一輪得分＼&第二輪得分＼&第三輪得分＼&基礎知識＼&＼&基礎知識＼&＼&基礎知識＼&＼&完成效果＼&＼&完成效果＼&＼&完成效果＼&＼&]

根據(jù)學生三輪表現(xiàn)生成圖表，對考核學生成績也較為直觀。

篇（5）

隨著信息技術(shù)的飛速發(fā)展，網(wǎng)絡已成為人們相互交流和獲取信息的又一重要手段，為此互聯(lián)網(wǎng)上出現(xiàn)了形形的各種網(wǎng)站，無論是企事業(yè)單位的門戶網(wǎng)站還是個人的博客等都成為人們自我展示和交流互動的平臺，這一平臺的基本構(gòu)成元素就是一個個網(wǎng)頁。因此，在教學過程中，我們加以引導，理論夠用為度，重點培養(yǎng)學生動手實踐 能力和自學能力。

1 教學方法的探討

網(wǎng)頁制作是一門實踐性和操作性非常強的課程，通過幾輪的教學，我認為在這門課程的教學中不能采用傳統(tǒng)的教學方法，而是要努力提高學生的綜合應用能力和創(chuàng)新能力，加強學生的實踐動手能力，為此我采用課堂講解及案例分析法、項目教學法、案例錄像演示、階段實訓，綜合實訓的教學方法。做到學以致用，以“用”促學，邊“用”邊學，突出“教，學，做”一體化的教育理念。

1.1 案例教學法

要求學生做出高水平、高質(zhì)量的網(wǎng)頁，首先要開闊學生的視野，開拓學生的思路，教師在上課的過程中，一定要精心設計案例，充分利用互聯(lián)網(wǎng)上的資源，搜索學生感興趣而且水平較高的網(wǎng)站作為案例，并能結(jié)合課程教學的需要將知識點融于其中，不僅起到教的作用，更要在其過程中，激發(fā)學生內(nèi)在的動力，因為學生在剛剛接觸網(wǎng)頁設計這門課程時，沒有網(wǎng)頁設計的思路和方法，即使是做一個簡單的個人主頁，學生都會覺得無從下手。我們必須通過模仿一些精美的案例，讓學生來了解網(wǎng)站建設的方法和流程，模仿他人的網(wǎng)站，從網(wǎng)站的配色到網(wǎng)站的布局、網(wǎng)站的內(nèi)容結(jié)構(gòu)等都可以模仿，這樣就可以將在模仿他人網(wǎng)頁中學到的知識結(jié)合到自己的創(chuàng)造中來。

1.2 項目教學法

在教學過程中，為了達到對網(wǎng)頁制作知識和技能的系統(tǒng)掌握和知識整合，綜合提升學生能力，倡導將教學結(jié)果作為項目內(nèi)容直接提交給用戶，使得學另外生能夠零距離地接觸市場。擴大校外實訓基地建設，以滿足本課程真實工作任務下的教學。

以企業(yè)對于崗位的需求為起點，把企業(yè)的實際環(huán)境引入到教學環(huán)境中去，并將兩者有機地結(jié)合在一起，對具體項目的參與和剖析，非常有利于學生對知識架構(gòu)的整體把握。不同能力的學生分別承擔相應的任務，能力強的學生可以適當?shù)爻袚诵娜蝿盏拈_發(fā)。項目教學法可以充分發(fā)揮學生的主觀能動性，極大地提高了具體層面的操作能力，培養(yǎng)了團隊合作意識，同時幫助他們學會如何更好地對問題進行發(fā)現(xiàn)、分析、解決。

1.3 屏幕錄像演示法

針對職業(yè)院校的學生。程度參差不齊，對于接收能力較差的同學，制作案例的過程，無法做到一次全部領(lǐng)悟，教師可以采用邊講解邊錄像的方法，學生課下可以參照錄像回顧教師講解的知識點，完成本課基本案例的制作。在此基礎上以達到獨立完成拓展案例的制作，以此來鍛煉學生的綜合應用能力和分析問題、解決問題能力，提高學生的綜合素質(zhì)。

1.4 階段實訓法

定期給學生一些虛擬項目作為課程設計，培養(yǎng)學生單獨規(guī)范的做項目的能力及網(wǎng)站設計的綜合能力，在設計中注意引導學生提高審美能力，強調(diào)技術(shù)與藝術(shù)的融合，將網(wǎng)頁作品當作一份具有生命力的藝術(shù)品。教師指導學生實施具體項目，引導學生解決問題，項目完成后，學生之間先進行自評，互評，最后教師點評，并把優(yōu)秀作品向全體學生加以展示，以激發(fā)學生學習興趣、形成持久學習動力，提升自主學習能力。

2 考核、評價方法的改變

網(wǎng)頁制作課程的實踐性非常強，我們要檢驗的是學生的設計能力、綜合應用能力和創(chuàng)新能力。對于網(wǎng)頁這門課程，我認為比較合理的評價方法應該是平時的作業(yè)占40%，階段實訓占20%，期末考試占40%，平時的作業(yè)就是一次次的案例，檢查學生平時學習的態(tài)度和知識的掌握情況，階段實訓可以考核學生的學習情況，要求在考試時間內(nèi)完成題目。對于期末考試，應該以要求學生設計一個完整的網(wǎng)站來結(jié)束本課程，本身一個網(wǎng)站的建設在短短的兩三個小時內(nèi)是無法完成的，包括素材的收集、版面的布局、內(nèi)容的充實等，學生可以利用互聯(lián)網(wǎng)來收集相關(guān)的資料，參考引用他人模板來完成任務，所以應該以上交作品的形式完成本課程的期末考試，，在作品完成的過程中，老師進行巡視、評價，也就是我們考核的不僅僅是最后的作品，而是將完成作品的過程也作為我們評價的一個依據(jù)。最后，上交的作品可以讓全班同學互相點評、互相評價，在評價別人作品的同時以提高自己的水平。

3 職業(yè)資格考試的推廣

《網(wǎng)頁制作》是全國職業(yè)院校計算機技能競賽的項目之一，在教學過程中教師就要不斷反思，不斷地總結(jié)經(jīng)驗教訓，和企業(yè)保持緊密聯(lián)系，了解企業(yè)最新的技術(shù)和方法，使學生能夠真正掌握這門技術(shù)。鼓勵學生參加每年進行“網(wǎng)頁制作”和“三維動畫設計師”的職業(yè)資格培訓和職業(yè)技能鑒定考試，為學生就業(yè)開辟了通道。

在《網(wǎng)頁設計與制作》這一典型的技能實踐類課程教學中，教學方法改革十分重要，要求充分發(fā)揮學生的主管能動性，通過師生之間、學生之間的互相學習、講座和交流實現(xiàn)相互促進和技能的提高。通過教學方法改革，激發(fā)學生積極性和主動性，同時通過師生間的交流及時發(fā)現(xiàn)學生學習中和教師教學中存在的一系列問題，及時總結(jié)經(jīng)驗，提高教學和學習質(zhì)量，在促進學生個性發(fā)展的同時，亦可提高教師的教學技能。

參考文獻：

[1]張偉娜.《網(wǎng)頁設計與制作》課程教學的探討與實踐[J].教育信息化，2008（3）.

篇（6）

網(wǎng)頁設計與制作課程的內(nèi)容與特點網(wǎng)頁設計與制作是計算機應用的一個分支，主要涉及網(wǎng)頁版面的規(guī)劃設計與制作方法。這里所闡述的主要是Dreamweaver是如何使用的，并結(jié)合HTML語言講述靜態(tài)網(wǎng)頁的制作過程以及簡要介紹如何制作動態(tài)網(wǎng)頁。通過對網(wǎng)頁設計與制作的學習，學生可以掌握網(wǎng)頁設計、網(wǎng)頁美化以及網(wǎng)頁制作的基本技能。網(wǎng)頁設計與制作是一門技術(shù)性課程，但是也具有很強的藝術(shù)性，課程內(nèi)容豐富，涉及面廣，使學生在獲取生存技能的同時也培養(yǎng)了藝術(shù)氣息。因此，課程的學習要求學生具有較高的綜合素質(zhì)。以就業(yè)為導向的課程體系設置目標目前，網(wǎng)頁設計的課程設計是以就業(yè)為導向的。這種課程體系以市場需求為提前，就業(yè)目標是課程設置的先決條件，職業(yè)中所需要的技能都能夠找到相應的課程設置，學生畢業(yè)后的就業(yè)方向明確。崗位需求決定課程設置，課程內(nèi)容與實際需要緊密相連，這充分體現(xiàn)了“能力本位”的就業(yè)趨勢。專業(yè)化課程與個人的職業(yè)生涯息息相關(guān)，明確的就業(yè)方向解決了學生“畢業(yè)即失業(yè)”的尷尬局面。為與市場相連接，針對網(wǎng)頁設計構(gòu)建一套“以能力培養(yǎng)為本位、以動手操作實踐為主線、最終構(gòu)建順應經(jīng)濟社會發(fā)展的課程體系”。這套課程體系將網(wǎng)頁設計師在實際中的應用進行歸納總結(jié)，在教學時設立不同的模塊進行訓練，有組織有重點，讓學生通過模擬訓練掌握相應的知識點。相比理科專業(yè)，文科專業(yè)有著不同的專業(yè)特征、職業(yè)定位以及職業(yè)能力結(jié)構(gòu)體系。如包含人文系、歷史系、經(jīng)管系在內(nèi)的文科專業(yè)，大多具有自身獨特的職業(yè)特征與能力要求。這就要求高校文科專業(yè)在進行網(wǎng)頁設計與制作課程體系構(gòu)建時，必須充分結(jié)合高校文科專業(yè)的特色，從其就業(yè)方向及職業(yè)能力需求出發(fā)。

2大學文科專業(yè)開展網(wǎng)頁設計與制作課程的必要性

隨著計算機和互聯(lián)網(wǎng)的普遍應用，各企業(yè)和各單位對自身的網(wǎng)站建設越來越重視，網(wǎng)頁制作的人才也就逐漸供不應求。現(xiàn)如今，網(wǎng)頁制作與網(wǎng)頁設計已成為高校學生的熱門選修專業(yè)，每個專業(yè)的學生都需要具備基本的網(wǎng)站制作技能，網(wǎng)頁設計與制作這一課程也已成為高等院校文科專業(yè)計算機教程的主要科目之一?；ヂ?lián)網(wǎng)已經(jīng)深入現(xiàn)代人的日常生活中，尤其是當代大學生，通過互聯(lián)網(wǎng)獲取各種信息已成為他們學習的主要手段。網(wǎng)頁設計將互聯(lián)網(wǎng)的背后運作展現(xiàn)在他們面前，很大一部分文科生對這些是聞所未聞的。因此，在一定程度上，文科生的網(wǎng)頁制作學習會存在或多或少的困難。但與理科生的背景知識、計算機技術(shù)等優(yōu)勢相比，文科生的思維比較活躍，善于文字表達。如果文科生能夠快速掌握計算機技能，將自己的知識背景與現(xiàn)代計算機相結(jié)合，滿足市場的職業(yè)要求，那么在同一競爭環(huán)境中，他們的就業(yè)優(yōu)勢就會比較突出。所以，對于那些文科生占較大比重的綜合性大學而言，為增加畢業(yè)生的就業(yè)籌碼，在課程體系中加入網(wǎng)頁設計與制作就是十分有必要的了。

3基于就業(yè)導向的大學文科網(wǎng)頁設計與制作課程體系構(gòu)建策略

結(jié)合學生不同的專業(yè)，優(yōu)化課程內(nèi)容設計在以文科生為主力軍的綜合性大學中，不同專業(yè)的學生需要掌握的計算機技術(shù)是不同的。因此，各高校要根據(jù)專業(yè)的不同設置不同的計算機課程。基于就業(yè)導向，引入新的網(wǎng)頁設計與制作課程的教學方法網(wǎng)頁設計與制作這一課程的基本特征是理論和實踐緊密相連，課堂教學與實際操作是一體化的，理論與實踐沒有清晰的界限劃分。為了使教學效果最優(yōu)化，本文提出一些對教學方法的建議與意見。

1）模擬任務法，課堂教學與實際操練相結(jié)合。在教學活動中，教師模擬一個制作任務，將課堂氛圍假設為實際工作環(huán)境，教師可以將制作任務分為若干個子任務進行模擬演練，一邊為學生演示如何操作，一邊講解，學生邊聽邊做。這樣的講練結(jié)合過程極大地激發(fā)了學生的學習興趣，課堂是以學生為主的，他們發(fā)現(xiàn)問題、分析問題、解決問題的能力得到有效提高，既學到了知識，又鍛煉了能力。

2）實際案例分析法。教師可以將典型的分類網(wǎng)站引入到實際課堂中，在課上為學生做展示，分析并討論這些網(wǎng)站的布局結(jié)構(gòu)、內(nèi)容分類以及技術(shù)特點。教材中的主要知識點要通過實際案例解釋說明，在實踐教學中培養(yǎng)學生的創(chuàng)新思維，鍛煉他們的團隊合作能力。有效利用多媒體、互聯(lián)網(wǎng)等現(xiàn)代教育手段，采取第一課堂和第二課堂、產(chǎn)學研相互結(jié)合的人才培養(yǎng)模式。項目驅(qū)動的專題教學模式創(chuàng)新一是選擇合適的教學項目，制定細化的開發(fā)進度表。一個優(yōu)秀的教學項目可以充分調(diào)動學生的積極性，學生的學習態(tài)度也會由“要我學”向“我要學”逐漸轉(zhuǎn)變。教師在備課時要充分考慮教學內(nèi)容與實際案例的充分結(jié)合，選擇一些略具挑戰(zhàn)性、覆蓋范圍廣的網(wǎng)絡項目，這些項目是教學過程的中軸線，所有活動的展開都是以中軸線為標準的。二是引入專題教學模式，促進網(wǎng)頁設計課程創(chuàng)新。完成一項網(wǎng)絡任務的過程一般包括確定主題、收集并整理有關(guān)資料、選擇風格、設計LOGO、編排網(wǎng)頁的布局結(jié)構(gòu)、確定配色方案、自定義網(wǎng)絡樣式、制作網(wǎng)絡主頁、制作各個分頁、對網(wǎng)站進行測試、最終對外公布。教師需要將網(wǎng)絡制作的這些過程與教學大綱緊密結(jié)合，收集整理并設計制作與實際情況相符的教學專題。教師在設計教學專題時應秉承以下幾個原則：

1）盡量與教材中的主要知識點相結(jié)合；

2）尋找不同的教學案例，全方面、多角度滿足學生的學習需求；

3）關(guān)注當前熱點，緊跟時代潮流，網(wǎng)頁制作技術(shù)要與時俱進；

4）把握學生對知識的接受與消化能力，精心設計課程，先易后難；

5）要從整體出發(fā)考慮專題的選擇，每個專題之間都是環(huán)環(huán)相扣的，前后銜接之后才能出色地完成一個網(wǎng)站項目。

篇（7）

二、建構(gòu)主義理論應用于“網(wǎng)頁設計與制作”的可行性分析

1.符合課程特點。基于建構(gòu)主義的教學法適用于實踐性強的課程，本課程的要求是培養(yǎng)學生在以后的工作環(huán)境中解決實際問題的能力，而建構(gòu)主義正是強調(diào)“身臨其境”。

2.因材施教。充分調(diào)動學生的思維，發(fā)揮學生自身的潛能，集中個體的觀察角度，從而實現(xiàn)立體地、全方位地了解問題，集思廣義地討論解決方法，更加符合學生特點。

3.自主學習。學習是學生的自主活動，每個學生都是以自己已有的經(jīng)驗背景去接受、理解知識，再構(gòu)建新的知識體系，強調(diào)學習的個人體驗以及學生在學習過程中的主體地位［3］。

4.節(jié)約時間。教師改變了“填鴨式”以知識傳授為主的教學觀念，知識的獲得可以通過教師給學生創(chuàng)設一個輕松愉快的情境，學生去積極主動地建構(gòu)，節(jié)約時間成了必然結(jié)果。

5.服務于其它課程。為繼續(xù)深入學習計算機其它相關(guān)課程夯實了基礎，并且在教學中融入了其它學科的內(nèi)容知識，必然會促使學生在計算機知識輔助下更好地進行其專業(yè)或相關(guān)學科的探索。

三、建構(gòu)主義理論指導下的課堂教學

筆者從建構(gòu)主義教學觀和教學實踐出發(fā)，設計出了一套符合這門學科特點的教學與管理模式：把整個教學過程分成三個階段，全部在計算機教室開展，針對不同的教學內(nèi)容和教學環(huán)節(jié)采用不同的教學方式，邊講邊練，即案例引導教學階段、任務驅(qū)動實踐階段和項目合作課程設計階段，如圖1所示。這三個階段中教師是引導者，學生是知識的構(gòu)建者。教師與學生之間，學生相互之間必須密切配合［4］。具體教學過程設計如下：

1.展示效果。課堂上，首先把與本節(jié)知識內(nèi)容相關(guān)的案例效果及功能展示給學生，通過素材和網(wǎng)頁效果的對比，激發(fā)學生的想象能力。

2.分析操作任務。在教師的引導下，對案例進行模塊化分析。分析案例時一般包括兩個方面：一個是利用以往知識可以處理的效果；另一個是本次教學內(nèi)容處理的效果。分析案例的目的在于溫習以往知識和引出本節(jié)課教學知識點。學生在分析案例的同時，一方面不斷形成新的理論視野，增長案例分析的技巧；另一方面探索思考理論如何運用于實際，從而及時、有效地促進了理論向?qū)嵺`的轉(zhuǎn)化，真正達到理論與實踐的結(jié)合，有利于加強文科專業(yè)學生的實踐動手能力。

3.知識講解與操作示范。在講解過程中注重基礎知識的傳授和基本技能的培養(yǎng)，同時介紹網(wǎng)頁制作中的相關(guān)規(guī)范和標準，并且注意總結(jié)一些實用的技巧。這種教學方式目的明確、形式生動，學生帶著問題聽課，學習興趣和效果明顯提高。教師要實際操作案例，在操作過程中把以往的知識點簡單回顧，并著重介紹新知識點，即講述相關(guān)理論知識。把書本上的相關(guān)知識通過案例的形式直接展示給學生，學生不但容易理解理論內(nèi)容，同時，也了解知識的實際用途。

4.課堂同步實踐。理論與實踐交融，知識與感悟同步。學生真正掌握技術(shù)在于自己是否能夠獨立完成實踐操作，在學生實際操作的過程中，教師應從旁指導、及時糾正，學生只有在依靠自我的力量去解決學習問題的過程中獲得了成功的體驗，才能進一步激發(fā)他們的學習熱情。

5.課程設計。學生結(jié)合所學網(wǎng)頁設計制作知識與自己的興趣或擅長等自擬主題，制作出符合一定要求的網(wǎng)站。每個項目小組由4到5人組成，推選出項目經(jīng)理，負責小組的項目策劃和成員分工。通過討論、交流與合作，小組成員各盡所能，取長補短，共同完成任務。這樣，既調(diào)動了學生的積極性，實踐了所學的知識，又培養(yǎng)了團結(jié)協(xié)作的能力。將課程設計記入學生的平時成績，從而給學生在該課程的學習上施加一定的壓力，促進其更好地學習。

6.歸納總結(jié)。教師對學生的操作表現(xiàn)做出講評，對學生在網(wǎng)頁設計中的共性問題進行糾正，不斷規(guī)范學生的網(wǎng)頁設計。并與學生共同詳細討論和總結(jié)案例中所用到的理論知識和操作技巧。表揚其優(yōu)點，指出其錯誤，可以鞏固教學效果，彌補學習漏洞，并有助于學生之間的學習交流。教師以“案例”引路，引導學生邊學邊練，以“任務”驅(qū)動自主完成學習任務。以“項目”促進理論知識與實際操作結(jié)合。教師的“教”與學生的“學”圍繞一個目標，學生充分發(fā)揮自己學習主動性和創(chuàng)造性，多種教學方法結(jié)合不但解決了課時少、知識點多、實效差、與實踐應用相脫離等問題，而且還充分調(diào)動了學生學習的積極性，使學習過程成為一個人人參與的創(chuàng)造性實踐活動，更好地培養(yǎng)了學生創(chuàng)造性思維和發(fā)現(xiàn)問題、解決問題的能力［5］。

四、考核與評價方式

采用課程設計與上機考試結(jié)合的考核方式，上機考試從題庫中按出題方案組出若干數(shù)量試卷，每位學生隨機抽取其中一套進行考試。“網(wǎng)頁設計與制作”這門課程對于制作網(wǎng)頁的基礎理論和實際操作能力都有比較全面的要求，所以考試當中應當兼顧這兩個方面，理論部分注重學生對網(wǎng)頁制作基本知識、基本理論的掌握，采用選擇、判斷等客觀題的方式進行，為學生進一步的學習夯實基礎。實踐部分要求學生利用給定素材，包括考題所需的圖片、背景和其他輔助圖片、相關(guān)考題內(nèi)容的文字資料、考題要求等，完成規(guī)定技術(shù)要求的網(wǎng)站創(chuàng)意設計與制作。一個好的考核方式不僅有利于全面真實地反映學生的學習水平，而且有利于反映教學中的問題，以便教師能夠及時作出相應調(diào)整［6］。

五、總結(jié)

在建構(gòu)主義理論指導下開展“網(wǎng)頁設計與制作”課程的教學對教師素質(zhì)、教材建設、設施設備等都有較高的要求，應根據(jù)實際情況具體把握。具體可以從以下幾點出發(fā)：

1.溫故知新。任務、項目的設計直接影響教學效果，從知識聯(lián)系的角度看，課程內(nèi)容是相互聯(lián)系的，教師要幫助學生理清其中的邏輯關(guān)系。在設計任務或項目時，應適當添加一些與該問題有關(guān)的且學生已經(jīng)掌握的內(nèi)容，幫助學生在學習新知識的同時及時復習己學過的知識。

篇（8）

【中圖分類號】TP391.41 【文獻標識碼】A 【文章編號】1672-5158（2012）11-0264-01

一、提高學生的學習興趣

學習任何一門課程之前，首先應該讓學生對所要學習的課程感興趣，如果第一節(jié)課不感興趣，可能會導致對以后有意思的內(nèi)容也忽略了。總之，第一節(jié)課要抓住學生對這門課不熟悉而興趣盎然的機會，提高學生的學習興趣。

二、明確目標，完成任務

每節(jié)課都給出具體的教學目標和知識點，讓學生在一個個典型的實例下展開學習。引導學生由淺人深、由易到難、循序漸進地完成一系列的學習任務。在完成任務的過程中，培養(yǎng)學生分析問題、解決問題以及用計算機處理信息的能力。如該課程的技能目標是：“能夠綜合運用網(wǎng)頁制作三劍客軟件獨立制作+網(wǎng)站”?？梢宰寣W生找出自己感興趣的網(wǎng)站，然后讓學生對感興趣的網(wǎng)站進行臨摹，完成教學任務。

三、目標分解

在目標明確的基礎上，把總目標分解成為一個個小的目標，進行知識點細化。如該目標涉及的知識點有：

1、網(wǎng)站設計，開發(fā)流程

一般先讓學生上網(wǎng)進行觀察，然后以書面形式，總結(jié)一下不同網(wǎng)站的特點。再根據(jù)自己的興趣和愛好，收集資料、設計版面，完成網(wǎng)站的設計工作。

2、網(wǎng)頁制作三劍客系列操作使用

網(wǎng)頁制作軟件一般有DreamWeaver MX 2004、動畫制作軟件FlashMX 2004、圖形圖像處理軟件FireWorks MX 2004等。例如，網(wǎng)頁制作軟件DreamWeaver，講解模板時一般學生都能根據(jù)所學知識制作一個簡單網(wǎng)頁?？梢蕴崾緦W生，如果想制作多個主題一致的頁面時，怎樣可以節(jié)省時間？那么采用模板是最簡單快捷的。講授動畫制作軟件Flash時，每節(jié)課都先把制作結(jié)果演示給學生，“飛翔的文字”、“淡入淡出”、“鼠標跟隨特效”等等來說明它的應用，然后再帶領(lǐng)學生具體去實現(xiàn)它。

3、其它軟件的使用

PhotoShop7.0圖形圖像處理軟件可能在以前的學期開設過，所以可以省下FireWorks MX 2004的教學工作，用節(jié)省的時間來完成精彩網(wǎng)頁的制作。用FrontPage2003這個軟件也可以制作相當精彩的網(wǎng)頁。比較難的就是用記事本編寫HTML代碼，這個可以在以）～ASP動態(tài)網(wǎng)頁制作加強練習。

四、依靠現(xiàn)代化教學手段

通過多媒體教學系統(tǒng)，在教學過程中將教師計算機的屏幕同步傳到學生的計算機屏幕上，將整個操作過程展示在學生計算機的屏幕上，使學生得到直觀感受，快速掌握操作步驟，從而提高教學效果。這個過程不要時間太長，否則會使學生忘記前段所講內(nèi)容。學生上機練習時，教師隨時觀察并輔導每位學生的上機情況。

五、培養(yǎng)學生創(chuàng)新能力

信息技術(shù)學科發(fā)展迅猛，單單靠教師的課堂傳授是遠遠不夠的，利用網(wǎng)絡資源共享讓學生能自己搜尋資料，判斷信息的價值，通過掌握幾個有代表性的軟件，能舉一反三，觸類旁通，提高自主學習能力。在學習告一段落時，加入一個綜合性的大任務，集中體現(xiàn)前面所學的知識。可用課程設計的形式讓學生獨立完成與課程核心相關(guān)的項目，進一步培養(yǎng)學生獨立操作的技能，達到教學目標。例如，本課程可讓學生為某單位設計一個網(wǎng)站或制作個人站點，然后將站點傳到免費空間上申請免費的空間，如果有條件可自建服務器，進行作品的討論，交流作品。本課程可以沒有期末考試，采取學生與學生之間互相評分，綜合成績之后，做為期末的分數(shù)。這樣做的結(jié)果不但可以使學生找到自己站點上的優(yōu)缺點，還可以通過互相評分，找出別人站點上的特色，以便在以后的工作中學以致用，還可以使學生們在相互交流中不斷增長知識技能，進一步培養(yǎng)學生的協(xié)作精神。

六、注意因材施教

教學中要注意學生特點和知識接受能力的差異現(xiàn)在有些學生從小就進行過計算機應用的學習，而有些學生沒有接觸過計算機，這樣我們不能讓走在前面的學生原地踏步，無所事事，浪費時間和精力；也不能讓后面的學生失去信心，放棄努力。為了調(diào)動每一位學生的學習的興趣，計算機課堂教學尤其需要因材施教，采用合適的教學方法，利用不同的方式組織教學，至關(guān)重要。學有余力的同學，在完成任務后，可深入學習其它知識；基礎較差的同學，也可以循序漸進地學習，教師也可花較多的時間用以輔導后進同學，既保證了課堂容量，又提高了課堂效率，更主要是可以促進學生的學習主動性、積極性、創(chuàng)造性。

篇（9）

0 引言

《網(wǎng)頁設計與制作》課程是職業(yè)院校計算機類專業(yè)必修的一門專業(yè)課程。本課程以培養(yǎng)學生實際動手能力為目標，使學生具備網(wǎng)頁設計、網(wǎng)頁制作、網(wǎng)站建設與管理的實踐技能，學生畢業(yè)后可勝任網(wǎng)頁設計師、網(wǎng)站管理員等工作崗位。傳統(tǒng)的教學方法和內(nèi)容已不能實現(xiàn)該課程的培養(yǎng)目標，如學生不能獨立完成網(wǎng)站規(guī)劃和頁面設計、網(wǎng)頁設計功能和視覺效果不理想等。因此，本文結(jié)合當前職業(yè)院校學生的實際情況及崗位需求，探討了基于工作過程的網(wǎng)頁設計與制作課程教學改革模式。

1 基于工作過程的教學模式

德國勞耐爾教授等認為，工作過程是“在企業(yè)里為完成一件工作任務并獲得工作成果而進行的一個完整的工作程序”。基于工作過程的課程教學是通過整體的職業(yè)崗位分析，確定典型工作任務，歸納出職業(yè)行動領(lǐng)域，按照對職業(yè)能力和知識領(lǐng)域的分析，形成學習領(lǐng)域，然后進行基于工作過程的整合，構(gòu)建課程體系，設計出學習情境，整個教學組織與實施以工作過程為導向。這種教學模式要求打破傳統(tǒng)學科系統(tǒng)化的束縛，將學習過程、工作過程與學生的能力和個性發(fā)展聯(lián)系起來，目的是強調(diào)學生的設計與建構(gòu)能力的培養(yǎng)。

2 基于工作過程的《網(wǎng)頁設計與制作》課程設計

2.1 確定典型工作任務

通過前期調(diào)研及對具體崗位（群）分析，明確了本門課程涉及的主要工作任務包括：一是網(wǎng)站的需求分析，二是網(wǎng)站的整體規(guī)劃與設計，三是網(wǎng)站的詳細設計（制作、編輯），四是網(wǎng)站的與推廣，五是網(wǎng)站的更新與維護。通過進一步歸納與總結(jié)，確定了該課程的典型工作任務就是在規(guī)定時間內(nèi)設計出網(wǎng)站的規(guī)劃書，并針對網(wǎng)頁的不同特點，設計與制作網(wǎng)頁，然后進行網(wǎng)頁的測試，以便獲得符合技術(shù)要求的網(wǎng)頁。

2.2 歸納行動領(lǐng)域

通過對多個典型工作任務進行排序和歸納，按照相應的歸類原則，體現(xiàn)幾個典型工作任務所構(gòu)成的集合，進而構(gòu)成職業(yè)的行動領(lǐng)域。歸納后的行動領(lǐng)域應涵蓋崗位群工作任務所對應的專業(yè)知識能力、方法能力和社會能力。

2.3 形成學習領(lǐng)域

學習領(lǐng)域是和行動領(lǐng)域相對應的，指的是完成行動領(lǐng)域工作所必須學習的系統(tǒng)性內(nèi)容。學習領(lǐng)域的名稱要表明一個完整的職業(yè)工作關(guān)系，對學習目標的描述要與典型工作任務的核心內(nèi)容聯(lián)系在一起，學習難度從簡單到復雜、由淺入深。根據(jù)學生認知規(guī)律與職業(yè)成長規(guī)律，確定網(wǎng)頁設計與制作課程的主要知識包括HTML語言的使用、Dreamweaver軟件的使用等。此外，還要注重學生策劃、設計、決策、分析問題、解決問題、審美、團隊合作等能力的培養(yǎng)。

2.4 設計學習情境

學習情境是在職業(yè)的典型工作任務和行動領(lǐng)域的背景下，按照學習領(lǐng)域的目標和內(nèi)容，進行教學轉(zhuǎn)換，是具體課程的實施方案。學習情境的設計必須要具有針對性，要體現(xiàn)課程的培養(yǎng)目標?；谶@一指導思想，我們確定了以企業(yè)典型真實任務為載體的個人網(wǎng)站制作、精品課程網(wǎng)站建設、企業(yè)類網(wǎng)站建設、自主選題網(wǎng)站建設4個具有典型工作任務的學習情境。整個學習情境的設計遵循從簡單到復雜，由單一到綜合的原則，從專業(yè)能力到素質(zhì)能力，再到職業(yè)資格標準都納入到了課程里面。通過4個情境的學習達到了教學效果與目的，提高了學生的學習興趣。

3 基于工作過程的《網(wǎng)頁設計與制作》課程的教學組織與實施

基于工作過程的課程教學組織與實施是按實際工作崗位的工作流程來進行的，每一個學習情境都是一個完整的工作過程，包括資訊、計劃、決策、實施、檢查、評估6個步驟。

3.1 資訊階段

根據(jù)任務的難易程序，將學生分成3-6人的小組，每組選出一名組長。教師下達任務書，并對相應內(nèi)容進行一定的描述，每個小組的學生依據(jù)任務書，對網(wǎng)站中所需要的文字、圖片、音視頻、動畫等素材進行收集與整理。資訊階段即是讓學生了解學什么，做什么的過程，主要采用的教學方法是任務驅(qū)動法和小組合作法。

3.2 計劃階段

各小組分別進行分析討論，根據(jù)下達的任務書，對網(wǎng)站頁面的框架結(jié)構(gòu)進行分析、討論，學生各自表達自己的看法與意見，并討論出每個小組的工作方案。計劃階段即是擬定學習工作計劃的過程，主要采用小組討論法和頭腦風暴法。

3.3 決策階段

各小組根據(jù)擬定的工作計劃，進行概要設計和詳細設計，確定一個切實可行的方案。概要設計主要包括網(wǎng)站的目錄、架構(gòu)；詳細設計主要包括每個頁面的功能和布局設計等。設計完成后，各小組進行分工，分別擔任項目經(jīng)理、網(wǎng)頁設計人員、網(wǎng)頁制作人員、網(wǎng)站測試員等不同的角色，并制訂工作進度表。決策階段即是使學生明確學習、工作方法與目標的過程，主要采用小組合作法和案例教學法。

3.4 實施階段

各小組在項目經(jīng)理的統(tǒng)籌指導，由網(wǎng)頁設計人員完成首頁及內(nèi)頁面的框架的設計，由網(wǎng)頁制作人員完成網(wǎng)站內(nèi)容的填加與編輯，由網(wǎng)站測試員進行測試并完成詳細的測試報告。各小組成員輪流執(zhí)行，完成整個網(wǎng)站的設計與制（上接第231頁）作。實施階段即是學習、工作具體實施的過程，主要采用角色扮演法和小組合作法。

3.5 檢查階段

各小組在合作完成既定任務后對完成的情況進行檢查，查找問題、分析問題并解決，如網(wǎng)頁中的鏈接是否正確，網(wǎng)頁中的圖片是否顯示，網(wǎng)頁中的音視頻是否能夠正常播放等。檢查階段即是任務完成情況檢查的過程，主要采用小組討論法和任務教學法。

3.6 評估階段

各小組完成作品后，對本小組的作品進行展示與匯報，同時讓學生集體討論，相互評價、找出問題，最后由教師點評，對典型問題進行分析與總結(jié)，對共性問題進行強調(diào)。評價主要包括小組自評（10%）、小組互評（20%）、任課教師評價（30%）、校內(nèi)專業(yè)教師評價（20%）、網(wǎng)絡展示人氣指數(shù)評價（20%）等幾個環(huán)節(jié)。評估階段即是對學習和工作成果的評價過程，主要采用案例分析法和作品展示法。

4 基于工作過程的《網(wǎng)頁設計與制作》課程教學改革的體會與反思

基于工作過程的《網(wǎng)頁設計與制作》課程教學改革已經(jīng)在我校進行實施，與“講解+練習”的傳統(tǒng)教學模式相比較，學生的學習興趣與積極性大大提高，設計與制作出來的網(wǎng)頁作品更加專業(yè)，教師的教學水平也得到了高度認可。但在整個教學組織與實施過程中，仍需注意一些細節(jié)問題：一是應使學生全部參與學習中來，避免濫竽充數(shù)的現(xiàn)象發(fā)生；二是應多組織一些網(wǎng)頁設計大賽等類型的活動來激發(fā)學生的創(chuàng)意；三是應通過職教新干線等網(wǎng)絡平臺，培養(yǎng)學生自主學習、遠程學習的能力；四是教師自身應下企業(yè)鍛煉，做實際項目，不斷加強業(yè)務學習。

5 結(jié)束語

經(jīng)過調(diào)查發(fā)現(xiàn)，職業(yè)院校的學生一般動手能力強，形象思維比較發(fā)達，敢于表現(xiàn)自我，但是對理論知識缺乏興趣。因此，采用基于工作過程的課程教學改革有利于激發(fā)他們的學習積極性和主動性，有利于培養(yǎng)學生的專業(yè)技能和綜合職業(yè)能力，有利于縮短學習和就業(yè)之間的距離，最終實現(xiàn)職業(yè)院校高素質(zhì)技術(shù)技能人才的培養(yǎng)目標。

參考文獻：

[1]李勤道.基于工作過程導向的課程和課程開發(fā)的研究與實踐[J].山東電力高等?？茖W校學報，2011，12（2）：21-25.

[2]曹艷琴.基于工作過程的課程開發(fā)――以高職院?！毒W(wǎng)頁設計與制作》課程教學改革為例[J].教學理論，2012（2）：172-173.

[3]黃麗娟.基于工作過程的軟件專業(yè)課程教學改革[J].Reformation改革，2013（1）：77-79.

篇（10）

一、翻轉(zhuǎn)課堂簡介

在當今互聯(lián)網(wǎng)時代，學生不必一定要到學校接受教師講授，就能通過互聯(lián)網(wǎng)學習豐富的在線課程?；ヂ?lián)網(wǎng)尤其是移動互聯(lián)網(wǎng)催生了“翻轉(zhuǎn)課堂”這種教學模式[1]。翻轉(zhuǎn)課堂（Flipped Classroom）也稱顛倒課堂[2]，就是把“教師白天在教室上課，學生晚上自習做作業(yè)”的教學結(jié)構(gòu)翻轉(zhuǎn)過來，構(gòu)建“學生白天在教室完成知識吸收與掌握的知識內(nèi)化過程，晚上自習學習新知識”的教學結(jié)構(gòu)。翻轉(zhuǎn)課堂教學模式需要學生重新調(diào)整課堂內(nèi)外的時間，將學習的決定權(quán)從教師轉(zhuǎn)移給學生。

二、網(wǎng)頁制作課程教學現(xiàn)狀

目前，網(wǎng)頁制作課程屬于高校開設的應用型人才培養(yǎng)的課程。對于我校的計算機科學與技術(shù)、軟件工程專業(yè)都是必開課程。傳統(tǒng)的網(wǎng)頁制作課程教學存在以下問題：

2.1 知識點瑣碎，“學得快，忘得也快”

HTML和CSS的知識點瑣碎，一個學期學時有限，不可能在課堂上將所有標記、屬性都講一遍。即時都放在課堂上講解，一個一個講解會讓學生覺得枯燥無味、重難點不突出，很難讓學生掌握重點問題，到動手制作網(wǎng)頁時，往往已經(jīng)忘掉了部分內(nèi)容。

2.2 不能進行個性化教學

課前，學生只是通過看教材進行簡單預習。課上，教師在45分鐘時間內(nèi)要講授多個知識點，課堂上班級內(nèi)的學生接受的都是一樣的信息、一樣的進度，教師很難注意到每個學生掌握的進度不同。課后，完成作業(yè)時，有的學生已經(jīng)完全掌握課上講授的知識，能夠很快完成作業(yè)；而有的學生則不太明白，需要通過幫助才能勉強完成作業(yè)；而有些學生既不理解又羞于尋求幫助，遇到的問題越積越多，到了學期末，根本無法完成課程設計。

2.3 局限了學生的創(chuàng)造性

網(wǎng)頁制作這門課相對于其他編程課程來說，知識點不難理解，在課堂上學生根據(jù)教師的演示，容易完成實驗任務。但是對于沒有任何美工基礎的計算機專業(yè)學生來說，構(gòu)思網(wǎng)頁布局、美化頁面較難，制作出個性化的網(wǎng)頁受到了限制。

因此，我們需要對現(xiàn)有的網(wǎng)頁制作課程的教學模式進行改革，本文提出了在該課程中應用翻轉(zhuǎn)課堂教學模式來提高課程的教學質(zhì)量。

三、翻轉(zhuǎn)課堂模式在網(wǎng)頁制作課程中的實施過程

3.1 課前準備過程

翻轉(zhuǎn)課堂的一個重要載體就是微課。因為翻轉(zhuǎn)課堂需要有效地促進學生對新學知識的消化吸收，在有限的時間內(nèi)使自主學習任務發(fā)揮最大作用。所以，每次上課前教師需要花費大量的時間針對學生的個性化進行備課，確定本節(jié)課學習目標，精心設計出學生愿意做、喜歡做的自主學習任務，針對一個明確的問題錄制時長在10分鐘以內(nèi)的短小精悍的教學視頻，并把視頻通過網(wǎng)絡上傳到微信群、qq群、微博等為學生提供自主學習、交流反思、協(xié)作討論的平臺。

例如第10章CSS層疊樣式表的內(nèi)容是為了讓學生學會使用DIV+CSS進行網(wǎng)頁元素布局，但是CSS的屬性較多，需要將這一章的內(nèi)容分解，抽取出“CSS的樣式定義”、“CSS的選擇器”、“盒子模型”、“文本樣式”、“段落樣式”、“列表樣式”、“超鏈接樣式”等知識點錄制教學視頻。

微課教學視頻是為了下一次課堂學習服務的，學生必須嚴格按照教師布置的學習任務進行學習。學生能夠在課下使用自己的任何設備，比如電腦、平板、智能手機等，在任何時間、任何地點都能觀看微課視頻，進行自主學習，并且當學習中間遇到問題時可以選擇暫停播放視頻，能在任何時候去查閱需要的材料，還能在網(wǎng)絡平臺上與教師、同學進行在線討論，或者回放視頻重復多次學習。根據(jù)視頻最后提出的幾個任務進行在線測試，檢查自主探究學習的情況，并將疑難問題記錄下來，課上提交給教師。

3.2 課上實施過程

翻轉(zhuǎn)課堂要求課上教師要因材施教開展教學活動，課堂的注意力集中在幫助學生掌握在課前學到的新知識，運用新技能。

（1）確定問題。通過課前預習，教師既能夠引導學生學習，又可以及時了解學生學習任務的掌握情況。教師收集學生課前自主探究過程中遇到的問題，歸納共性問題，確定課上需要解決的問題。比如學生看過“盒子模型”的微課視頻后，會對“盒子模型”的抽象理解、如何使用DIV+CSS技術(shù)有效定位網(wǎng)頁元素提出疑惑。

（2）協(xié)作學習。在課堂上，教師將班級內(nèi)的學生分成若干個小組，以小組的形式進行協(xié)作學習，有效達成學習目標。課堂上教師與學生之間，學生與學生之間，集中討論、交流、合作學習，在做網(wǎng)頁中，女生往往比男生更細心，但是沒有男生思維靈活，根據(jù)男女生的差異，形成比較和互補，共同解決問題。

（3）有效激勵。為了更好的激勵學生完成學習任務，教師對課堂上學生的學習任務完成情況進行排名，實時更新排名，讓學生能及時的看到在整個班級的學習過程中自己的進度。通過學生的好奇心、好勝心激勵學生將注意力集中到課堂上，積極參與小組討論、班級討論中。

（4）答疑解惑。教師不僅僅是站在講臺上講授課程，而是更多的走進學生，穿梭于學生之間，參與到學生學習過程中，提供針對性地指導，能夠了解每個學生的掌握情況。對共性問題進行統(tǒng)一的答疑解惑。

（5）成果交流。教師選出2個優(yōu)秀作品，讓該小組的學生在全班進行展示，向其他小組講解該作品的設計思路，本節(jié)課學習的知識點，比如“盒子模型”在本作品中的作用，以及制作過程出現(xiàn)的困難。在交流的過程中教師要引導學生總結(jié)，提升所學內(nèi)容。

（6）反饋評價。翻轉(zhuǎn)課堂要建立一種以學生為中心的多角度、多方式的評價機制。教師除了對學生的學習成果進行評價外，還需要對學生的學習過程、參與合作的表現(xiàn)等進行評價。學生可以進行作品評價，既能提出自己認為有效的或喜歡的方面，也應提出改善建議。

3.3 課后總結(jié)提高

課后，教師要進行教學反思，考慮本次課是否能夠讓學生有較大的收獲，讓課堂真正有益于學生發(fā)展。教師將學生的小組作品放到網(wǎng)絡平臺，供班級內(nèi)共享，讓學生在線投票，將投票結(jié)果進行排名。學生自主進行個性化復習，進行下節(jié)課預習。

四、翻轉(zhuǎn)課堂模式實施效果

本學期，對大二的計算機科學與技術(shù)班的網(wǎng)頁制作課堂仍然采用傳統(tǒng)教學模式，將大二的計算機科學與技術(shù)（信息技術(shù)教育方向）班作為試點班級，應用翻轉(zhuǎn)課堂教學模式，兩個班級人數(shù)相同。學期期末，對試驗的兩個班級進行問卷調(diào)查，并根據(jù)結(jié)果對比實施效果，如下表1所示，翻轉(zhuǎn)課堂教學模式更受學生歡迎，有助于提高學生學習能力以及動手實踐的能力。

五、結(jié)語

針對現(xiàn)有網(wǎng)頁制作課程教學模式的不足進行改革，使用翻轉(zhuǎn)課堂模式鍛煉學生分析問題、解決問題的能力，提升學生的創(chuàng)造力、團隊合作能力，提高了學生學習的積極性，更好地培養(yǎng)了創(chuàng)新型的web前端開發(fā)人才。