引論：我們為您整理了13篇網頁制作課程設計總結范文，供您借鑒以豐富您的創作。它們是您寫作時的寶貴資源，期望它們能夠激發您的創作靈感，讓您的文章更具深度。

篇1

1 “網站開發與網頁制作”網絡設計現狀分析

1.1 網站開發語言安全性

網站開發采用的語言有ASP、php、aspx、java等，實際開發制作中PHP+SQL的應用非常廣泛，這在網絡課程設計中也是綜合運用的重要課程，它能獨立實現網頁的自由切換，完成復合圖形的鏈接，調整網站的模式結構，它的動態因素還能起到吸引眼球，脫穎而出的效果；網站開發中PHP+SQL的綜合運用更是提高了網頁的利用空間，加速了后臺數據庫的建立，同時提高了網站開發的安全性和注重瀏覽者的綜合感受。

1.2 靜態網頁制作中Dreamweaver的應用

現階段，在網站開發與網頁制作課程中，Dreamweaver網頁靜態編輯器應用最為廣泛，它從最初的1.0版本升級到CS5，同時它的功能也從簡單的調節色階、飽和度、制作文字圖框上上升到獨立編輯和創建動漫圖片，三維立體調色，人物實體渲染等豐富強大的功能，這在網頁制作圖像編輯上發揮了立竿見影的作用，其次它帶有掃描和創作功能，使制作的圖片所見即所得；同時他還具有自由變換渲染實景的強大功能，可以還原復古地域風情、分辨明暗光景、豐富人物表情等，使我們的圖像新穎而富有特色。

1.3 收錄引擎對網站的友好度

搜索引擎屬于網站開發與網頁制作的后臺工作，它是支撐網頁正常運行的必要條件，也是網站鏈接顯示的重要組成部分，PHP、JAVA、ASP程序的編寫就好比人的大腦，它的關鍵度和完整度不言而喻。在制作處理完網頁，建立網站后往往要優化系統，有利于提高網站的點擊率和被百度收錄的幾率，這也是網絡課程設計的范疇，由于網頁腳本語言的改革使得SEO優化系統后豐富了網站的實用性，從而提高了網站開發與網頁制作的熱情和創新性。

2 “網站開發與網頁制作”設計發展規劃

2.1 多層次深發展滿足不同領域的需求

網絡課程是一種以學生為主體的網絡教育方式，它注重學生的實操能力和融會貫通能力，改變了老師口傳式的傳統教學模式，更好的活躍了學生氛圍。網絡課程設計可以根據學生接受能力的不同、所處領域的不同實行分類式教學模式，分層次輔導，有的放矢。例如，對研究和專業學生的教學，專業學生注重就業方向，我們設計的網絡課程就偏重于實用性，把日后經常用到的知識點納入教學中；對于研究傾向的學生偏重于后臺技術的開發，使它們在今后的研究中取得新的進展和突破，這樣做到有針對性的因材施教可以滿足不同領域學生的需求。網絡課程設計不受時間和地點的限制，可以重復式學習和互動，使學生更好的接受和完成學習任務。

2.2 整合資源優化知識結構，提高網絡課程設計效率

在網絡課程設計中，注重知識點的整合和知識結構的優化是關鍵的一個步驟。網頁制作不僅要求學生靈活掌握網站框架結構，而且在其藝術性上也提出了更高的要求，例如：在網頁制作中加入文字描述是我們常常遇到的問題，這時我們可以涉及如何加入文字并進行藝術設計，如何制作文字動態效果，并且兼顧抓取整段文字的關鍵詞，瀏覽備注信息和搜索引擎中出現的頻率等，這樣就構成了由點到面，循序漸進形成一系列連貫的知識點。再有網站開發過程中，網站鏈接瀏覽器的選擇也十分重要，它涉及到網站的權重問題和優先選擇問題，網站權重突出了網站的地位和導向，我們來換位思考一下，在搜索時習慣輸入什么知識點鏈接哪些網站，什么樣的域名優先錄取等都是我們需要考慮的，這也是我們網絡課程設計中資源優化的體現。

2.3 理論實際相結合，培養學生動手能力

在網站開發與網頁制作網絡課程設計中，首選要建立大量的圖庫資源和圖片資料，要求學生在日常生活中注意積累如各地人情，旅游風景，代表建筑物等一些列具有紀念價值的圖片，使得網頁制作過程中有豐富素材可用；其次課程設計中要多引進網站創新案例，利用多媒體播放一些特點鮮明的網站作品，使學生在潛意識中加深印象，在創新案例講解過程中融入教學重點和網絡設計難點，使學生享受成功案例的同時學到知識，長時間耳濡目染使學生形成一種創新網站設計構想的良性循環；最后要多培養學生善于總結和創新能力，注重學生的動手能力，在網絡課程設計中要留出足夠時間，反復實操。

2.4 將前臺簡單的網頁編輯延伸至后臺技術的開發及數據庫的整理

網站后臺制作是一項乏味而艱巨的任務，針對它的特殊性和復雜性，在網絡課程設計時，注重多媒體的使用，這樣可以使枯燥的編程程序直觀的表達，易于學生的接受；其次后臺數據庫的整理工作更是需要專業知識的鋪墊，需要多涉及實際數據的推算和項目數據庫整理工作，同時注重學生的綜合感受和自我評價能力，使它們能完全融入先進的課程設計中，從而達到理論實際結合的目的。

3 結束語

時代在發展，教育在改革，隨著計算機應用的普及，網絡教育占據主流力量，網站開發與網頁制作網絡課程設計會得到大力的推廣和應用，它不僅可以直觀形象的講解原理，因材施教，而且注重學生理論實踐相結合的動手能力，從而大大提高了學生的綜合素質和就業適應能力。

參考文獻

[1]韓陵宜.網頁制作課程教學及考核方式的研究與探索[J].計算機教學與教育信息，2008（03）.

[2]紀明明.淺談“項目教學法”在網頁制作與網站設計課程教學中的應用[J].中國新技術新產品，2010.

[3]盧新建.試談ASP動態網頁課程的教學探索[J].計算機應用教學研究，2010（10）.

作者簡介

篇2

公共選修課教學現狀

學校為拓展學生的視野，一般會開設全校性的公共選修課（公選課）。此類型課對學生的專業要求較為寬松，任何專業的學生都可以根據興趣進行選修，但這也為此類課程的教學帶來了新的挑戰。

一是學生學習水平的差異。公選課是面向全校師生的公共課，學生不分文科、理科均可選修，因此學生的基礎水平有較大差異。如果教師采用統一的教學方法和內容，就無法兼顧到各種層次的學生需求，導致有的學生認為教學內容過于簡單或教學進度太慢，有的學生認為內容太難或教學進度太快無法跟上，而且一些實驗的教學設計難度也大大增加。

二是課時較少，公選課不分課程，學校一般將公選課的課時統一定為30學時。以筆者任教的公選課“網頁制作”為例，與其他課程的課時相比相差近一倍。因而，在課時嚴重不足的情況下教師只能通過減少教學章節、降低知識講授的深度與廣度等方法來縮減時間，這樣會不利于教學的開展。

三是選修公選課的學生來自不同的專業，學生之間大多數互相并不認識。因而，在學習中遇到問題時，他們無法及時向同學求助，導致難以開展團隊形式的課程設計作業。

翻轉課堂與微課對公選課問題的適應性分析

翻轉課堂作為新的教學模式，被認為是教學的重大變革。翻轉課堂與傳統的“課堂傳授+課后內化”的教學模式不同，它是在信息化環境中，教師提供以教學視頻為主要形式的學習資源，學生在課前觀看并學習教學視頻等學習資源，課上師生一起完成作業答疑、協作探究和互動交流等活動，即“課前傳授+課上內化”的新型教學模式。這種教學模式，能夠有效地解決公選課學生學習水平差異較大等問題。

“網頁制作”是以技能為主的課程，主要講解網頁制作軟件的使用。因此，教師可以使用屏幕錄制軟件，制作具體的操作及講解的微課。學生觀看的微課與課上教師的操作演示幾乎沒有區別，而且也不用擔心因遠離講臺而無法看清等問題。因此，基于微課的教學模式非常適合網頁制作這類以軟件操作為主的課程。

同時，學生對篇幅較長的學習視頻接受程度較低。因此，為降低學生學習的負荷，保證學習效率，教師錄制的教學視頻等學習材料的長度應限制在較短的時間內。而微課短小精簡、便于傳輸及下載的特點，滿足了學生的需要，為學生利用空閑時間反復學習提供了可能性。

翻轉課堂模式下“網頁制作”課程的教學設計

何克抗指出：適合我國的教育思想應當既不是以教師為中心，也不是以學生為中心，而是既要充分發揮教師的主導作用，又要凸顯學生在學習過程中的主體地位，即主導與主體相結合。因此，翻轉課堂教學模式實施的關鍵不是“翻轉”學習的地點和時間，而是學生的學習方式，是把以往的“教師主動教學生被動學”，轉變為“學生主動學教師作輔導”。教師必須主導整個教學過程，即課前、課間及課后。教師在教學中要積極地引導學生自主探究性地“學”，為學生提供各類學習資源，解答疑問，并監督學生的學習情況。

筆者以此為指導思想，綜合考慮公選課課程設置、學生的情況及網頁制作課程的知識內容等特點，按照“自由設計、自主學習、全程引導”的教學策略，以自由設計一個完整的網站為課程設計任務，將該課程的教學活動設計為“引入任務―翻轉課堂―互評總結”三個階段，如上圖所示。

1.引入任務階段

選修同一門公選課的學生，來自不同專業、不同年級。在首次上課時，學生面對的是陌生的同學和教師，且大多數學生對課程內容是完全陌生的。因此，教師應在第一次上課時，先對整個課程的內容進行概述，包括學習什么知識、學了后有什么用、用什么方法學等問題。然后說明具體的課程要求、授課方式、作業要求、考核方式，等等。同時，還要向學生介紹翻轉課堂教學模式，消除其對新的教學模式的困惑，并引導學生注冊教學平臺、嘗試登錄，以保證每位學生都能夠正常地登錄教學平臺，進而保證后續教學活動的正常開展。

