網頁制作課程設計總結匯總十篇

序論：好文章的創作是一個不斷探索和完善的過程，我們為您推薦十篇網頁制作課程設計總結范例，希望它們能助您一臂之力，提升您的閱讀品質，帶來更深刻的閱讀感受。

篇（1）

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

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

一、職業崗位分析

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

二、確定職業崗位核心能力

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

三、課程教學目標

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

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

四、課程教學內容

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

五、課程的教學實施

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

六、考核方法

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

篇（2）

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

1研究背景與理論基礎

1.1任務驅動教學法

任務驅動教學法是一種建立在建構主義學習理論基礎上的教學法[3]，它將以往以傳授知識為主的傳統教學理念，轉變為以解決問題、完成任務為主的多維互動式的教學理念。教師把所要講授的知識融合在任務中，學生帶著具體的任務在探索中學習。任務驅動教學模式是把再現式教學轉變為探究式學習，學生在課堂中懷有更積極的學習態度，并基于自己對基礎知識的理解和掌握，運用自己的方法對任務提出解決方案。教學過程教師、學生之間積極互動，教學環節以創設情境、引出任務—提出問題、分析任務—教師引導、完成任務—展示交流、評價任務，為教學流程實施教學[4]。

1.2公共選修課與專業課的比較

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

2任務驅動法在“網頁設計與制作”公共選修課上的教學應用

2.1因材施教，從學生實際出發安排教學內容

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

2.2任務驅動法教學，提高教學質量

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

2.3注重能力的培養，提高實踐能力

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

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

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

2.5實施效果分析

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

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

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

4結語

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

參考文獻:

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

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

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

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

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

篇（3）

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

一、《網頁制作》課程設計思路

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

二、信息技術在《網頁制作》項目化教學中的應用

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

資訊：

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

計劃與決策：

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

實施：

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

檢查與評價：

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

三、結語

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

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

篇（4）

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

1 開設該課程的必要性

1.1 就業的需求

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

1.2 課程設置的落后性

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

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

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

2 新課程在知識結構中的位置

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

網站建設課程為偏重編寫程序的遞進知識內容，將HTML5的內容放置在其前面，正好可以針對HTML語義新標簽進行新知識的升級講解，實現環環相扣的遞進關系。

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

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

3 授課方式方法

本門課程側重動手實踐能力的培養，可采用循環授課的方式來逐漸鞏固學生的基礎。

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

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

4 授課知識框架參考

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

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

框架結構知識參考如下：

4.1.1頁面外觀設計為重

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

4.1.2對瀏覽器的不同支持

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

4.1.3新表單的學習

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

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

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

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

4.3 放開手腳

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

5 課程考核方式

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

考核表格設計：

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

根據學生三輪表現生成圖表，對考核學生成績也較為直觀。

篇（5）

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

1 教學方法的探討

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

1.1 案例教學法

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

1.2 項目教學法

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

以企業對于崗位的需求為起點，把企業的實際環境引入到教學環境中去，并將兩者有機地結合在一起，對具體項目的參與和剖析，非常有利于學生對知識架構的整體把握。不同能力的學生分別承擔相應的任務，能力強的學生可以適當地承擔核心任務的開發。項目教學法可以充分發揮學生的主觀能動性，極大地提高了具體層面的操作能力，培養了團隊合作意識，同時幫助他們學會如何更好地對問題進行發現、分析、解決。

1.3 屏幕錄像演示法

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

1.4 階段實訓法

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

2 考核、評價方法的改變

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

3 職業資格考試的推廣

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

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

參考文獻：

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

篇（6）

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

2大學文科專業開展網頁設計與制作課程的必要性

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

3基于就業導向的大學文科網頁設計與制作課程體系構建策略

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

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

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

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

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

3）關注當前熱點，緊跟時代潮流，網頁制作技術要與時俱進；

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

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

篇（7）

二、建構主義理論應用于“網頁設計與制作”的可行性分析

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

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

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

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

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

三、建構主義理論指導下的課堂教學

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

1.展示效果。課堂上，首先把與本節知識內容相關的案例效果及功能展示給學生，通過素材和網頁效果的對比，激發學生的想象能力。

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

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

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

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

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

四、考核與評價方式

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

五、總結

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

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

篇（8）

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

一、提高學生的學習興趣

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

二、明確目標，完成任務

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

三、目標分解

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

1、網站設計，開發流程

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

2、網頁制作三劍客系列操作使用

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

3、其它軟件的使用

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

四、依靠現代化教學手段

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

五、培養學生創新能力

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

六、注意因材施教

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

篇（9）

0 引言

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

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

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

2 基于工作過程的《網頁設計與制作》課程設計

2.1 確定典型工作任務

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

2.2 歸納行動領域

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

2.3 形成學習領域

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

2.4 設計學習情境

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

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

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

3.1 資訊階段

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

3.2 計劃階段

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

3.3 決策階段

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

3.4 實施階段

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

3.5 檢查階段

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

3.6 評估階段

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

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

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

5 結束語

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

參考文獻：

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

[2]曹艷琴.基于工作過程的課程開發――以高職院校《網頁設計與制作》課程教學改革為例[J].教學理論，2012（2）：172-173.

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

篇（10）

一、翻轉課堂簡介

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

二、網頁制作課程教學現狀

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

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

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

2.2 不能進行個性化教學

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

2.3 局限了學生的創造性

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

因此，我們需要對現有的網頁制作課程的教學模式進行改革，本文提出了在該課程中應用翻轉課堂教學模式來提高課程的教學質量。

三、翻轉課堂模式在網頁制作課程中的實施過程

3.1 課前準備過程

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

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

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

3.2 課上實施過程

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

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

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

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

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

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

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

3.3 課后總結提高

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

四、翻轉課堂模式實施效果

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

五、結語

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