前言：中文期刊網精心挑選了網頁制作課程設計總結范文供你參考和學習，希望我們的參考范文能激發你的文章創作靈感，歡迎閱讀。
網頁制作課程設計總結范文1
關鍵詞：網頁制作；任務驅動法；公共選修課
公共選修課作為高校課程體系的必要組成部分,在人才培養中起著優化知識結構、提升綜合素質、促進個性發展等重要作用，解決公選課開設過程中存在的問題，提高教學效果，是高校教學研究的一項重要課題[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．
[6]丁海燕．“網頁設計與制作”教學實踐和實驗教學設計[J].云南大學學報(自然科學版),2012,34(S2):327-330．
網頁制作課程設計總結范文2
【關鍵詞】 網頁設計與制作 教學改革 教學方法
隨著信息技術的飛速發展，網絡已成為人們相互交流和獲取信息的又一重要手段，為此互聯網上出現了形形的各種網站，無論是企事業單位的門戶網站還是個人的博客等都成為人們自我展示和交流互動的平臺，這一平臺的基本構成元素就是一個個網頁。因此，在教學過程中，我們加以引導，理論夠用為度，重點培養學生動手實踐 能力和自學能力。
1 教學方法的探討
網頁制作是一門實踐性和操作性非常強的課程，通過幾輪的教學，我認為在這門課程的教學中不能采用傳統的教學方法，而是要努力提高學生的綜合應用能力和創新能力，加強學生的實踐動手能力，為此我采用課堂講解及案例分析法、項目教學法、案例錄像演示、階段實訓，綜合實訓的教學方法。做到學以致用，以“用”促學，邊“用”邊學，突出“教，學，做”一體化的教育理念。
1.1 案例教學法
要求學生做出高水平、高質量的網頁，首先要開闊學生的視野，開拓學生的思路，教師在上課的過程中，一定要精心設計案例，充分利用互聯網上的資源，搜索學生感興趣而且水平較高的網站作為案例，并能結合課程教學的需要將知識點融于其中，不僅起到教的作用，更要在其過程中，激發學生內在的動力，因為學生在剛剛接觸網頁設計這門課程時，沒有網頁設計的思路和方法，即使是做一個簡單的個人主頁，學生都會覺得無從下手。我們必須通過模仿一些精美的案例，讓學生來了解網站建設的方法和流程，模仿他人的網站，從網站的配色到網站的布局、網站的內容結構等都可以模仿，這樣就可以將在模仿他人網頁中學到的知識結合到自己的創造中來。
1.2 項目教學法
在教學過程中，為了達到對網頁制作知識和技能的系統掌握和知識整合，綜合提升學生能力，倡導將教學結果作為項目內容直接提交給用戶，使得學另外生能夠零距離地接觸市場。擴大校外實訓基地建設，以滿足本課程真實工作任務下的教學。
以企業對于崗位的需求為起點，把企業的實際環境引入到教學環境中去，并將兩者有機地結合在一起，對具體項目的參與和剖析，非常有利于學生對知識架構的整體把握。不同能力的學生分別承擔相應的任務，能力強的學生可以適當地承擔核心任務的開發。項目教學法可以充分發揮學生的主觀能動性，極大地提高了具體層面的操作能力，培養了團隊合作意識，同時幫助他們學會如何更好地對問題進行發現、分析、解決。
1.3 屏幕錄像演示法
針對職業院校的學生。程度參差不齊，對于接收能力較差的同學，制作案例的過程，無法做到一次全部領悟，教師可以采用邊講解邊錄像的方法，學生課下可以參照錄像回顧教師講解的知識點，完成本課基本案例的制作。在此基礎上以達到獨立完成拓展案例的制作，以此來鍛煉學生的綜合應用能力和分析問題、解決問題能力，提高學生的綜合素質。
1.4 階段實訓法
定期給學生一些虛擬項目作為課程設計，培養學生單獨規范的做項目的能力及網站設計的綜合能力，在設計中注意引導學生提高審美能力，強調技術與藝術的融合，將網頁作品當作一份具有生命力的藝術品。教師指導學生實施具體項目，引導學生解決問題，項目完成后，學生之間先進行自評，互評，最后教師點評，并把優秀作品向全體學生加以展示，以激發學生學習興趣、形成持久學習動力，提升自主學習能力。
2 考核、評價方法的改變
網頁制作課程的實踐性非常強，我們要檢驗的是學生的設計能力、綜合應用能力和創新能力。對于網頁這門課程，我認為比較合理的評價方法應該是平時的作業占40%，階段實訓占20%，期末考試占40%，平時的作業就是一次次的案例，檢查學生平時學習的態度和知識的掌握情況，階段實訓可以考核學生的學習情況，要求在考試時間內完成題目。對于期末考試，應該以要求學生設計一個完整的網站來結束本課程，本身一個網站的建設在短短的兩三個小時內是無法完成的，包括素材的收集、版面的布局、內容的充實等，學生可以利用互聯網來收集相關的資料，參考引用他人模板來完成任務，所以應該以上交作品的形式完成本課程的期末考試，，在作品完成的過程中，老師進行巡視、評價，也就是我們考核的不僅僅是最后的作品，而是將完成作品的過程也作為我們評價的一個依據。最后，上交的作品可以讓全班同學互相點評、互相評價，在評價別人作品的同時以提高自己的水平。
3 職業資格考試的推廣
《網頁制作》是全國職業院校計算機技能競賽的項目之一，在教學過程中教師就要不斷反思，不斷地總結經驗教訓，和企業保持緊密聯系，了解企業最新的技術和方法，使學生能夠真正掌握這門技術。鼓勵學生參加每年進行“網頁制作”和“三維動畫設計師”的職業資格培訓和職業技能鑒定考試，為學生就業開辟了通道。
在《網頁設計與制作》這一典型的技能實踐類課程教學中，教學方法改革十分重要，要求充分發揮學生的主管能動性，通過師生之間、學生之間的互相學習、講座和交流實現相互促進和技能的提高。通過教學方法改革，激發學生積極性和主動性，同時通過師生間的交流及時發現學生學習中和教師教學中存在的一系列問題，及時總結經驗，提高教學和學習質量，在促進學生個性發展的同時，亦可提高教師的教學技能。
參考文獻：
[1]張偉娜.《網頁設計與制作》課程教學的探討與實踐[J].教育信息化，2008（3）.
[2]馬強.Dreamweaver網頁設計課程教學方法探討[J].福建電腦，2008（4）.
網頁制作課程設計總結范文3
【關鍵詞】計算機教學；實踐；目標
【中圖分類號】TP391.41 【文獻標識碼】A 【文章編號】1672-5158（2012）11-0264-01
一、提高學生的學習興趣
學習任何一門課程之前，首先應該讓學生對所要學習的課程感興趣，如果第一節課不感興趣，可能會導致對以后有意思的內容也忽略了。總之，第一節課要抓住學生對這門課不熟悉而興趣盎然的機會，提高學生的學習興趣。
二、明確目標，完成任務
每節課都給出具體的教學目標和知識點，讓學生在一個個典型的實例下展開學習。引導學生由淺人深、由易到難、循序漸進地完成一系列的學習任務。在完成任務的過程中，培養學生分析問題、解決問題以及用計算機處理信息的能力。如該課程的技能目標是：“能夠綜合運用網頁制作三劍客軟件獨立制作+網站”?？梢宰寣W生找出自己感興趣的網站，然后讓學生對感興趣的網站進行臨摹，完成教學任務。
三、目標分解
在目標明確的基礎上，把總目標分解成為一個個小的目標，進行知識點細化。如該目標涉及的知識點有：
1、網站設計，開發流程
一般先讓學生上網進行觀察，然后以書面形式，總結一下不同網站的特點。再根據自己的興趣和愛好，收集資料、設計版面，完成網站的設計工作。
2、網頁制作三劍客系列操作使用
網頁制作軟件一般有DreamWeaver MX 2004、動畫制作軟件FlashMX 2004、圖形圖像處理軟件FireWorks MX 2004等。例如，網頁制作軟件DreamWeaver，講解模板時一般學生都能根據所學知識制作一個簡單網頁?？梢蕴崾緦W生，如果想制作多個主題一致的頁面時，怎樣可以節省時間？那么采用模板是最簡單快捷的。講授動畫制作軟件Flash時，每節課都先把制作結果演示給學生，“飛翔的文字”、“淡入淡出”、“鼠標跟隨特效”等等來說明它的應用，然后再帶領學生具體去實現它。
3、其它軟件的使用
PhotoShop7.0圖形圖像處理軟件可能在以前的學期開設過，所以可以省下FireWorks MX 2004的教學工作，用節省的時間來完成精彩網頁的制作。用FrontPage2003這個軟件也可以制作相當精彩的網頁。比較難的就是用記事本編寫HTML代碼，這個可以在以）～ASP動態網頁制作加強練習。
四、依靠現代化教學手段
通過多媒體教學系統，在教學過程中將教師計算機的屏幕同步傳到學生的計算機屏幕上，將整個操作過程展示在學生計算機的屏幕上，使學生得到直觀感受，快速掌握操作步驟，從而提高教學效果。這個過程不要時間太長，否則會使學生忘記前段所講內容。學生上機練習時，教師隨時觀察并輔導每位學生的上機情況。
五、培養學生創新能力
信息技術學科發展迅猛，單單靠教師的課堂傳授是遠遠不夠的，利用網絡資源共享讓學生能自己搜尋資料，判斷信息的價值，通過掌握幾個有代表性的軟件，能舉一反三，觸類旁通，提高自主學習能力。在學習告一段落時，加入一個綜合性的大任務，集中體現前面所學的知識?？捎谜n程設計的形式讓學生獨立完成與課程核心相關的項目，進一步培養學生獨立操作的技能，達到教學目標。例如，本課程可讓學生為某單位設計一個網站或制作個人站點，然后將站點傳到免費空間上申請免費的空間，如果有條件可自建服務器，進行作品的討論，交流作品。本課程可以沒有期末考試，采取學生與學生之間互相評分，綜合成績之后，做為期末的分數。這樣做的結果不但可以使學生找到自己站點上的優缺點，還可以通過互相評分，找出別人站點上的特色，以便在以后的工作中學以致用，還可以使學生們在相互交流中不斷增長知識技能，進一步培養學生的協作精神。
六、注意因材施教
教學中要注意學生特點和知識接受能力的差異現在有些學生從小就進行過計算機應用的學習，而有些學生沒有接觸過計算機，這樣我們不能讓走在前面的學生原地踏步，無所事事，浪費時間和精力；也不能讓后面的學生失去信心，放棄努力。為了調動每一位學生的學習的興趣，計算機課堂教學尤其需要因材施教，采用合適的教學方法，利用不同的方式組織教學，至關重要。學有余力的同學，在完成任務后，可深入學習其它知識；基礎較差的同學，也可以循序漸進地學習，教師也可花較多的時間用以輔導后進同學，既保證了課堂容量，又提高了課堂效率，更主要是可以促進學生的學習主動性、積極性、創造性。
七、牢固掌握學過的知識
網頁制作課程設計總結范文4
關鍵詞：工作過程；學習情境；網頁設計
“網頁設計與制作”是我院計算機應用技術專業和計算機網絡技術專業的專業核心課程，主要培養學生的網站規劃、網站效果圖的設計與制作、網頁設計、網頁動畫設計、網站后期編輯、網站測試及等技能，是一門實踐性和操作性非常強的課程。如何將高職生培養成合格的網頁設計師，使學生上崗后的能力能適應工作崗位的要求，這是本課程教學的總體目標，也是課程設計的方向。
一、職業崗位能力需求分析
通過對計算機相關專業學生畢業后從事網頁設計與制作相關工作崗位的需求調研、畢業生問卷調查、網上企業招聘信息查詢統計、校企合作辦學等多種形式，在充分了解行業、企業具有的適合計算機相關專業畢業生就業崗位的前提下，由企事業專家和專、兼職教師組成的專業建設與課程建設指導委員，通過反復論證，確定本課程相關的職業崗位、崗位能力及崗位所需的綜合
素質。
二、課程設計的理念與思路
1.課程設計的理念
本課程根據高職教育的特征，將“基于工作過程系統化”和
“行動導向教學”作為課程開發與設計的基本理念。將教學內容設計為5個學習情境，打破傳統網頁教學的條塊界限，將網頁設計與制作的實際過程作為課程教學主線，這樣網頁設計與制作的實際順序即是本課程的教學順序。
2.課程設計的思路
本課程的開發設計充分體現了職業崗位要求――職業性（網站策劃崗位、網頁設計崗位、網站建設崗位、網站管理崗位）、豐富多樣的實踐環節――實踐性（課內項目、課外拓展項目、網頁技能展示、畢業實習和畢業設計）和教學內容的靈活可選性、可拓展性――開放性（網頁設計競賽、網上教學資源、校外專家講座）。
三、教學內容的組織與實施
1.教學內容選取的指導思想和基本原則
（1）根據網站開發職業崗位要求和相關職業資格標準，適時調整更新教學內容。
（2）以項目能力作為課程培養的主要目標，以真實項目為載體組織教學內容，注重培養項目實施能力。
2.以網站項目為載體，重構和序化教學內容
課程組通過對市場調研、聽取畢業生的反饋信息，與校內外行業專家充分研討分析，確定了課程的職業崗位指向是“網站策劃員”“網頁設計與制作員”“網站管理員”“網頁美工員”“網頁編輯員”和“網站運營員”等，并對這些典型工作崗位的職業能力進行了分析，選取了“武威職業學院校園十佳歌手評選活動宣傳網站建設”“放飛夢想個人網站建設”“武威職業學院信息技術公司網站建設”“武威旅游網站建設”和“佳佳商城網用戶及留言管理系統建設”等5個學習情境作為課程的教學內容，并為每個情境設計了6～10個教學任務，重構和序化教學內容，將真實項目精心分解成符合學生認知規律的教學任務，將技能點、知識點合理地融入各個教學任務中，打破了傳統的“先理論，后實踐”的教學組織方式。
在網站項目教學過程中，學生要根據項目來學習，具有很強的學習目的性、積極性和主動性，激發學生學習熱情。每個項目的教學過程都要遵循：“項目任務內容項目”這樣一個過程。在這個過程中，學生根據項目需求可以對前面學習的內容進行分析、總結、歸納、提高、整合。
3.教學內容的選取與教學實施
依據所確定的職業崗位選取教學內容，在確定網站教學項目時，遵循學生的職業成長規律，將網頁設計基礎知識、網站欣賞、網站規劃與設計、網頁效果圖設計等16個教學模塊進行了重構與序化，以5個網站項目為載體，綜合理論知識、操作技能和職業素養為一體。
5個學習情境之間由易到難，層層遞進，在不斷補充新知識、新技能的同時，對課程的重點和難點進行反復強化。通過5個網站項目的學習，學生不但能夠掌握網頁制作與網站設計的專業知識和專業技能，還能夠全面培養其團隊協作、溝通表達、拓展創新、愛崗敬業、精益求精、求真務實的職業道德與規范等綜合
素質。
4.課程考核
本課程的評價采用過程性評價（項目評價）和期末考評（課程考核）相結合的方法。最終課程成績由“平時成績（占20%）、項目考評（占30%）、期末考評（占50%）三個部分組成。具體考核要求見下表。
四、教學效果
學生對該課程采用基于工作過程系統化的教學反映良好，對教學中引入企業項目案例設計，與生產實踐相結合的探索感到滿意。良好的實習、實訓條件也使學生的設計制作能力得到了明顯提高，實現了工學的無縫結合。基于工作過程系統化的課程和行動導向的教學模式充分調動了學生學習的興趣，學生普遍認為在這種教學模式下老師們的授課重點突出，難易適度，在教學中引入前沿知識和實際項目擴展視野，使學生在專業技能得到提高的同時，職業綜合素質也得到了很好的鍛煉和提高，為將來就業打下了良好的基礎，同時該課程改革已得到校內外專家的一致好評，我院學生連續多次在甘肅省大學生創新杯計算機應用能力競賽網頁設計項目中獲得各種榮譽，已經取得了明顯的效果。
參考文獻：
[1]姜大源.當代德國職業教育主流教學思想研究[M].北京：清華大學出版社，2007.
[2]王美萍.關于“工作過程系統化”教學模式應用的探討[J].中小企業管理與科技，2009.
網頁制作課程設計總結范文5
1理論教學
1.1課程目標
《網頁設計與制作》課程內容包括HTML、CSS+DIV、JavaScript、Photoshop、Flash，本課程的教學目標是：1)使學生掌握HTML基本知識，熟練掌握靜態網頁制作技能；2)使學生能夠掌握流行的CSS+DIV網頁設計技術，適應網頁設計社會最新需求；3)使學生能夠用Photoshop進行網頁效果圖的設計并能夠切圖輸出；4)使學生能夠用Flash進行網頁動畫的簡單設計；5)使學生能夠掌握JavaScript簡單程序設計，能夠實現網頁的各種動態效果。
1.2課程內容
1.2.1HTML網頁設計重點包括網頁設計基礎知識、用HTML設置文本和圖像、列表、超鏈接與框架、表格、表單、網頁制作工具Dreamweaver的基本操作，網站管理、Dreamweaver模板等。在進行課程設計時，突出HTML代碼的教學，而對制作網頁的工具Dreamweaver則著重于操作能力和動手能力的培養?！爸淙唬渌匀弧笔俏覀兊哪繕?。
1.2.2DIV+CSS網頁設計DIV+CSS是目前網頁的主流布局方式，DIV+CSS網頁設計技術使得網頁的表現與內容相分離，提高了頁面瀏覽速度，并且使得網站易于維護和改版，因此，在網頁設計教學中DIV+CSS成為核心的內容，并將對傳統的網頁設計教學產生較大的影響。該部分重點知識包括CSS基本語法、用CSS設置文本、圖像樣式、用CSS設置超鏈接與導航、用CSS設置表格和表單樣式、CSS盒子模型、盒子的浮動與定位、CSS+DIV布局方法剖析。教學中通過大量的實際應用，反復的練習，使學生真正掌握CSS+DIV的精髓，并體會其在設計網頁方面的優越性。
1.2.3Photoshop圖像處理重點包括Photoshop基本工具的用法，選區操作、圖層操作、圖像變換、色彩調整、文字操作、繪畫工具、通道、路徑、融合、圖層樣式、文字樣式及濾鏡等，目的在于能夠用Photoshop設計美觀、清新大方的網頁效果圖并且能把網頁效果圖切片導出。注重學習工具的使用和圖片的處理方法。課堂教學中應注意培養學生的創新意識，突出“網頁設計重在創意”的理念。尤其對于動漫廣告等專業要發揮學生們美術方面優勢，將計算機技術與美術相互滲透和融合，將網頁作品當作一份具有生命力的完美藝術品。
1.2.4Flas制作重點包括層的概念，工具的使用，逐幀動畫制作、運動漸變動畫制作、形狀漸變動畫制作、引導動畫制作、遮罩動畫制作，元件的使用，基本動作的使用，在網頁中使用Flash的目的是讓網頁變得更加生動形象，因此在學習技術的同時更要注意網頁動畫的組織形式，與網頁協調。
1.2.5JavaScript程序設計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的<img>標記時，圖片的路徑學生很容易出錯，通過一些小實例講解該標記在網頁實際設計中要注意的問題，學生就很容易掌握；HTML基本標記學完后，通過一個綜合實例——具有多個網頁的網站的設計，綜合應用HTML語法，達到復習和融會貫通的效果；再比如在講解JavaScript程序設計時，理論的講解貫穿在許多流行的JavaScript實例中講解，極大地提高了學生的學習積極性。
2課程實踐
2.1實驗題目的設計
結合理論教學，設計配套的實驗題目，對鞏固課堂效果具有重要的作用。對于上文提到的五個階段，分別設計相應的實驗題目。
2.1.1HTML網頁設計實驗1HTML基本標記練習、實驗2框架與超鏈接、實驗3表格練習、實驗4表單練習、實驗5HTML綜合實例。
2.1.2DIV+CSS網頁設計實驗1CSS文字排版、實驗2CSS網頁布局、實驗3背景設置、實驗4CSS導航菜單設計、實驗5綜合實例。
2.1.3Photoshop圖像處理實驗1圖層的實驗、實驗2選區的練習、實驗3圖像的繪制練習、實驗4圖像的編輯練習、實驗5文本的應用、實驗6綜合實例。
2.1.4Flas制作實驗1Flash多種工具的使用、實驗2變形動畫的制作、實驗3運動動畫的制作、實驗4引導（路徑）動畫的制作、實驗5逐幀動畫的制作、實驗6綜合實例。
2.1.5JavaScript程序設計實驗1JavaScript程序設計案例、實驗2用JavaScript制作網頁特效、實驗3JavaScript內置函數和對象、實驗4JavaScript事件處理、實驗5Dom操作實例。
2.2自學模式的創建
為學生創建良好的自學環境。我們建立了該課程的課程網站，學生可以下載教師的多媒體課件、實驗指導、相關學習文檔、視頻講座資料等，課程網站還提供大量的題庫，包括選擇題、填空題、判斷題、問答題、設計題，學生登錄后可以自由練習，從而達到了消化課堂所講知識點、提高學習效果、激發學習興趣的目的。這種做法豐富了教學手段，開辟了學生自學天地。
2.3參與教師科研，以研促學
鼓勵和吸收成績優秀的學生參與教師的科研活動，以科研促教學。學院自行開發的學院網站、學生評教系統、教務管理系統等都有學生參與，同時，學院的許多活動開展后，都安排學生設計相應的網站，這樣使得該課程的教學水平不斷提高。
2.4成立網頁興趣小組，拓寬知識面
組織成立網頁課程的興趣學習小組，具體活動包括：1）舉辦講座：資深開發人員的經驗報告，網頁知識講座；2）舉辦競賽：我院已成功舉辦兩屆網頁與flash設計大賽。這些活動的開展深受廣大師生的好評，激發了學生對網頁設計技術的興趣，培養了學生的動手能力和創新能力。
3課程實訓網頁的制作
不僅要求制作者有熟練的網頁制作技術，還要有一定的藝術設計能力，因此在掌握網頁設計基本技術的基礎上，課程實訓主要培養學生設計能力、創作能力和對所學知識的綜合運用能力，學生需要獨立完成一個表達特定主題的網站，要求參加實訓的學生在規定的時間完成網頁效果圖的設計并切圖輸出，最終在Dreamweaver中布局成網頁。實訓主要內容包括素材的搜集、網頁整體布局設計，網頁代碼的編寫、調試。實訓時間是32學時，實訓結束后，學生不僅要提交設計報告、Photoshop制作的網頁效果圖和網頁代碼，還要進行現場答辯，這些對學生都是很好的鍛煉。最后教師根據學生所交作品的效果、原創性、復雜性等情況進行成績的評定。平時實驗課上學生總是按教師給定的素材，給定的效果進行實驗，主要注重的是設計方法和網頁代碼的學習，在實訓中,素材需要學生自己搜集，效果圖需要自己制作，網站的制作方法自己確定。這就要求他們上網查詢大量的資料，遇到問題想辦法解決，學生帶著問題進行學習和探索，培養了學生的探索創新能力。課程實訓不僅鞏固了學生網頁代碼的設計能力，更是從網站策劃、網頁的界面設計，網站的風格、配色、布局、Photoshop軟件的應用等多方面對學生進行了訓練，為學生能夠做出美觀而又實用的網頁打下了牢固的基礎。
網頁制作課程設計總結范文6
【P鍵字】 行動導向課程設計網頁
一、了解工作過程，制定課程主要內容
行運導向課程是基于工作過程的，《網頁設計與制作》相關內容是網站建設的，有必要先了解網站建設的基本工作過程，其過程為：（1）對網站進行需求分析；（2）網站地圖規劃；（3）網頁結構設計；（4）網頁美工設計；（5）網頁素材收集；（6）網頁代碼編寫；（7）網站測試和以及上線；（8）網站運行維護。要完成上述的工作過程需要多門科目的相關知識與技能，比如“網頁美工設計”就需要photoshop知識，“網站上線”需要用到服務器、域名等知識。因為課程時間有限，就必需對工作工過相關知識有所取舍和有所側重，在《網頁設計與制作》課程中，將網站地圖規劃、網頁結構設計、網頁代碼編寫這三個內容作為主要內容，如果學生有一定的photoshop基礎技能，可將網頁美工設計和網頁素材收集這兩個過程納入課程的教學中，如果學生沒這些基礎，則無須花太多時間在本課程中講解和練習，在網頁結構設計中采用草圖，在美工設計中教師可直接給出相關的素材。
二、了解工作崗位，制定課程的培養目標
與本課程相關的常見崗位有：（1）網站設計員；（2）網站美工制作員；（3）網頁前端開發員；（4）網站后臺程序開發員；（5）網站維護員。其中網頁前端開發的工作量是最大的，因此在課程設計中將網頁代碼編寫作為重點知識與技能。根據工作崗位的情況，設置了三個培養目標：知識目標、能力目標和情感目標。
2.1知識目標
知識目標是傳統教學模式中為學生制定的學習目標，它是弊端是學生掌握了基礎知識后卻不會應用在工作中，但學習基礎知識是為了有能力去完成任務，知識目標是基礎，不應被忽視，現將本課程知識目標制定如下：
（1）了解網站開發的工作過程；
（2）掌握網站地圖及網頁結構相關知識；
（3）掌握HTML基本標簽的使用；
（4）掌握表格布局、框架網頁、層的布局等知識；
（5）掌握模板和庫的使用；
（6）掌握CSS的樣式的定義、設置及應用；
（7）掌握Javascript、JQuery腳本語言的使用。
2.2能力目標
基于工作過程的教學方法非常強調動手能力，在學完某一課程后，是否有能力去完成相關的工作，是否有能力去勝任相關的工作崗位，現將本課程能力目標制定如下：
（1）能夠設計網站地圖及網頁結構；
（2）能夠通過HTML、CSS及JS等代碼實現網頁。
2.3情感目標
情感態度指興趣、動機、自信、意志和合作精神等影響學生學習過程和學習效果的相關因素以及在學習過程中逐漸形成的祖國意識和國際視野。制定合理的情感目標，保持積極的學習態度是學習成功的關鍵。
（1）培養學生獨立進行系統分析、設計、實施、評估的能力；
（2）培養學生獲取、分析、歸納、交流、使用信息和新技術的能力；
（3）培養學生自學能力、理解能力與表達能力；
（4）培養學生口頭語書面表達能力、人際溝通能力；
（5）培養學生計劃組織能力和團隊協作能力；
（6）培養良好的心理素質和克服困難的能力。
三、傳統講授與行動導向相結合的教學模式
課程的教學模式主要分為兩大部分：
第一部分為基于教師講授的傳統教學部分，主要內容有：
（1）網站及網頁概述與開發步驟；
（2）網站地圖及網頁結構；
（3）HTML語言與CSS樣式基礎；
（4）Javascript、JQuery基礎。
第二部分為行動導向教學模式，通過已掌握的基礎知識及開發過程中獲取的技能完成案例網站的開發，以網站完整的開發過程為案例，這樣可以讓學生了解一個網站的開發流程，主要內容有：（1）網站地圖的設計；（2）網頁結構的設計；（3）網頁內容的實現。
之所以在本課程中加入教師講授這種傳統的教學方法，是因為在以往的行動導向課程中發現，直接進入案例的行動導向教學，學生在剛開始接觸這門課程時是沒有相關的基礎知識，學生就需要從大量的知識中找到任務所需的知識，這猶如大海撈針，所以一個任務完成，學生不知道要學哪些知識，打擊學生的積極性。
教師以傳統的講授教學模式進行，從而縮小學生自學知識點的范圍，減少學生的迷茫，減輕學生在行動導向過程中的學習負擔，提高匯報知識的準確性，提升學生學習興趣，增加學生的成就感，讓學生快樂地學習。
講授法雖然能讓學生掌握知識，但無法讓學生將所學的知識轉化成技能，無法勝任工作崗位對能力及情感的要求，應用到網頁開發工作過程當中，故因將課程的重點放在案例實施的過程中，以行動導向教學模式為平臺，讓學生掌握完成網頁實現的方法，有能力完成案例中的網頁，并能將技能擴展到其他網頁設計與制作中。但僅僅一個網站的案例無法完整展示該門學科的知識，需要在課堂練習及課后練習補充相應的小案例，以完善課程的知識結構。
四、細心地設計各小案例
教師在每次課前都應細心地設計每個小案例中的教學任務，每個小案例的教學任務應注意以下幾個方面：
（1）在每個小案例中都應體現知識目標、技能目標與情感目標，在不同的案例中運用相關的技能實現網頁的制作，需要讓學生有完成任務的技能，還要讓學生掌握完成任務的方法，因為課堂所學的知識與技能在現實的網頁制作中是不夠用的，學生只有即掌握技能又有方法獲取新的知識，才能勝任網頁設計與開發的崗位。
（2）同一小案例中安排不同層次的任務，對于前期知識與技能掌握較好的學生提出相對復雜的任務，對于掌握較差的學生提出相對較簡單的任務，無論哪種難度的任務都能完成本案例，鼓勵學生完成復雜的任務，實在困難先完成簡單的任務，在課后再完成復雜的任務，這樣即能讓知識較差的學生學習該案例中的知R技能與方法，提升他們的積極性，又不妨礙較好的學生對更高層次知識技能與方法的掌握。
（3）任務相關知識的擴展與提升，比如：某個效果可以用多種方法實現；某個方法可以在不同的效果上實現。行動導向教學強調的是知識與技能的遷移與應用，在設計小案例時應將相關知識與技能的擴展提示給學生，培養學生自學能力與理解能力。
（4）注重學生的自我總結與分享，每個小案例完成后，讓學生分享通過本任務中所學的知識與技能，任務實施過程中所走的彎路，分享能夠培養學生進行總結的良好習慣，提升學生口頭語書面表達能力、人際溝通能力。
（5）教師的教學行為重點放在課程準備教師點評。在傳統的教學方法中，以教師講授為主，學生是被動學習知識，在行動導向教學模式中，學生是主體，學生主動學習，教師從旁輔助。但并不是說教師的工作并不重要，一堂好的課，需要教師在課前精心地準備案例、課堂流程，才能更好地引導學生去掌握知識與技能，教師在點評中即可以表揚學生，增加學生的自信心和成就感，也可以評價學生完成任務時的方式方法的正確性，更主要的是能完善學生學習與總結過程中知識與技能的不足，并提出任務的相關擴展知識與應用。
（6）通過學生工作頁引導學生進行任務實施，在完成相關任務或習題后，達到該次課的教學目的。
以“用CSS制作彈出菜單”課題為例，學生前期已經學習了HTML列表標簽與CSS浮動，學生只需要找開所需的“：hover選擇器”與“display屬性”的使用方法，這個任務學生是可以通過自學完成的。
這個案例的操作技能非常簡單，因此本堂課的重點與難點并不在操作技能的掌握上，而是在培養學生“遇到未掌握知識時如何解決問題”的情感能力上。
（1）制定的學習目標為：知識目標，掌握：hover選擇器與display屬性的使用；能力目標，能夠通過CSS樣式實現菜單顯示與隱藏；情感目標，培養學生“遇到未掌握知識時如何解決問題”的能力。
（2）教學方法采用行動導向教學模式中的任務驅動法，有布置工作任務、任務分析、任務實施、展示與評價、教師講解、教學小結、作業布置七個教學過程，其中任務實施過程由學生通過電腦自己網絡上的相關知識，并應用到本堂課的任務中，以學生自主學習為主，教師引導為輔。
（3）學生工作頁任務流程：
①有哪些功能尚未實現？應該怎么辦？
②請問你查找知識的途徑是？
③本次任務中的關鍵代碼是什么？
④請簡述關鍵代碼的作用。
…
請在電腦上編寫本次任務所需的代碼。
（4）采用兩種難度的任務習題，在較難的習題中，要求學生先用前期學習的列表標簽及浮動屬性制作靜態導航條，并在適當的地方加入“：hover選擇器”與“display屬性”就可完成本堂課任務，在較易的習題中，已經將列表標簽及浮動屬性的代碼編寫好，只需在適當的地方加入“：hover選擇器”與“display屬性”就可完成本堂課任務。學生可根據自身的情況選擇用何種難度完成本次任務
（5）提示學生進行兩個方向的知識展，第一個擴展方向：彈出菜單功能除了可以用CSS樣式制作，還可以用哪些技術制作（擴展知識點：Javascript、JQuery等腳本語言）；第二個擴展方向：“：hover選擇器”與“display屬性”還可以實現哪些效果（鼠標滑過圖片放大顯示的相冊效果等）。
（6）要求學生對本次任務的完成經過進行匯報。
（7）教師點評與總結，表揚完成得較好的學生，鼓勵尚未完成的學生，并重點講解“：hover選擇器”與“display屬性”與“遇到未掌握知識時如何解決問題”的方法。
以行動導向教學模式為主導，通過本課程的學習，學生具有網頁設計和制作工作最基本的知識與技能、具備較高的職業素質，能基本勝任各公司的網頁設計師和網站管理維護等崗位工作。
參 考 文 獻
[1]林姍，劉罡.基于行動導向的課程教學模式改革.[J].計算機教育，2015，16（44-48）
[2]苗樹紅.基于學案導學的行動導向教學探究.[J].中國職業技術教育，2015，05（79-81）