例如，在上“網頁制作”課程的第一次課時，教師可采用傳統的教師主講的教學方式，并在完成上述的課程介紹、教學平臺登錄等步驟后，開始課程內容的講授。教師可以先讓學生觀摩一些優秀的網站，并與學生一起探討分析網站中哪些元素值得學習及涉及了哪些技術。然后，向學生展示目前主要的網頁制作技術，讓學生對整個課程的知識體系有一個整體上的初步認識。接著，給出第一次課的課后作業任務：初步構思自己要制作的課程設計網站的內容，并根據自己的實際情況，制訂一份自主學習的計劃。

2.翻轉課堂階段

第二階段采用翻轉課堂教學模式，教師以任務驅動的方式引導學生自主學習。由于公選課課時較少，除去首次上課，僅有9次集中上課的時間。因此，教師可以把網頁制作中的主要技術，分為九個相對獨立的專題來組織教學內容，每個專題的教學步驟大致如下：

（1）在學生學習前

課前，為學生提供所需的各類學習資源，并對每個專題內容設置不同的難度等級，如基礎級、提高級、擴展級等，分別制作微課，放到微課資源庫中。學生在課前根據課程設計的要求，結合自己構思的網站在制作上涉及的技術，自主地在學習資源庫中尋找適合自己需要的課件、微視頻等資料進行學習。

（2）在學生自學過程中

教師要盡可能解決學生自學中遇到的問題，因此教學平臺上設有學生互動交流區、教師定期在線答疑等板塊，為學生提供幫助。同時，教師要鼓勵學生互相答疑，并給予提供正確答案的學生適當的平時成績加分作為鼓勵。

（3）課堂活動前

要求學生先完成課前自測題和課前思考題。其中課前自測題偏重基礎，目的是供教師在上課前簡單了解學生的自學情況，從而確定課上交流的內容，避免出現學生掉隊的情況。課前思考題則具有一定的綜合性及擴展性，用于在課上展開討論，使有能力的學生有更進一步展示及深入學習的機會。在每個專題的課堂活動前，教師要先通過教學平臺了解學生的自學情況及提問較多的問題，并設定課上要研討的問題，同時，還要準備一定的擴展性問題在課堂上交流，以幫助學生進一步鞏固和內化。

（4）課上交流時

根據課前了解的學習情況，教師可按照“學生提問―互動交流―思考拓展―專題設計展示”的流程來展開。課堂上以引導為主，鼓勵學生提出問題，全體一起分析并解決問題，并提供學生展示已完成的對應專題內容的課程設計的機會。

3.總結互評階段

翻轉課堂教學模式下的專題教學階段結束后，就進入了最后的課程設計及互評階段。這個階段分為兩個子階段：

第一個子階段為展示階段。教師要求學生必須在指定日期前上傳課程設計初稿至開設好的Web服務器空間。學生之間可以通過網頁互相瀏覽觀摩，取長補短，而教師可監督課程設計的進度及質量，對進度較慢或質量較差的設計，要按要求及時整改。同時，此階段讓每位學生都掌握FTP上傳及Http訪問調試的方法。

第二個子階段為正式展示互評階段。教師利用課程安排的考查學時，將全體學生集中到課室內，每位學生在3分鐘內展示自己的設計作品，全體學生現場觀看并在評分表上打分。學生的課程設計成績以教師和學生評價的總平均分來計算。這種互動評價模式能夠有效地激發學生的學習興趣及創造力，絕大部分學生都能夠認真地做好課程設計及上臺演示的準備。

學習效果對比分析

在嘗試了新的教學手段后，需要對教學數據進行分析對比，以驗證教學改革的有效性。教學數據的收集采用教學平臺自動統計及向學生發放調查問卷的方式。

1.縱向比較

選取的比較對象均為公選課的學生，其基礎及授課課時一致，但采用不同教學模式來對比，比較項目及結果如表1所示。

對兩種教學模式的數據進行分析整理后，可以發現學生在翻轉課堂教學模式下，課余學習時間明顯高于傳統模式，這說明了學生在翻轉課堂模式中，用于課程學習的時間更多。

從平時成績的統計結果看，在作業提交率、上課出勤率方面，翻轉課堂的學生都有更好的表現，顯示出更高的學習主動性，而課程設計的質量也有較大的提高。這說明翻轉課堂模式下的學生實際動手能力和知識應用能力要優于傳統授課模式下的學生。在課程滿意度方面，翻轉課堂的學生對新穎的教學模式接受度較高，并給出了較高的評價。

2.橫向對比

橫向對比是針對不同基礎、不同課時數、不同教學方式下的學習效果進行對比。首先，公選課“網頁制作”需要學生有一定的計算機操作技能，因此對比對象需要對比課前計算機技能基礎不同。計算機技能的水平以必修課“計算機基礎”的成績為數據來源，其中公選班的學生來源分散，文科生占較大比例，因此平均計算機技能基礎較低且學生間差異較大。而選取的普通班為工科專業，計算機技能平均水平較高，且學生間相差不大。其次，學時相差較大，其中普通班開設的課程一般以一個學期為周期，64學時，而公選課則為30學時。再次，分別采用了不同的課堂模式展開教學。對比項目及結果如上頁表2所示。

對兩種模式的數據進行分析整理后，雖然普通班學生的學時更多、基礎更好，但最終課程設計平均分反而略低于采用翻轉課堂模式的公選班，而公選班的學生的課余學習時間明顯高于普通班的學生。這說明了公選班學生在翻轉課堂模式下，調動了學習的積極性，學生實際用于課程學習的時間更多，且學習效率也會更高，效果更好。反觀傳統教學模式下學生在課堂上的表現，經常會看到教師在臺上講，學生在下面玩手機、打瞌睡的情況。這從另外的角度也反映了僅依靠課上教師的講授，是無法引起學生學習興趣的，即使安排再多的課時，也難以達到較好的教學效果。

結束語

通過對采用不同教學模式的班級的課程教學數據進行對比分析，結果表明采用翻轉課堂教學模式能夠有效地激發學生的學習興趣，這不僅能解決原來公選課所面臨的難題，還能使教學取得更好的效果。從而證明了本文所設計的教學方式及教學環節，對公選課網頁制作課程是非常適合及有效的。

參考文獻：

[1]曹殿波，薛蘇秦.“微課”實踐中亟待厘清的四個基本問題[J].中國醫學教育技術，2013（5）：495-497.

[2]曹育紅.“翻轉課堂”在軟件技術實訓中的創新應用[J].中國電化教育，2014（4）：116-120.

[3]何克抗，李克東，謝幼如，王本中.“主導―主體”教學模式的理論基礎[J].電化教育研究，2000（2）：3-9.

篇3

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

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

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

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

資訊：

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

計劃與決策：

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

實施：

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

檢查與評價：

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

三、結語

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

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

篇4

Analysis on the problems and Countermeasures in the course of "Web design"

XUE Hui

（The Teaching Affairs Service， Shangluo University， Shangluo 726000， China）

Abstract： The web pagemakingindustryhas a huge demand for talents. The teaching of web page making technology is very important. This paper analyzed the problems existing in the course of "Web Design" from three aspects of school， teachers and students， and put forward some countermeasures to solve the problems.

Key words：web design； teaching； problem； countermeasure

1 概述

21世紀，在網絡的浪潮下，各行各業無不使用網站進行宣傳，各種各樣的網站蓬勃涌現，互聯網上出現了豐富多彩的網頁形態，網頁制作人才需求巨大[1]，網頁制作技術的教學顯得越來越重要。然而，有些高校的網頁制作課程教學中卻存在許多問題，課程教學完成后學生對網頁技術的掌握不盡如人意，許多學生只掌握了一些淺顯的操作，做不出令人滿意的作品。

2 網頁制作課程教學中存在的問題

2.1學校層面

2.1.1 對網頁制作課程重視不夠，投入不足

有些學校對網頁制作人才需求巨大認識不足，沒有從促進就業的角度加強對網頁制作課程的教學管理，沒有配備強有力的師資隊伍，在網頁制作課程的教學上施行大班上課甚至超大班上課，嚴重影響了網頁制作課程的教學效果，特別是實踐課的教學效果[2]。有些學校只有上課的機房，卻沒有配套的服務器等設施，資源不足以支撐網頁制作課程的教學。

2.1.2 課程教學大綱、教材、軟件等比較陳舊，跟不上時代的發展

如今，網頁制作的技術發展迅速，網頁制作的軟件升級換代也很快，以網頁制作常用的Dreamweaver槔，幾乎每隔一兩年就有新的版本出現。而許多學校的教學卻遠遠跟不上時代的發展，課程的教學大綱沒有及時修訂，教材里面的內容比較陳舊[3]，軟件使用的是較老的版本，筆者在調查中發現有些學校至今仍然在教學中使用Dreamweaver8.0的版本，這些都限制了對新知識的傳播和新技術的教學。

2.2 教師層面

2.2.1 只重視操作技術的講授，忽視了頁面布局和色彩搭配的教學

網頁制作技術是一門很深奧的技術，包含了極其豐富的操作技巧，網頁制作課程教學的過程中必須要重視技術的講授[4]。但是網頁不僅僅是技術的疊加，更是美的化身。要制作出精美的頁面，光有技術是不行的，必須還要掌握頁面布局的知識、色彩搭配的原則、圖片處理的技巧等，綜合應用技術和布局才能做出令人滿意的作品[5]。然而，許多教師只重視操作技術的講授，忽視了頁面布局和色彩搭配的教學，導致學生學會了技術卻不懂得布局，即使掌握深層次的技術也做不出精美的頁面。

2.2.2對新技術自我學習不足，跟不上技術的潮流

計算機技術突飛猛進，網頁制作技術也日新月異，而有些高校教師由于教學、科研等任務繁重，壓力較大，只忙于應付日常事務，缺乏自我學習與自我充電，對于新技術的學習不積極、不主動，甚至有抵觸情緒，導致跟不上技術的潮流[6]。許多高校教師囿于學校的范圍，與網頁制作企業接觸甚少，與市場上的網頁設計人才缺乏交流，缺少對新技術應用的了解和掌握。教師自己對新技術掌握不足，自然就限制了給學生的傳遞。

2.3 學生層面

2.3.1 誤以為網頁制作課程比較簡單，輕視網頁制作課程的學習

網頁制作課程基礎的內容中，有許多和Word比較類似，入門比較簡單，使得許多學生誤以為網頁制作課程比較簡單，從思想上輕視網頁制作課程的學習。其實網頁制作課程是一門入門簡單、易于掌握，但卻難于精通的課程。入門級的網頁制作技術的確比較簡單，但網頁制作技術層次很多，內容很深，深層次的制作技術和操作技巧是不容易掌握的。學生從思想上輕視網頁制作課程的學習后，往往投入的學習精力不足，導致只能掌握一些淺顯的知識，對深層次的制作技術一竅不通。

2.3.2 缺乏練習和改進

要深入掌握網頁制作技術，必須進行大量練習，但是許多學生只是別動的完成教師布置的作業，不主動進行深入的練習，缺乏練習就很難掌握深層次的制作技術和操作技巧。要做出優秀的作品，往往需要多次嘗試和反復改進，但是許多學生只是應付完成作業，缺乏對作品的改進。只有精益求精，在反復比較和不斷的改進中才能做出優秀的作品，從而掌握布局的技巧和操作的技術[7]。

3 解決網頁制作課程教學中存在問題的對策

3.1思想上要重視網頁制作課程的教學和學習

思想的高度認識是做好網頁制作課程教學的前提保障。無論是學校、教師還是學生都應充分認識到網頁制作課程的重要性，要認識到市場對網頁制作人才需求巨大，使學生精通網頁制作技術能夠在嚴峻的就業形勢下為學生提供便捷的就業途徑。高校要加大對網頁制作課程的投入，從教學資源、師資力量、配套管理和服務等多方面促進網頁制作課程教學水平的提高。

3.2要緊跟新技術的發展潮流、講授新技術、學習新技術

要緊跟時代的發展，緊緊把握住新技術的發展潮流和發展趨勢。學校要及時修訂課程教學大綱，及時更新網頁制作課程的教材、安裝和使用新軟件。教師要主動學習新技術，及時了解新動向，加強和企業的合作與交流，并向學生講授新知識，傳遞新技術。學生要通過網絡等途徑加強對新技術的了解和學習，并在各種實習和實踐的過程中主動參與各企業的網頁制作活動，通過實踐努力提高自己的網頁制作水平。

3.3應用新的教學模式和教學手段，提高網頁制作課程教學水平

教師在教學的過程中，要應用新的教學模式和教學手段，積極探索使用翻轉課堂等新的教學模式[8]，借助慕課、微課等輔助教學，嘗試使用項目教學法、案例教學法、層次化教學法等提高教學質量，努力提高網頁制作課程的教學水平。

4 總結

網頁制作技術是一門實用性很強，易于精通、難于掌握的技術。高校的教學要著眼于提高學生水平，促進學生就業，努力解決網頁制作課程教學中存在的問題，提高教學質量，培養合格的計算機技術人才[9]。

參考文獻：

[1] 劉述，杜世友. 就業導向的網頁制作課程設計及其成效[J]. 中國電化教育， 2009（11）.

[2] 戚爽. “Dreamweaver網頁制作”課程的教學研究[J]. 長春理工大學學報，2010（12）.

[3] 郭鋰，葉惠文. 基于“雙層項目驅動教學模式”的計算機基礎課程立體教材開發與應用――以《網頁設計與制作》為例[J]. 中國大學教學，2012（2）.

[4] 郭明，王鳳祿. 按周推]學習安排：課程教學支持服務范式的深度探索――以“動態網頁制作”課程為例[J]. 中國遠程教育，2012（8）.

[5] 丁海燕. “網頁設計與制作”教學實踐與實驗教學設計[J]. 云南大學學報：自然科學版，2012（S2）.

[6] 周小麗. “網頁設計與制作”課程教學改革實踐探究[J]. 教育與職業，2013（8）.

篇5

“網頁制作”是大部分高校計算機相關專業的必修課，目的是使學生通過課程學習，掌握使用html+dreamweaver進行網頁設計的基本方法和網站開發的整個流程；養成嚴謹的邏輯思維能力、問題解決能力；培養學生大膽創新、善于思考的能力。

目前，大部分院校還是采用傳統的知識體系為主，或者知識體系與實踐教學相結合的教學模式，導致學生缺乏學習的積極性，即便掌握了dreamweaver的使用和網頁制作的基礎知識，也不具備進行網站開發的能力。另一方面，課程的知識點較多，并且內容比較松散，會使學習者對其缺乏系統的認識。在該課程的教學過程中，本人進行了一些實踐與探索。課程根據學生的興趣選取真實的教學項目，在課堂教學和實踐教學過程中，圍繞該項目展開教學，取得了顯著的教學效果。

2.基于工作過程的課程設計思路

2.1 設計理念

打破傳統的按照知識體系教授課程的方式，以學生將要從事的“網頁設計師”、“網站工程師”、“網站編輯員”等崗位所需的職業能力為目標，與行業企業合作，進行基于工作過程的課程開發與設計，既保證職業崗位所需技能、相關知識、職業素質的需要，又保持原有面向應用的網站開發技術知識體系的相對完整性，培養學生的職業能力，養成學生的職業習慣，同時也為學生的可持續發展奠定基礎。

2.2 內容組織

在教學內容的組織上，通過對網頁制作課程內容的整合、重組，以“工作過程”為切入點，選取能夠涵蓋高職學生需要掌握的網頁設計與網站開發的實際項目，提煉出以職業能力培養為特色的教學內容，突出技術實用性。充分考慮高職學生認知能力和學習能力，對知識點的講解采用“行動導向”的教學方法，通過“提出任務分析任務完成任務總結”的過程，體現出互動創新、提倡個性、重在應用、團結協作的教學風格，有效的提高了學生的實踐能力和職業素質。

2.3 設計思路

課程按照網站項目開發的全過程和網站開發流程，首先是知識儲備階段，介紹了網站項目開發的相關知識；其次是網站規劃和設計階段，通過網站的分析、規劃和設計培養學生項目分析和設計的能力；最后是網站的創建，主要學習網站開發技術。通過前期、中期和后期三個階段的學習和開發，讓學生體驗一個完整的網站開發全過程。

2.4 學習單元設計說明

課程學習內容基于工作過程，選取一個能夠涵蓋高職學生需要掌握的網頁設計與網站開發的實際項目進行教學設計。本課程通過“××企業網站”的開發講授html+dreamweaver進行網頁設計的基本方法和網站開發的整個流程。

2.5 教學組織與實施

在課堂教學中，重點放在學生的“學”上面。由學生被動地學，改變為學生主動學習的局面。教師在這個過程中的主要工作則是解答學生疑問，協助學生完成任務。

2.6 考核方式

建立過程考評與期末考評相結合的考核體系，過程考評占50分，期末考評占50分。制定科學的評價考核標準，加大過程考核、技能考核和能力考核的比重。在考評過程中體現學生對所完成任務的自我評價，每一學習小組間的學生互評，及學生對課程的評價等，以此來調動學生平時學習的積極性。

3.結束語

通過以上的授課改革，極大地激發了學生的學習熱情，使學生綜合應用了基礎知識，提高了專業技能，初步掌握了解決實際應用問題的能力。培養的學生具有扎實的軟件開發基本功，較強的學習能力、團隊合作能力和創新能力，為今后更快適應軟件開發崗位的工作打下基礎。

參考文獻

[1]吳代文.網頁設計基礎與實例[M].北京：清華大學出版社.

篇6

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

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

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

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

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

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

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

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

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

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

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

篇7

Discussion "Homepage Manufacture" the Curriculum Reforms which Face the Work Process

WANG Wen-li

(Guangxi International Business Vocational College, 530007 Nanning，China)

Abstract: In the now informationization society, many enterprises and institutions all hoped can establish this unit website, in order to propagandize own product and the service on-line, the homepage novel as well as the function formidable can more appealing and a convenient use. The "homepage manufacture" took in the quality colleges and universities computer specialty an essential curriculum will be facing the very big challenge. However the traditional teaching way already did not adapt society's development demand, at present the higher education primary mission was, face the work process, manifested professional technical ability. How in this paper will discuss to "Homepage Manufacture" curriculum reform.

Key words: Homepage manufacture；Curriculum reform

1 對傳統課程改革的必要性

在傳統的教學中，學生往往在完成課程學習后好像是學到了很多東西，但實際操作起來時就沒有了頭緒。也就是學生在學習理論知識時，缺乏對知識的感性認識，就是我們常說的死記硬背；在進入到專業實訓階段中，學生雖然比較感興趣，但往往局限于模仿性操作；而在傳統的考試中更不能客觀反應學生理解、掌握和應用知識的實際情況。這樣造成學生的學習興趣得不到激發，結果是越學越乏味，把學習當作一種負擔只是為了考試而去學，更不利于培養學生的創新能力和獨立工作、解決問題的能力。目前高職專業課程體系的現狀是重知識的系統性，忽視了知識與具體工作任務的聯系。那么我們如何從傳統模式走出來，引導學生開拓思維，使培養的人才更趨向市場需求，避免以往的與實踐脫節呢？這就是要探討的《網頁制作》的教學課程改革的意義。

2 課程改革構思

對高等職業教育來說，就要培養具有較高的職業道德和職業技能的高級應用型專門人才，他們應該具有上崗適應能力和轉崗適應能力，并能適應市場經濟發展的需要。為適應現代化社會的需要，職業教育方法應該緊緊圍繞職業教育的培養目標，運用“面向工作過程”的教學模式，以職業能力培養為課程核心，以實際項目為導向，注重職業情景中的實際技能的培養，開發學生參與活動的能力，能夠讓學生學中做、做中學、邊學邊做，從而提升學生的知識應用能力和技能的遷移能力。為了能夠達到運用“面向工作過程”的教學模式，我們首先思考以下幾個問題：

1) 用職業能力表述課程目標。重點關注學生在完成《網頁制作》這門課的學習后能做什么，可以應用在哪方面，而不只是知道什么；

2) 以工作任務為教學內容。重點是教會學生如何完成工作任務，知識、技能的學習要結合工作任務的完成過程來進行；

3) 圍繞工作任務學習的需要，以典型產品或服務為載體設計“學習項目”，組織教學。做到不與實際“脫軌”。

3 《網頁制作》的課改實踐

3.1 課程內容設計

構建以“網站開發工作流程”為導向的“情景式”課程結構，情景的劃分以“行為導向教育理論”來展開。將知識和技能分為七個學習情景（網頁基礎情景、網頁制作情景、網頁色彩搭配情景、網頁版式設計情景、網絡知識情景、動態設計情景、綜合項目設計情景）16個教學單元，每一個教學單元又包含若干個具體任務，在任務完成過程中進行教學內容的分解，同時項目主線中沒有涉及的內容，采用“問題驅動”的形式進行補充講解。通過完成每一個工作任務，使學生在掌握必要的理論知識的同時，具備收集、處理信息，準備、加工素材的能力；制作靜態網頁效果圖的能力；顏色搭配和版式設計的能力；開發網站的綜合能力；代碼與界面融合的能力；以及創新和策劃能力。

圖1 《網頁制作》課程設計各學習情景

3.2 對學習項目的選擇

選擇“學校網站設計”為工作任務進行驅動，以具體的實現貫穿教學的全過程。“學校網站設計”這個項目比較真實，比如有學生常常登錄使用的“選課系統”、“討論園地”、“校園動態”等頁面，相關的流程學生比較熟悉，不必花太多的時間去了解其他行業網站的體系結構，符合學生的認知規律。

3.3 提供教材外的學習資源

在課程的學習過程中，精選一本好的教材是不夠的，包括知識面的局限性等，所以還要為學生準備或者建議學生到圖書館借閱一兩本教材以外的參考書，選擇的參考書可以是典型案例參考、網頁制作技巧和方面的；也可以給學生提供幾個比較資深的網頁設計的學習網站，鼓勵學生課后主動進行擴充學習。這樣，在參考別人的同時也積聚了一定的網頁制作的知識，同時也培養了學生學習的主動性。

3.4 面向工作式教學

在課程教改中，教師觀念的轉變是帶有決定意義的轉變。觀念變了，行為就會變；行為變了，教學效果才會變。所以從作為高職教師必須清楚我們的課程是“完成一個項目”入手，帶著“項目”去研究和解決實際問題，要求對學生“教、學、做”一體化，而不是傳統的只要求學生這節課掌握什么知識點和重點要求是什么。

首先在學習《網頁制作》這門課前要求已開《圖像處理技術》課程，那么學生就具備了圖像處理的基礎，可以在綜合項目設計時自行準備圖片素材，以免產生盜用圖片版權的誤會同時也是培養學生自主創新意識，可以根據自己的創作思路提供獨一無二的信息；可以在學習《網頁制作》這門課之前也可以同時開《flas設計與制作》這門課程，為制作網頁設計獨特的LOGO以及所需的flas。

我們選擇“學校網站設計”為工作任務進行驅動，在具體的網站設計實現中貫穿了七個學習情景，其中每個學習情景又設置多個工作任務，比如情景一網頁基礎包含有網頁欣賞與設計初步、網站設計流程兩個任務，在這個學習情景中先給學生欣賞一些做得精美的網頁和介紹一些功能比較強大、設計有特色的網站，引起他們學習網頁制作的興趣。接下來實行后面的學習情景，學生模仿做，邊教邊學邊做，教師針對不同的學生和不同的問題給予及時解決，并準備足夠的拓展訓練題，比如網絡尋呼、留言板這些平時學生熟悉又感興趣的任務，以幫助學生強化，最重要的是能夠讓學生學有樂趣，就覺得學有成效。同時開展互動教學，師生互動和學生間互動，相互學習和指出不同的觀點并一起去解決。在這個環節，基礎比較好或者網頁設計得好的同學可以“一幫一”，充當老師的“助手”幫助其他同學共同完成任務，這也是我們在職教中所要求培養學生達到的團結協作的能力。在每個任務階段學習過程中，把學生做得比較好的作品進行展示，以相互學習同時學生得到鼓勵后更激發了學習、創作的興趣。在整個學期都圍繞大型網站項目，將各個知識點融合到每個單元之中，例如在做注冊頁面時用到了表單，在設計特效時用到了時間軸和層，在制作討論區時用到了ASP等等。多個小項目的實施最后完成大項目，讓學生在完成這個大項目后有了一定的成就感。完成了所有實訓環節后，學生模擬項目，可以從個人網站設計、學習網站設計、企業網站設計、旅游網站設計的題目中四選一，個人或者兩、三個學生組成小組合作完成所選的項目。從而引導學生開拓思維，提高了他們實踐能力，為今后的設計累計了經驗。

3.5 考核

“以能力為中心”的原則，形成式考核。主要考核學生掌握網頁制作的程度以及策劃創新等綜合能力。考核內容有平時的實訓任務40%，期中的實訓任務30%，期末項目、案例設計30%。

4 總結

面向工作過程的教學選用生活中的案例作為學習項目，學生認知效率高，能夠學有興趣；在教學過程中通過互動培養了學生的團隊合作精神；綜合項目設計在一定程度上培養了學生創新精神。面向工作過程的教學模式充分體現了職業教育的特點。

參考文獻：

篇8

《網頁設計與制作》是高職網絡專業根據網頁設計與制作、網站管理、網頁編輯的工作崗位能力要求所開設的課程，同時也是進行WEB應用系統開發的重要基礎。針對高職院校的特點，結合本行業的需求及課程特點，該文就該課程的內容如何選取，教學方法與能力培養等問題進行了一些分析和探討。

1　教學內容的安排

1.1　根據課程標準安排教學內容

課程標準是規定課程的性質、目標、內容框架，提出教學建議和評價建議的綱領性教學文件。在進行課程設計前，要先了解該課程的課程標準。

《網頁設計與制作》課程的總體目標是：基于行業企業真實工作過程設計課程教學活動方案。通過項目引入任務驅動式的教學方法，使學生在認知和實際操作上，對網頁有一個整體認識。使學生掌握網頁設計和制作的基本職業技能，能夠制作社會企事業單位的靜態網站，具備網站的策劃、設計和制作及維護的能力。倡導學生積極參與真實項目制作，實踐學真知，積累優秀作品，為就業打下必要基礎。培養學生具有誠實、守信，善于溝通和合作的團隊合作能力，為從事網絡媒體網頁制作工作奠定良好的基礎。

1.2　以行業需求為依據，就業為導向，與時俱進為原則。

通過對IT　行業的發展現狀與趨勢、人才需求狀況、企業調研等方面調查分析，可以將網頁設計分為網頁設計、網頁制作、網站編輯、網站管理　4大崗位群。其中網頁設計主要是網站開發前期界面的效果圖設計，網頁制作主要根據頁面效果圖利用網頁制作工具實現效果圖向網頁的映射，網站編輯主要負責網站內容的維護和管理為主的工作崗位，網站管理主要負責網站的日常維護、網站的改版等工作。

在教學中，可以根據這些職業崗位和不斷發展的IT技術對技能和知識的需求，選取課程教學內容，并從這些職業崗位中選擇一些真實項目作為實踐教學內容。

1.3　以激發學生學習熱情為目的設計教學內容

興趣是最好的老師，有了興趣才能使學習效率提高，因此在學習過程中，為保持學生的學習熱情，必須精心設計教學內容。

網頁設計所涉及的領域十分廣泛，生活之中無處不在。且本課程最終目的為制作一個成功的靜態網站，那么在教學過程中，設計案例、任務及最終項目時，應以當代大學生所感興趣的角度出發，或者給予其充分的自，讓他們為了圓滿完成自己的想法和創意而積極主動的去汲取新的知識，掌握技巧，提高動手能力。

2　教學模式探討

本課程的教學過程中，所采用的教學模式主要有“教學做一體化”，“任務驅動”和“項目教學”等。根據課程特點，使用“教學做一體化”讓學生打好知識基礎，使用“任務驅動”模式讓學生鞏固知識并掌握一定的技能，提高動手能力，并能以完成任務為目標培養自主學習及發現問題解決問題的能力。最后通過“項目教學”培養學生的職業能力。

2.1　“教學做一體化”教學模式

網頁設計與制作的主要知識點在于：html語言、css樣式、網頁制作軟件的操作。對于知識點的教學應該主要由教師講授來引導學生入門，再根據該課程實踐性強的特點，讓學生嘗試用動手操作的方式來理解和消化吸收知識點，再引導學生總結重點、難點、方法和技巧，以此打好基礎，為完成后續的任務而做好準備工作。

2.2　“任務驅動”與“工作項目”相結合

在企業中，完成一個網頁也可以是一個完整的工作過程。完成一個整體網站則需要多個工作過程。本課程的要求是完成整體網頁的設計與制作。其中網頁是由logo、banner、導航、文字、圖像、動畫、視頻等元素組合而成。各個元素的添加的方法與組合方法則是本課程所介紹的重點知識。

在網站建設行業中，不同的企業機構在設計網頁時，均有不同的需求。如有的企業因為信息量小功能少就需要設計簡潔型網頁，而有些則需要設計成大型的結構復雜的頁面，不管是復雜還是簡潔，都是相同的制作流程，不同的是簡潔型涉及知識點少。教學過程中，可以從簡潔型網頁入手，由淺入深設計工作項目，例如設計一個完成純文字頁面的工作項目，將些項目分解為幾個工作任務：認識網頁創建站點應用網頁元素“文字”對網頁布局完成頁面初期效果，通過完成各種工作任務直到整個項目，學生不僅掌握了相關的知識點，還可以以一名網站制作人員的身份，體會了制作頁面的工作過程。

在隨后的教學中，再融入新的知識點，設計稍為復雜的項目，循序漸近，如適當添加元素或者變換組合方式及網站優化等，通過完成不同的項目，體會不同工作崗位的需求：如作為網頁設計師對網頁進行布局、配色與裝飾等；作為網站管理人員從便于維護和修改的角度對網頁進行修改；或者作為網站seo對網站進行全方位的優化處理等。并在完成項目的同時，通過引導學生總結學習方法，引導其自主學習，舉一反三，以達到掌握知識，強化技能的目的。

2.3　以作品評價為考核方式

在學期即將結束之前，教師適合學生能力的工作項目，提出設計要求，學生以網站建設團隊的人員結構為依據，組成小組，并明確分工。以市場調研需求分析整體規劃確定方案收集素材協作完成推廣后期維護的行業實際工作過程，小組成員分別以項目經理、業務員、網站美工、網站編輯、網站設計與制作、網站優化維護人員等身份，以工作的形式完成最終項目的制作，讓學生在做中學，學中做，自主管理，使學習能力、溝通能力、崗位適應能力等各方面都得到提高。通過對項目完成的情況進行評價，項目考核成績*60%　+平時成績*40%作為該門課程總成績。其中平時成績包括為出勤+　紀律+　團隊協作能力（互評成績），這種考核方式注重實踐操作和應用開發能力的培養，可以大大發揮學生的學習積極性和主動性。

3　注重學生能力的培養

從高職院校的特點出發，再結合本行業的需求，本課程以培養學生成為一名優秀的網頁制作人員為宗旨，除了讓學生熟練掌握網頁設計與制作中的各種操作技術具備開發維護小型網站的能力外，還要為學習計算機網絡技術專業后續課程的知識打下基礎。在教學中，應注意全方位的培養學生和各種能力。

首先，對于專業能力，學生除了掌握網站制作流程，網頁制作軟件的操作，使用軟件完成網頁的結構搭建、布局與美化外，還應該順應時代養成手寫代碼的習慣，這樣不僅使制作出來的網頁能符合web標準，同時還能為學習web應用系統開發打下基礎。

第二，在教學過程中，通過完成一個個項目，對學生的協調溝通能力、資料檢索能力、閱讀分析能力、語言表達能力、項目策劃能力、分析能力、創新能力均能進行很好的鍛煉。

第三，模擬工作環境的教學，對于學生端正工作態度，有責任心，具備團隊意識和協作能力都有很好的提高。

4　結束語

隨著經濟與網絡技術的發展，社會對高職類畢業生的要求越來越高，為適應市場需求，高職教師應在教學內容和教學方法、能力培養上應不斷的改革與創新，根據需要調節內容，通過“任務驅動+項目導向”促進學生盡快的掌握網頁設計與制作的相關技能，并在實施過程中全方位的培養學生的專業能力、學習能力、職業能力與社會能力，為大學生就業創業打好基礎。

篇9

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

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]。但近年來，從電子商務專業學生整體就業形勢來看卻不容樂觀，電子商務專業應屆畢業生就業率遠遠低于全國大學生就業平均水平。但另一方面，許多電子商務企業人才難求，網易公司的總裁就曾感嘆拿著鈔票招不來人才，這種看似矛盾的現象凸現了高校在電子商務人才培養環節中的問題[2]。電子商務專業人才培養與行業企業的實際需求之間存在嚴偏差，是直接導致電子商務專業畢業生“學難以致用”的根本原因。因此，要縮小這個差距，需要培養和提高人才適應社會的綜合素質與能力[3]。謝利民（2003）認為，技能包括外部動作技能和內在的心智技能兩方面，兩者是相互聯系、相互依存的，實際操作技能的形成和熟練，不僅僅依靠語言的傳授，還要依靠實踐訓練[4]。曾明等（2011）認為，在傳統的應試教育中，傳授是主要的教學方法，學生是被動的接收者，學生的創造性思維培養被忽視，發展受到束縛。隨著現代社會的發展和素質教育時代的到來，實踐教學作為教學中的薄弱環節，必須得到強化。實踐教學領域的教學方法改革，對培養學生的動手能力和創新精神具有至關重要的作用[5]。綜上所述，進行高校電子商務實踐教學改革勢在必行。

二、電子商務專業實踐教學現狀分析

電子商務行業對人才的綜合性提出了很高的要求。高校所培養的電子商務專業人才在系統掌握電子商務基礎理論與實務知識的同時，要能將經營管理與信息技術、網絡技術以及相關學科知識有機結合。電子商務專業畢業生不僅要具有市場經濟競爭能力和適應能力，同時也應該是具有創新精神和實踐能力的應用型人才[6]。為了深入了解高校電子商務專業實踐教學的現狀，本人總結了若干學者的研究成果，對若干位電子商務專業的教師及學生進行了深度訪談，并對在校電子商務專業學生進行了調查。通過分析調查結果，可以總結出目前電子商務專業實踐教學存在以下問題：

第一，總體來說，很多學生覺得所學到的認識過于抽象，無法用于實際應用中。問卷調查數據顯示，一半多的同學同意“電子商務專業缺乏技能的訓練”。

第二，電子商務相關課程配套的實踐教學比例較少，大部分課程都是以老師講課為主。即使有的課程加上了實踐內容，但一些老師并不重視實踐教學，實踐教學內容不像理論教學那樣有具體的教學大綱和教學要求，因而實踐教學效果并不太理想。

第三，學校內部缺乏實踐教學資源。具體表現在機器陳舊，學校因經費限制無法購置相關軟件，而已經購置的部分軟件卻脫離實際的商業環境，甚至有不少軟件已經落后于現有的應用。

第四，缺乏去校外進行實踐的機會。通過實踐性教學使學生能夠直接感受到電子商務的商業化應用過程，并通過知識的運用深入理解電子商務原理和過程。而由于經費、管理等種種原因，大部分學生沒有去實際公司實驗，根本不了解電子商務的實際應用情況。

三、電子商務專業實踐教學體系的構建

實踐教學體系應該具有連續性、系統性和創造性，按照“知行合一”、“因材施教”的原則，分層次、分模塊循序漸進地使學生受到較系統、全面的實踐能力與創新能力培養[9]。為此可以構建“五位一體”電子商務實踐教學綜合體系。

第一位是認知實習部分。情境認知理論支持一些促進學習的方法（如信息豐富的真實場景中的真實作業）而避開其他的一些方法（如直接教學）[7]。本階段主要安排學生了解本課程在具體企業的應用情況，具體方式可以是通過網站了解、去企業實踐基地了解或聘請企業人士來校做講座。

第二位是基礎訓練，內容是本課程相關基本技能的實習，主要方式是在低年級課程設計期間，學生在學校機房上機完成。

第三位是高級技能訓練，結合具體上課內容，學生在學校機房上機完成。

第四位是綜合模擬訓練。建構主義認為，學習環境中的情境必須有利于學習者對所學內容的意義建構。在教學設計中，創設有利于學習者建構意義的情境是最重要的環節或方面[8]。本階段可以購置相關課程的模擬訓練軟件平臺，在課程設計階段進行。

第五位是綜合實戰訓練。國內外學者研究成果表明，課程內容的選擇上要根據生產或服務的現實需要，更多地傾向于現成、實用技術與規范的經驗知識，而理論知識的學習要求學生理解相關結論，及其推導過程，但更重要的是讓學生掌握其使用方法，學會用理論去指導實踐[9]。因此，該階段要求學生結合企業的具體需求，進行相關內容的綜合練習與演練。

四、“電子商務網頁與網站設計”實踐教學的探討

上述“五位一體”電子商務實踐教學綜合體系是一個概念模型，在不同的課程中，還需結合具體課程的內容進行詳細設計與執行。本文以“電子商務網頁與網站設計”課程為例，探討“五位一體”電子商務實踐教學綜合體系在該課程中的具體應用。

1.本課程實踐教學的重要性。企業建立自己的網站是企業實現網絡化經營及電子商務的必然途徑，企業通過網站樹立企業形象、信息、提供服務、接受用戶反饋信息，利用網站可使企業獲得最大的效益。本課程是電子商務專業的一門專業必修課，是電子商務應用技術中最重要的環節之一。本課程同時又是一門實踐性很強的應用型課程。本課程根據電子商務實際應用過程中的主要環節，結合目前我國電子商務網站建設的實際情況，向學生詳細介紹了建立電子商務網站所必須掌握的技術，并結合實際例子給出了電子商務網站的一般開發流程，包括網頁制作、腳本技術、Web數據庫技術等。通過本課程學習，可以培養電子商務網站設計、開發的實際能力。

2.本課程實踐教學問題。一般來說，本課程作為專業課在大三或大四開設。根據本人調查發現以下幾個問題：

第一，多數學生在中學階段已經掌握初步的網頁制作技術。當前在江蘇省及沿海發達地區的中小學已經開設了信息技術課程，其中已經涉及初步的網頁制作軟件的應用（如Frontpage）。但學生一般對此僅僅是有一個初步的接觸與了解，對軟件的應用也僅僅是皮毛而已。

第二，學生大都對企業電子商務網站缺乏了解。學生一般上網所瀏覽的是娛樂類、新聞類網站，商務類網站中以淘寶網、當當網、卓越網等綜合性商務網站為主，而對行業網站和企業商務網站了解不多。

第三，對相關網站編程技術有畏難心理。如果高校電子商務專業開設在計算機學院，則學生對有關網站編程技術比較感興趣，掌握的效果也比較好。而對于大部分開設在經管類學院的電子商務專業學生，由于缺乏大量的編程練習，且有些學校該專業是文理兼招的，學生編程基礎較弱。

3.本課程“五位一體”的實踐教學模式。基于上述分析，將“電子商務網頁與網站設計”這門課程的相關實習環節構成“五位一體”的教學模式。該體系一共由五輪實習內容組成，每輪實習均有詳細的實踐環節的大綱和實驗指導書。在實驗大綱中，結合課堂教學進度，明確了每次上機實驗的具體任務并在課程網站上公布，使學生通過每次上機鞏固所學內容并鍛煉了動手能力。在實驗指導書中，詳細列出了每次上機的具體操作步驟，學生可以對照自己的上機掌握情況及時總結自己的問題。

第一，商務網站調查實習。本實習在大一下學期課程設計進行。要求學生通過閱讀及上網瀏覽弄清楚電子商務網站的概念；企業電子商務網站的總體架構模式；電子商務網站有哪些常見的類型；不同類型電子商務網站在目的、結構、前臺系統內容上的一般差異；等等。

第二，網頁制作基本技術。本實習在大二下學期課程設計進行。因為課程教學的課時比較緊張，課上不能詳細介紹網站制作軟件的應用，包括Dreamweaver、Photoshop、Flash軟件的基本應用，并且大部分同學具備一定的基礎，而這方面完全可以讓學生自己通過大量上機得以掌握和熟練。

第三，電子商務網站建設高級技術。本部分在大三上學期進行，是配合課程“電子商務網頁與網站設計”的上機練習。由于學生在大二的課程設計中已經對基本的網頁制作相關軟件較為熟悉，因此本部分所包含的內容包括網站平臺IIS的應用、對HTML的深入了解、用Dreamweaver制作網站框架及模板、樣式表的應用、web應用程序開發等等。

第四，電子商務開發平臺的應用。本實習在大三下學期進行。該開發平臺是北京博導前程信息技術有限公司開發研制的，平臺為學生提供一個集成開發環境，學生可以不借助其他任何開發工具，就能在該平臺中完成開發任務。平臺開發環境中還為學生提供許多現成的商務網站開發組件（如購物車組件、商品展示組件等），學生可以直接把組件套用到自己的網站里，這樣就為網站的建設帶來了很大方便。

第五，電子商務網站綜合實習。本實習在大四上學期進行。要求以小組為單位，開發針對具體企業或商家的完整的電子商務網站。這里注重針對真實對象，進行具體的需求分析、網站規劃、網站的結構設計、界面設計、網站內容的整理、網頁制作、網站測試等多個方面，提交內容除了網站之外還有實習報告。該實習要求學生分組完成，使學生之間互相交流，提高團隊意識，培養協作工作能力。

4.主要實踐效果。學生通過多個實習，可以逐步了解電子商務網站的工作流程和整個網站的建設過程，從中學會網站建設過程中涉及的相關知識。通過電子商務網站開發平臺的使用，可以使學生對電子商務網站開發有一個全面的認識，也使學生從整體上了解電子商務的內涵。學生普遍反映，通過“五位一體”綜合實踐體系，既鞏固了書本知識，又提高了動手能力，也為今后就業掌握了一項實際本領。

五、結論

實踐環節在電子商務專業人才培養中具有重要地位，論文提出的“五位一體”綜合實踐教學體系，強調從五個方面逐步地、整體地提高學生實踐能力。具體包括：（1）首先要通過調查、比較，了解某項理論或技術在實際企業的應用情況；（2）一些理論和技術會有部分基礎的實踐內容，可以由學生自學并實踐；（3）教學安排上要配合課堂教學，安排相應的實踐教學課時，旨在讓學生鞏固所學知識并培養動手能力；（4）有關課程可以購置商業軟件公司開發的實踐教學模擬軟件，為學生提供模擬實踐環境；（5）高年級學生應該有結合課程內容及具體企業需求的實戰演練，從而使學生畢業后能盡快適應實際企業的需求。“五位一體”綜合實踐教學體系在課程“電子商務網頁及網站設計”中得到了較好的應用，實踐效果優良。該體系可推廣至“網絡營銷”、“管理信息系統”、“ERP”等其他課程或其他專業的實踐教學環節中。

參考文獻：

[1]飛，楊象馳.電子商務開放式實驗的探索[J].實驗室研究與探索，2007，26（5）：136-138.

[2]琚春華，劉東升，周怡.電子商務專業分類人才培養體系的探索[J].中國高教研究，2011，（3）：87-89.

[3]宋文生.高校電子商務實踐教學改革研究[J].商場現代化，2007，（11）：160-160.

[4]謝利民，鄭百偉.現代教學基礎理論[M].上海：上海教育出版社，2003.

[5]曾明，徐晨.深化教學方式方法改革探尋創新人才培養新路[J].中國高等教育，2011，（15）：47-48.

[6]朱玉春.我國電子商務人才培養中的問題與對策[J].農業網絡信息，2006，（7）：40-42.

[7]戴維H·喬納森.鄭太年，任友群譯.學習環境的理論基礎[M].上海：華東師范大學出版社，2002.

篇11

1 《網頁設計與制作》現狀問題分析

（1）對課程不了解

很多學生都有這個困惑，這門課能干什么？答案就是--開發網站！簡單的來說，學好了這門課，你就有開發、設計網站的能力。這門課包含了靜態網頁制作、動態網頁制作、Photoshop、數據庫以及程序的開發等。通過程序代碼將網頁與數據庫連接，可以實現信息的實時更新。使你的網站成為一個"有生命"的網站。通過DIV層、框架、flash、樣式表等對網頁進行布局和規劃，再加上像JavaScript這種腳本語言來實現用戶與網頁的互動功能，經過這些專業技能的學習，讓學生真正掌握一種技術。

（2）學校以及教師的指導不夠

很多老師通過上理論課的時候將知識授予學生，并未在做后續的指導，這是一門重在實踐的課程，多實踐才能熟練。學校開展相關專業的比賽活動很少，僅憑平常的上機實踐很難完全掌握所學內容。

（3）側重點不明確

很多學校教師在上這門課時，將很大一部分精力放在了對工具的操作上，而忽略了內容的講解，這就導致學生可能工具用的不錯，但是做出來的東西卻很一般，甚至于連一些基本的功能都不能實現。有的學生不太明白這門課程的含義，不知道學這個有什么用，將來能干什么，態度比較猶豫，這也導致對這門課不重視。

2 解決當前問題的方法

（1）學校教學思路

這門課程分為理論部分跟實踐部分，理論知識的講解一般在課堂上進行，通過授課教師的講解，同學之間的演講和作品展示來進行學習，舉例學習是一種更快更有效率的教學方法，授課教師可以結合案例跟教材的內容去詳細給學生進行分析。通過有效正確的教學方法來提高學校的教學質量。在實踐部分，將重心放在學生上面，著重鍛煉和培養學生自主動手實踐的能力，學生有自己的想法后，可以結合教材自己去做網頁，教師在布置任務不應死板的規定學生們必須要完成一個相同的作品，這樣容易將一些學生的想法鎖死。在課程設計上，讓學生以自己的想法去進行設計是《網頁設計與制作》這門課的一個關鍵點，充分展示學生的想法跟意見，讓學生創造自己的作品，培養學生的創新意識。學校應該多給學生提供一些可供實踐操作以及討論的機會，尤其是用所學知識去解決實際問題的機會，與此同時，還應讓學生自己創造機會，慢慢建立自己的學習方式。

（2）教師的教學理念

如今的社會，互聯網的普及率非常高，各種新興的行業發展非常迅猛，所以，學校授課內容應該緊跟時代的發展。技術是在不斷更新的，育人的目的就是想找到一份好的工作，將就業放在第一位，及時歸納總結問題，現實遇到的問題及時解決達到活學活用的目的。教師在授課的同時，應該深入研究教學要求，確保教學內容跟目的合理性，考慮不同學生的實際情況去合理教學。鼓勵學生自我動手實踐能力，支持與同學一起探討問題，教師要積極幫助學生解決他們所遇到的問題，學生通過對教材內容的了解，結合課程模塊方面的實踐將學到的知識運用到實際生活中，最大程度的激發學生學習的熱情，進而形成良好的學習習慣。很多大學生對未來沒有清晰的規劃，在就業選擇上不知該如何做出選擇，所以他們主觀意識上不太確定自己適合做什么，這就導致他們在選專業上的猶豫和不明確。校方要多做對學生未來職業方面指導的工作，讓學生能從一而終認真專心的學習，不再將心思放在"能不能找到工作"上，方向明確了，自然而然學習動力就會充足。

（3）解決學生的困惑

《網頁設計與制作》這門課程，教師給學生應該傳達這樣一個信息：在已經掌握的技術水平跟理論知識之上，還要能夠獨立去實踐。把重點教給學生，合理平衡的分配理論知識與實踐操作所占比例，在掌握學習工具以后，一定要多實踐，多去了解學習理論方面的知識，技術在不斷進步，學無止境，要不斷的更新自己的知識，而不能安于現狀。一種技術可能就是將來的求生技能，所以，學生對任何東西不要有排斥的心理，既然能有一門課程，那肯定是有道理的，有的學生不愿意去學習，是因為他不了解這門課程的作用，這時候，教師跟學校扮演了相當重要的角色，他們應該為學生答疑解難，讓他們明白課程的重要性以及作用。及時指正他們認知上的錯誤。

3 結語

《網頁設計與制作》是一門涉及面很廣的課程，在教師的教學方法跟課程設計實踐的作用下，都能去激發出學生對這門課的興趣，學生自主的探究學習可以豐富完善他們的專業技能更能加深印象，教師在傳授專業知識時應該讓學生明白這門課程的特色和作用，可以使他們在今后的學習和擇業中方向更加明確。

參考文獻：

篇12

1．網頁設計傳統教學存在的問題以及案例教學法的含義及特點

計算機網頁設計是一項具有操作性極強的一個綜合性課程，想要制作出一個“有聲有色”的網頁，就要具備動畫制作、圖像處理以及文字版面處理等相關的一些知識。在計算機網頁設計當中，常用的網頁設計軟件有：Firework、Dreamweaver以及Flash，這就是人們常說的“網頁制作三劍客”。

在一般的技工學校開設網頁設計課程時的教學模式都是沿用傳統的教學模式，通過理論和實踐的模式來組織教學的過程，也就是根據大綱的要求，針對各個章節來對學生進行教學，不同的知識點分別安排一次實驗和理論[1]。然而這樣做的結果是導致學生不能夠學以致用，只會機械的照搬，不能夠融會貫通，沒有達到學生的創新能力的培養。雖然這種教學方式也比較注重實踐教學，但是實際的教學效果卻往往達不到預期想要的目標。形成這些結果的重要原因就是即使是學生對網頁制作中的一些技巧以及技術掌握的非常好，但是在圖片制作、內容排版編排、以及整個網站的布局和規劃上缺乏對整體網站的把控能力，這一點是非常重要的。

案例教學法指的是在學生能夠掌握基礎部分的知識分析、知識理解以及能夠達到辨識能力的基礎上，教師通過精心的課程設計呈現給學生所要學習的案例。并且根據教學目標和課程大綱的要求和教學內容，引導學生通過運用案例來將所學的知識進行討論和分析，并且采取團隊合作和自己獨立思考相結合的模式進行分析，對所學知識進行進一步的分析和辨識以及提高解決具體問題的能力。與此同時，培養學生正確的工作作風、管理理念管理理念以及溝通協調能力的一種教學模式。

案例教學法是一種通過實例為基本的教學方式，在教師教學的過程中通過生動形象的案例來激發學生對網頁設計的學習星期，再把案例當中涉及到的知識點貫穿到學習網頁制作的過程當中，讓學生在學習知識的同時提高解決問題的能力。在整個案例教學的過程中教師扮演著重要的角色，既是設計者又是激勵者，讓學生能夠積極的參與討論。

2．案例教學的實現過程

在案例教學當中沒有一成不變的教學方式，但是只有對每個環節的流程都加以注重才能得以有效的實施，才能夠使案例教學達到成功。案例教學的流程是：案例教學設計組織案例討論實現案例和總結。

2.1 案例教學設計

進行案例教學設計是實施案例教學法的基礎和前提，授課教師要根據教學要求以及教學規劃對講授的內容進行充分的備課和對案例相關的技能和理論的討論，并且對案例教學中可能出現的問題進行分析和討論。

在案例設計的時候要注意以下幾點：教學案例要具有實踐性，設計的案例要跟現實和教學當中的案例相吻合，這樣才能被學生理解；教學案例要具有典型性，教學案例要能夠涵蓋課程中大部分的知識點；設計的案例要具有系統性，在教學的過程中，要用到的案例之間應該是相互聯系和前后貫穿的，而且要由易到難的進行編排；案例設計必須要具有針對性，教師要針對大部分學生的接收能力來設計教學案例和選擇教學案例。

學生在對案例進行分析的同時，還要探索和思考怎樣用于實際，及時有效地促進理論向實踐的轉化，達到理論和實踐相結合，還能不斷的擴展學生的視野。如：在網頁設計的教學中，給學生一個實際的題目，設計個人求職網站。因此，學生就要根據實際情況和結合所學的網頁制作知識來分析求職的素材以及獨立的做出設計，提高學生實踐動手能力和提高學生學習理論知識的興趣。

2.2 組織案例討論

組織案例討論的重點是對問題進行分析，并且提出解決問題的思路和辦法。針對同一個案例不同的學生實現的方法和分析的結果可能不大一樣，有些學生能找到簡易的實現途徑但是難以理解，而有的學生找到的方法比較復雜但是容易理解[2]。因此，教師要引導學生刪除案例當中次要的細節，并且發現案例中的理論知識和案例結構之間的聯系。案例討論的關鍵是教師和學生一起努力，把案例當中的教學內容和理論知識聯系起來。想要達到這樣的要求，教師要做好引導工作，創造自由的討論氛圍，知道案例討論，讓學生成為主角。

案例教學方法主要強調的是在教師進行教學的過程中當做一種交往的情境，在此情境當中，學生可以主動的參與各種互動交流以及學習活動，能夠在情境中反復的進行學習。這就和傳統的教學模式有所不同，傳統的教學模式是以教師為主導思想。而在案例教學當中的主體地位是學生，對學生不要求強記內容，但是要對提出的問題進行積極的思考，并且經過反復的訓練，才能使學生達到分析問題以及解決問題的能力，實現培養動手能力強的目標。如：在網頁設計的教學過程中，教師可以針對不同的內容采取不一樣的教學方式，在最初對Dreameaver MX網頁制作工具進行介紹的時候，因為學生對這個工具比較陌生，教師可以采用案例討論的方式來進行教學。

2.3 實現案例和總結

通過學生對案例進行討論以后，教師要對討論的結果做出評價，摒棄不正確的觀念。并且還要對在案例分析當中需要用到的知識技能以及技巧進行講析。在學生上機操作的時候，就可以按照課堂上的討論內容來對案例進行實現。這樣有利于使學生對需要掌握的知識點牢記。

3．案例教學在網頁設計中的應用

3.1 提高教師自身素養，建立和諧師生關系

一位學者曾今說過，“人只能由人來塑造，能力只能由能力來培養”。作為一名教師的基本條件就是具有淵博的知識，這是教師傳遞知識和經驗來決定的，教師要不斷的學習通過學習方便不斷地向學生提供各種新的不同的信息。只有做到這樣，才能使教師的威信、影響力加以增強，并且提高教育質量。

教師還要通過各種形式的方式去關心和愛護學生，并且深入到學生中去，體會學生的心理感受，做學生的良師益友。

3.2 構建合理知識體系，選取精心教學案例

認知結構是認識事物、適應環境和學習知識必備的條件，而學生在學習的過程是“順應”和“同化”機能的不斷平衡的過程，是認知結構在不斷構建的過程。所以，教師在呈現出新的知識點和引入一些必備的背景知識的時候， 要緊扣教學大綱的重點。教師在進行教學案例的選擇的時候每一個案例都要反映到教學大綱當中的知識點上，做到有針對性。

如：在網頁的頁面布局時可以采用框架以及層和表格的方式，以一個食品網站為例做一個簡單的草圖：第一層插入背景圖片，給網頁一個主色調；第二層插入一個flash動畫，使網頁充滿生機活力；第三層插入精品美食；第四層搭配歌曲體現企業的飲食文化；第五層可以添加一個浮動的物體，使整個網頁看起來更具有立體感。教師要先對學生進行鼓勵用表格布局的方式來解決問題，然后再引出層的概念，一步一步的解決問題，最后完成任務。

3.3 營造輕松的學習氛圍

教師在案例教學的過程中要學會營造一種融洽的、活躍的課堂教學氣氛，讓學生感到心理自由和心理安全，使學生真正做到敢說、敢嘗試。教師在案例教學當中處在主導地位，是案例教學的組織者[3]。因此，案例的實現過程都要由學生來完成。學生的主動性和積極性很大程度的影響了案例的教學的質量以及效果。

4．總結

總而言之，案例教學法改變了傳統教學中學生被動的角色，有利于提高學生的實踐能力和對理論知識的掌握。在案例教學中學生成了學習的主體，提高了學生在學習過程中的自主性，并且還解決了在傳統教學中的一些問題。案例教學法是現代教學法中的一種，想要優化課堂教學，就要運用多種教學模式，根據學生的實際情況來提高課堂教學效果，提高教學質量，培養現代化高素質的應用型人才。

參考文獻：

篇13

"Webpage Design and Making" Curriculum Teaching Method Exploration

FAN Yi-hong

(Electronic Information Engineering College, Henan University of Science and Technology, Luoyang 471003, China)

Abstract: Webpage design and making course has the characteristics of strong practicality and wide knowledge, how to improve the teaching effect of the course is the question that should be solved urgently. According to the author’s practical teaching experience, the paper conducts the research and the summary from the aspect of the course objectives, course content, teaching method, curriculum practice, training and other teaching links, and it achieved good results in actual teaching。

Key words: Webpage design and making; Content of courses; Teaching method

隨著計算機網絡技術的迅猛發展和網絡應用的日益廣泛，Internet在人們的生活、學習和工作中的地位顯得越來越重要，上網沖浪已經成為現代人生活的一個重要部分。信息技術的高速發展，使人們通過網絡來個人或者企業的信息、推廣企業產品已成為一種流行的趨勢。網頁已經成為信息共享和傳播的主要載體，掌握網頁的制作和網站的管理等內容已成為現代人必備的一種技能。

《網頁設計與制作》是軟件技術、計算機多媒體技術、計算機網絡技術、信息技術、信息管理、計算機應用等專業公共的必修課程，也是許多高校的公共選修課，具有實踐性強和知識面廣的特點。該課程要求學生掌握HTML語言、CSS+DIV、JavaScript語言、Photoshop圖像處理、flas制作等基本知識，為后繼課程《動態網頁設計》、《計算機網絡》等打下牢固基礎，因此該課程具有知識點多、操作性強的特點。如何提高《網頁設計與制作》課程的教學質量，是亟待解決的問題。根據近年來對網頁課程的講授經驗，筆者從課程目標、課程內容、教學方法、課程實踐、課程實訓等幾個教學環節對該課程進行了一些研究和總結。

1理論教學

1.1課程目標

《網頁設計與制作》課程內容包括HTML、CSS+DIV、JavaScript、Photoshop、Flash，本課程的教學目標是：

1)使學生掌握HTML基本知識，熟練掌握靜態網頁制作技能；

2)使學生能夠掌握流行的CSS+DIV網頁設計技術，適應網頁設計社會最新需求；

3)使學生能夠用Photoshop進行網頁效果圖的設計并能夠切圖輸出；

4)使學生能夠用Flash進行網頁動畫的簡單設計；

5)使學生能夠掌握JavaScript簡單程序設計，能夠實現網頁的各種動態效果。

1.2課程內容

1.2.1 HTML網頁設計

重點包括網頁設計基礎知識、用HTML設置文本和圖像、列表、超鏈接與框架、表格、表單、網頁制作工具Dreamweaver的基本操作，網站管理、Dreamweaver模板等。在進行課程設計時，突出HTML代碼的教學，而對制作網頁的工具Dreamweaver則著重于操作能力和動手能力的培養。“知其然，知其所以然”是我們的目標。

1.2.2 DIV+CSS網頁設計

DIV+CSS是目前網頁的主流布局方式，DIV+CSS網頁設計技術使得網頁的表現與內容相分離，提高了頁面瀏覽速度，并且使得 網站易于維護和改版，因此，在網頁設計教學中DIV+CSS成為核心的內容，并將對傳統的網頁設計教學產生較大的影響。

該部分重點知識包括CSS基本語法、用CSS設置文本、圖像樣式、用CSS設置超鏈接與導航、用CSS設置表格和表單樣式、CSS盒子模型、盒子的浮動與定位、CSS+DIV布局方法剖析。教學中通過大量的實際應用，反復的練習，使學生真正掌握CSS+DIV的精髓，并體會其在設計網頁方面的優越性。

1.2.3 Photoshop圖像處理

重點包括Photoshop基本工具的用法，選區操作、圖層操作、圖像變換、色彩調整、文字操作、繪畫工具、通道、路徑、融合、圖層樣式、文字樣式及濾鏡等，目的在于能夠用Photoshop設計美觀、清新大方的網頁效果圖并且能把網頁效果圖切片導出。注重學習工具的使用和圖片的處理方法。

課堂教學中應注意培養學生的創新意識，突出“網頁設計重在創意”的理念。尤其對于動漫廣告等專業要發揮學生們美術方面優勢，將計算機技術與美術相互滲透和融合，將網頁作品當作一份具有生命力的完美藝術品。1.2.4 Flas制作

重點包括層的概念，工具的使用，逐幀動畫制作、運動漸變動畫制作、形狀漸變動畫制作、引導動畫制作、遮罩動畫制作，元件的使用，基本動作的使用，在網頁中使用Flash的目的是讓網頁變得更加生動形象，因此在學習技術的同時更要注意網頁動畫的組織形式，與網頁協調。

1.2.5 JavaScript程序設計

JavaScript是目前Web客戶端開發的主要編程語言，也是Ajax的核心技術之一。該部分重點知識包括JavaScript編程基礎，變量、數據類型和表達式，流程控制，函數，對象編程，文檔對象模型與事件驅動，窗口、文檔和表單對象，級聯樣式表（CSS）技術，動態對象和Cookies及安全等，JavaScript中的XML、Ajax技術以及JavaScript實用技巧與高級應用。

1.3教學方法

該課程的教學實踐性較強，知識覆蓋面廣，在教學中要極大的激發學生的參與性，鍛煉學生的動手能力，培養學生的學習興趣。注意引導學生學習理論與實踐相結合，將理論應用于實踐。

教學過程中大膽運用模塊教學法、案例教學法等教學手段，充分調動了學生的積極性和創造性，教學效果明顯提高。

1.3.1模塊教學法

根據教學內容的不同特點，將整個《網頁設計與制作》課程的教學分為五個階段，第一階段使學生熟悉并掌握HTML語言；第二階段重點在于CSS樣式表以及CSS+DIV布局方法；第三階段在于利用Photoshop進行網頁效果圖的制作，并將圖片切片輸出；第四階段在于利用Flash制作動畫；第五階段在于JavaScript程序設計；每一階段要給據內容不同、重點不同采用不同的教學方法。比如在第一階段，要學生學會并熟記HTML標記的用法，這就要通過大量小實例練習；在第二階段主要進行頁面整體布局的練習，學習如何把整個網頁分成不同層次的塊，然后再學習每一塊的設計方法，只有通過全面的練習，才能掌握豐富多彩的網頁設計方法；第五階段則主要學習最新流行的網頁效果的設計，重點在于網頁程序的設計。每一階段的教學內容完成后，在機房組織小測驗，以實現分階段達標，最終使學生完成該門課程的學習任務。

1.3.2案例教學法

在課堂上采用案例教學法，通過精心挑選案例，明確提出需要掌握的知識點及操作技能，以案例帶動知識點，貫穿整個教學過程。比如在講解HTML的標記時，圖片的路徑學生很容易出錯，通過一些小實例講解該標記在網頁實際設計中要注意的問題，學生就很容易掌握；HTML基本標記學完后，通過一個綜合實例――具有多個網頁的網站的設計，綜合應用HTML語法，達到復習和融會貫通的效果；再比如在講解JavaScript程序設計時，理論的講解貫穿在許多流行的JavaScript實例中講解，極大地提高了學生的學習積極性。

2課程實踐

2.1實驗題目的設計

結合理論教學，設計配套的實驗題目，對鞏固課堂效果具有重要的作用。對于上文提到的五個階段，分別設計相應的實驗題目。

2.1.1 HTML網頁設計

實驗1 HTML基本標記練習、實驗2框架與超鏈接、實驗3表格練習、實驗4表單練習、實驗5 HTML綜合實例。

2.1.2 DIV+CSS網頁設計

實驗1 CSS文字排版、實驗2 CSS網頁布局、實驗3背景設置、實驗4 CSS導航菜單設計、實驗5綜合實例。

2.1.3 Photoshop圖像處理

實驗1圖層的實驗、實驗2選區的練習、實驗3圖像的繪制練習、實驗4圖像的編輯練習、實驗5文本的應用、實驗6綜合實例。

2.1.4 Flas制作

實驗1 Flash多種工具的使用、實驗2變形動畫的制作、實驗3運動動畫的制作、實驗4引導（路徑）動畫的制作、實驗5逐幀動畫的制作、實驗6綜合實例。

2.1.5 JavaScript程序設計

實驗1 JavaScript程序設計案例、實驗2用JavaScript制作網頁特效、實驗3 JavaScript內置函數和對象、實驗4 JavaScript事件處理、實驗5 Dom操作實例。

2.2自學模式的創建

為學生創建良好的自學環境。我們建立了該課程的課程網站，學生可以下載教師的多媒體課件、實驗指導、相關學習文檔、視頻講座資料等，課程網站還提供大量的題庫，包括選擇題、填空題、判斷題、問答題、設計題，學生登錄后可以自由練習，從而達到了消化課堂所講知識點、提高學習效果、激發學習興趣的目的。這種做法豐富了教學手段，開辟了學生自學天地。

2.3參與教師科研，以研促學

鼓勵和吸收成績優秀的學生參與教師的科研活動，以科研促教學。學院自行開發的學院網站、學生評教系統、教務管理系統等都有學生參與，同時，學院的許多活動開展后，都安排學生設計相應的網站，這樣使得該課程的教學水平不斷提高。

2.4成立網頁興趣小組，拓寬知識面

組織成立網頁課程的興趣學習小組，具體活動包括：

1）舉辦講座：資深開發人員的經驗報告，網頁知識講座；

2）舉辦競賽：我院已成功舉辦兩屆網頁與flash設計大賽。

這些活動的開展深受廣大師生的好評，激發了學生對網頁設計技術的興趣，培養了學生的動手能力和創新能力。

3課程實訓

網頁的制作不僅要求制作者有熟練的網頁制作技術，還要有一定的藝術設計能力，因此在掌握網頁設計基本技術的基礎上，課程實訓主要培養學生設計能力、創作能力和對所學知識的綜合運用能力，學生需要獨立完成一個表達特定主題的網站，要求參加實訓的學生在規定的時間完成網頁效果圖的設計并切圖輸出，最終在Dreamweaver中布局成網頁。

實訓主要內容包括素材的搜集、網頁整體布局設計，網頁代碼的編寫、調試。實訓時間是32學時，實訓結束后，學生不僅要提交設計報告、Photoshop制作的網頁效果圖和網頁代碼，還要進行現場答辯，這些對學生都是很好的鍛煉。最后教師根據學生所交作品的效果、原創性、復雜性等情況進行成績的評定。

平時實驗課上學生總是按教師給定的素材，給定的效果進行實驗，主要注重的是設計方法和網頁代碼的學習，在實訓中,素材需要學生自己搜集，效果圖需要自己制作，網站的制作方法自己確定。這就要求他們上網查詢大量的資料，遇到問題想辦法解決，學生帶著問題進行學習和探索，培養了學生的探索創新能力。

課程實訓不僅鞏固了學生網頁代碼的設計能力，更是從網站策劃、網頁的界面設計，網站的風格、配色、布局、Photoshop軟件的應用等多方面對學生進行了訓練，為學生能夠做出美觀而又實用的網頁打下了牢固的基礎。

4結束語

明確的教學目標、豐富的教學內容、科學的教學方法、有效的教學手段大大增強了學生主動參與學習的積極性。隨著網頁技術的進一步發展和進步，網頁設計與制作課程的教學還必須與時俱進，不斷的改革和創新，教師只有不斷的學習新的教學理論，掌握現代化的教學手段，才能勝任高效教育工作，為社會培養高素質的技術應用型人才。

參考文獻：