網頁制作課程設計總結精品(七篇)

序論：寫作是一種深度的自我表達。它要求我們深入探索自己的思想和情感，挖掘那些隱藏在內心深處的真相，好投稿為您帶來了七篇網頁制作課程設計總結范文，愿它們成為您寫作過程中的靈感催化劑，助力您的創作。

篇(1)

關鍵詞：工學結合；網頁設計；崗位能力

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

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

一、職業崗位分析

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

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

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

三、課程教學目標

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

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

四、課程教學內容

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

五、課程的教學實施

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

六、考核方法

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

七、結束語

篇(2)

關鍵詞： HTML5；語義；經驗推導原則；目的教學法

中圖分類號：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 課程考核方式

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

考核表格設計：

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

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

參考文獻：

篇(3)

隨著社會信息化不斷向縱向發展，社會與專業本身對畢業生在計算機應用能力方面的要求也與日俱增，而且呈現多樣化趨勢。因此在大學文科各類專業中，既要根據社會對畢業生的要求開設相應的計算機應用課程，還要根據其專業的需求開設一些具有文科專業特色與文科專業結合的計算機課程［1］，即“以社會需求為導向，以應用為目的，以實踐為重點，著眼信息素養培養”。根據高等學校文科專業大學計算機教學基本要求及學校專業設置的特點，“網頁設計與制作”課程設置為公共必修課，培養學生的網頁制作能力、網上信息獲取和加工能力、自主學習能力和團隊協作能力，課程結束時學生能自行開發一個靜態網站。與其他傳統課程相比，該新型課程具有：實踐性強、極富創造性和自主性、明顯時展性等鮮明特點［2］。以“教師為中心”的傳統教學模式，使得學生不能主動參與教學過程而始終處于“被動接受”狀態，學生學到的知識比較零散，無法掌握網頁制作的全過程。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

四、考核與評價方式

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

五、總結

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

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

2.適當留白。所謂留白，就是教師在設計問題時不要面面俱到，要給學生的思考和嘗試留有余地。在教學中要想方設法啟發學生親自去嘗試、去探究、去發現，鼓勵他們舉一反三、觸類旁通［7］。

篇(4)

【關鍵詞】 翻轉課堂 網頁制作課程 微課 協作學習

一、翻轉課堂簡介

在當今互聯網時代，學生不必一定要到學校接受教師講授，就能通過互聯網學習豐富的在線課程?；ヂ摼W尤其是移動互聯網催生了“翻轉課堂”這種教學模式[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前端開發人才。

參 考 文 獻

篇(5)

論文摘要:成人教育函授大專層次計算機專業畢業生所掌握的知識技能與社會需求嚴重脫節。本文從課程設置改革的角度分析如何培養適應社會需求的成人教育函授大專層次計算機專業畢業生。

1. 成人教育函授大專層次計算機專業的專業課程設置現狀

目前，成人教育函授大專層次的學生基礎較差，學生對學習計算機原理及程序設計類的課程普遍感到很吃力，而他們在實際工作中也很難派上用場(主要因為他們學進去的很少很淺，而這方面的專業人才也很多)，因而有的學生根本就不學。這讓我們感覺到計算機專業的課程開設無所適從，很難把教材、教師、學生和實際應用有機地結合起來。

2 社會市場對成人教育函授大專層次計算機專業畢業生知識技能的要求

2006年上半年，我們學校就業部門對北京、上海、江蘇、浙江和廣東等地區總共100家計算機方向知名企業進行了專業項調查，調查結果顯示:目前企業對函授大專層次計算機專業人才的知識技能需求主要是以下幾個方面:(1)具有本行業的專業基礎知識。(2)能進行單位內部局域網的操作維護。(3)會為公司或產品在互聯網上進行營銷宣傳。(4)擅長單機維護、調試、軟件安裝的。(5)勝任信息管理、經營分析工作。(6)熟練運用電腦進行設計工作等。

3 成人教育函授大專層次計算機專業課程的設置策略

由于計算機專業所涉及到的內容很廣，而成人教育函授大專層次學校學生在校時間普遍只有2年，那么如何在有限的時間內合理的安排課程呢?眾所周知，由于成人教育函授大專層次學校的學生綜合素質不是很高，學習內驅力弱，認知水平和理解分析能力不強等都是我們必須要面對的現實。一方面學校為了培養學生學習的主動性，課程設置確實要照顧到學生的興趣，學生學習才有動力，所開設的課程不能太“難”;另一方面也很重要，就是我們培養的學生要在社會上受歡迎，必須掌握一定的理論知識和實踐操作技能。所以，課程設置最重要的依據是市場。課程設置除了要考慮學生的基礎和興趣外，還要考慮實用。我們必須考慮市場需要什么，就開相應課程，以就業為導向，采用“寬基礎、重技能”的培養模式。對具體每一個學生而言，首先要要求他們 “基礎好”，其次要“有特長”。這樣的話，他們既可以憑借其扎實基礎知識在小企業充當多面手，也可以憑特長在大企業找到用武之地。

(1)計算機基礎知識技能方面

首先，專業基礎方面要培養學生掌握辦公自動化管理、操作、計算機系統維護等方面的知識與技能。主要課程有計算機應用(含計算機基礎、中英文錄入、文字排版、電子表格、演示文稿、internet應用等知識模塊)、微機組裝與維護、常用辦公設備的使用與維護技術、常用工具軟件等。

(2)計算機專業知識技能方面

除此之外，專業教學目標可確定為以下幾個培養方向，由學生自主選擇其一來主修:

a)網頁制作

主要培養從事網頁設計的專業性人才，培養具有空間設計的基本理論、基本知識和基本技能的專業網頁設計師，培養能從事網頁設計的人才。主要專業課程有Dream weaver網頁設計、Flash動畫設計、Fireworks、圖形處理Photoshop、Html語言、JavaScript語言等。

b)網絡管理方向

主要培養負責維護公司計算機硬件;根據需求設計網絡方案，搭建與配備計算機網絡;與網絡設備供應商配合進行維護和監控公司局域網，保證其正常運行等方面的專業型人才。主要專業課程有微機組裝與維護、internet實用技術、網絡技術基礎、網絡運營管理、路由器交換機配置、局域網組網方案設計、網絡工程及布線技術、網絡安全等。

c)多媒體技術方向

主要培養從事影視后期制作、多媒體制作、音視系統開發和應用、網絡多媒體信息的加工與運營等工作的專業型人才。專業課程涵蓋平面圖形圖像處理、攝像技術、多媒體音視頻處理技術、平面動畫制作技術、三維動畫制作技術、影視編輯技術、影視特技與后期合成等知識模塊。

d)廣告設計方向

主要培養能從事計算機圖形圖像處理、網絡廣告設計的人才。主要專業課程有色彩與素描、構成藝術、平面設計(Photoshop)、網站藝術、多媒體程序設計、flash動畫基礎、premiere、數碼攝影基礎、版式設計、動態網頁設計、flash高級應用、3ds max、人機交互設計、flash互動設計等。

4 成人教育函授大專層次計算機專業課程設置方案

基于上述策略，我們針對我校教學的實際情況制訂了以下專業課程設置方案，并報經上級主管部門同意、備案，在我校從2006級成人教育函授大專層次計算機專業新生起予以試行。 　第一學期: 課程:計算機應用基礎(上冊和下冊一部分);主要內容: 計算機基礎知識、中英文錄入、Word文字處理排版、Excel電子表格、PowerPoint演示文稿、電子郵件E-mail和Internet應用等。新授課時(含普通上機):55時; 課程設計課時15時.

第二學期: 課程: 計算機應用基礎(下冊剩余部分)和其他專業基礎課程微機組裝與維護、常用辦公設備的使用與維護、常用工具軟件和考證培訓等;主要內容: Access數據庫和一些其他課程內容以及組織考證(如信息產業部的信息化工程師崗位技能認證)，并培訓好，保證其通過率。新授課時(含普通上機): 50時; 課程設計課時20時.

第三學期: 課程: 網頁制作方向， 網絡管理方向， 多媒體技術方向， 廣告設計方向;主要內容: 分四個方向開設專業課程，選擇教材時是應注意盡量選用實例型的。教學時多采用任務驅動法，課程考核也應該以實際操作為主，可讓學生們(分組)自主進行小型作品開發、課程設計等。本學期繼續組織過級考證工作(專業方向考證和通用技能證補考)。新授課時(含普通上機): 各95時; 課程設計課時各45時.

第四學期: 課程: 網頁制作方向， 網絡管理方向， 多媒體技術方向， 廣告設計方向;主要內容: 完成第三學期沒有完成的課程，繼續組織學生參加各行業技能認證考試，外加畢業作品設計，到企業頂崗實習，及時走訪，獲得反饋信息。并依據信息，進行分析、總結，實時調整我們后續年級整個(1-4學期)的教學。新授課時(含普通上機): 各55時; 課程設計課時各85時.

5 成人教育函授大專層次計算機專業課程設置改革實驗

我們在2006年暑假制定了以上方案，從2006級新生開始，我們依據上述課程設置在本校計算機專業進行試驗。在2006年下期期末，我們通過學校就業部門利用跟蹤回訪的機會從2004級(擬畢業)學生中隨機抽取了50名進行了問卷調查;同樣，在2008年下期期末我們又通過學校的就業部門從2006級學生中隨機抽取了100名進行問卷調查，并對兩次調查結果進行了統計與對比:2004級: 學到了知識技能占28%;沒學到知技能占72%;已(能)找到滿意工作占32%;沒(不能)找到滿意工作占68%.2006級: 學到了知識技能占53%;沒學到知技能占47%;已(能)找到滿意工作占56%;沒(不能)找到滿意工作占44%.可以看出:認為自己學到了知識技能的比例明顯上升了;認為自己沒學到東西也找不到工作的比例也顯著下降了。

另一方面，各用人單位通過就業部門反饋意見也表明，我們06級計算機專業畢業生相比04級和以前的總體來說專業知識更扎實，操作技能水平更高;相比同類學校的畢業生也具有很明顯的優勢。索尼老總坦言:“你們現在的畢業生我們很喜歡，主要是他們會的東西多，招過來就能做，能做好;不會做的上手也很快，會做還會學。”所以很多名優企業都加強了在我校招人意向。應該說，本實驗是成功的，達到了預期效果。現已獲得學校領導批準，將把本實驗繼續進行下去，并總結經驗，準備向其他專業推廣，促進我校教學的新一輪改革。

參考文獻

篇(6)

關鍵詞：網站設計；課程改革；內容優化

中圖分類號：TP393.09 文獻標識碼：A 文章編號：1009-3044（2016）17-0100-02

1 引言

“網站設計”是使用標識性語言，通過一系列策劃、設計、建模、優化、開發步驟產生網站，最終以圖形用戶界面的形式展現給用戶[1]。在計算機相關學科的教學中，網站設計課程是一門重要的專業課，其知識多、操作性強、課程難度較大[2]。

當前，各院校普遍開設了網站設計類課程，但是在其教學過程中，我們發現學生內驅力較弱、動手能力有限、學習主動性較差、動手能力不足、橫向競爭力差等問題[3]?？紤]到目前社會上對網站設計人員的需求，我們認為改革現有教學模式、提高學生實踐能力、增加職業競爭力等，是亟須解決的問題。因此，對“網站設計”相關類課程進行改革勢在必行。

2 文獻綜述

目前對網站設計類課程的改革研究體現在很多方面，例如：任鎖平 [4]基于搜索引擎優化的視角下，探析教學資源網站設計策略。分別從策劃層次、開發層次、界面設計層次、維護層次四個方面闡述了教學資源網站設計的策略。榮益 [5]從信息技術課程教學網站的需求分析與功能定位以及信息技術課程教學網站的內容設計兩方面探討了信息技術課程教學網站設計實現。張慧麗 [6]將Moodle平臺應用到《網站設計與制作》課程教學中，采用問卷調查法對Moodle平臺應用教學效果進行了分析。楊銘 [7]介紹了如何基于項目化實現網站設計與開發課程的教學內容，并總結了課程的特色與創新點。章早立 [8]討論了基于“分層分類”理念的高職《網頁制作與網站設計》課程教學新模式探究。郝靜 [9]通過對近年來教學過程中課程教學模式的研究、教學方法和手段的改革的探討，闡述如何在該課程中實現工作過程系統化的"教學做"合一。楊敬飛 [10]以文化洛陽網站的設計為例，講述了如何在網頁設計課程中應用項目教學法，將教學內容和教學目標巧妙地包含于項目設置之中。

然而，上述論文并沒有從課程的內容結構上進行優化?！熬W站設計”課程的難點在于內容多而碎，需要較多的先修課程知識。本文擬從課程設置的角度出發，深入探討如何設計該課程的內容，并以本人就職南京師范大學中北學院以來的教學經驗，匯報作者對網絡設計課程的授課計劃。

3 方法

傳統的“網站設計”類課程，僅包含基礎的HTML語言、JavaScript語言、CSS+DIV、圖像處理、動畫制作。選取的軟件僅包括網頁三劍客之一與Photoshop的搭配處理。然而我們認為上述授課內容過于陳舊、沒有緊跟前沿、缺少及時更新。為此，作者設置授課計劃如表 1所示。

4 結果

實驗對象選擇南京師范大學中北學院2011級某班。通過問卷調查方式對改革前后的教學效果進行調查，共發出問卷33份，回收問卷33份，其中有效問卷32份，有效率96.97%。對回收的問卷通過Excel進行統計處理。表 2給出分析結果。

5 討論

表 2可見，課程改革后，大部分學生認為新的課程知識面更廣、內容更新穎、更適合自學、能提高學習效率、可激發想象力、使課堂變得更加有趣、并能推動學生課后學習。因此，我們認為對“網站設計”教學內容的重新規劃是成功的。需要注意的是，新的課程內容需要至少72學時。對某些院校，教師反映僅分配36學時給“網站設計”課程，這種情況下本文提出的新的授課計劃并不適用，需要進行刪減。

6 結論與展望

本文通過提出了一種針對“課程設計”的授課內容改革探索，經過問卷調查證實其有效。下一步我們將要收集學生考試成績，對其進行量化分析。此外，可以考慮引入雙語教學[11]，以及將其他程序語言例如Matlab[12]嵌入到課程設計中去。

參考文獻：

[1] 胡珍新. 基于計算思維的網站設計教學研究[J]. 計算機教育， 2014（20）：56-58.

[2] 費麗君. 基于JSP的農業院校的大學計算機基礎教學網站設計研究[J]. 安徽農業科學， 2014，42（7）：2176-2177.

[3] 田久樂. 淺談獨立院校電子商務網站設計課程教學改革[J]. 中小企業管理與科技， 2014（13）：288-289.

[4] 任鎖平. 搜索引擎優化視角下教學資源網站設計策略[J]. 自動化與儀器儀表， 2014（6）：194-196.

[5] 榮益. 探討信息技術課程教學網站設計[J]. 計算機光盤軟件與應用， 2014，17（18）：222-222.

[6] 張慧麗. 基于 Moodle平臺的《網站設計與制作》教學應用研究[J]. 軟件導刊教育技術， 2014，13（3）： 29-30.

[7] 楊銘. 基于項目化教學的網站設計與開發課程改革探索[J]. 學園， 2014（36）： 21-22.

[8] 章早立. 基于“分層分類”理念的高職《網頁制作與網站設計》課程教學新模式探究[J]. 福建電腦， 2014，30（8）：146-147.

[9] 郝靜. 學習領域課程教學模式和方法的研究――以動態網站設計與制作課程為例[J]. 湖北工業職業技術學院學報， 2014，27（2）：93-95.

[10] 楊敬飛. 項目教學法在藝術設計專業網頁設計課程中的應用實踐――以文化洛陽網站設計為例[J]. 美術教育研究， 2014（5）：122-124.

篇(7)

網頁設計與制作是一門操作性極強的課程，一開始大多數學生對課程充滿興趣，但是隨著課程學習的深入，難度不斷加大，學生學習的興趣度逐漸降低。產生該問題的原因主要可以歸結為以下三點：①課程覆蓋的內容較廣，要設計出精美的網頁，不僅需要掌握網頁設計工具如Dreamweaver、Photoshop、Flash等，還需要一定的美工基礎，并且要熟練掌握HTML、CSS、JavaScript等知識，面對這么多工具以及知識點，學生不可避免地產生畏難情緒，沒有信心學習好課程；②教學方法不夠靈活，教師常常采用較為傳統的教學方法，往往把課堂教學分為四個階段：“教師展示效果”->“教師演示制作過程”->“學生模仿制作”->“總結練習”，學生在學習過程中缺乏自主思考、自主學習、自我探索的過程，學習效果不明顯；③考核方法單一，不能綜合地評價學生的動力實踐能力，學生上交的作品質量不高，缺乏獨立思考和自主創新。

2教學改革措施——小組協同式學習的應用

2.1課程目標與定位

網頁設計與制作課程是軟件技術專業的一門職業基礎課程。本課程從高等職業技術教育的特點出發，以培養學生實際動手能力為目標，主要任務是講授靜態網頁制作的基本方法、網頁制作工具的使用以及企業網站建設的相關知識，培養學生掌握網頁設計與制作的能力，為今后從事網頁設計與網站建設打下基礎，同時為后續課程PHP網站設計的學習奠定基礎。通過本課程的學習，使學生了解網頁的基礎知識以及網站開發的基本流程，較好地掌握網頁設計與制作的基本理論，并能應用于實踐，熟練運用常用的網頁制作工具，能夠進行企業網站、電子商務網站、個人網站的設計與制作。

2.2優化教學內容

以企業真實項目為載體，教師與企業工程技術人員按照網站的開發流程（用戶需求分析→網站規劃→網頁效果圖設計→制作靜態站點→編寫后臺代碼→網站測試→與運行）精心設計教學環節。在教學實踐中，引進企業管理規范和開發流程，充分體現基于網站產品開發工作過程的能力訓練，培養學生規范化的軟件應用與網站開發能力，通過模式創新，將專業教學過程、技能訓練過程、企業工作過程有機結合起來，將職業道德教育、職業素質培養、職業能力訓練有機結合起來，培養學生的綜合職業能力。

2.3改革課堂教學組織模式

⑴分階段引入項目，動態調整學生分組。

課程將整個教學過程分為兩個階段，即“企業項目實戰階段”和“競標式項目階段”。以軟件技術專業為例，網頁課程一般開設在新生入學的第一個學期，共14周，我們將整個學期分成兩個階段。第一個階段“企業項目實戰階段”安排在前10周，在該階段學生按照項目開發的需要以及自身優勢組成項目開發小組，形成以“項目為中心”的協同學習小組——項目開發小組，小組成員輪流完成任務；第二個階段“競標式項目階段”安排在最后4周，此時，學生需要確定一個崗位方向，形成以“工作崗位為中心”的協同學習小組，如美工組、網頁設計組、交互程序開發組等，各個小組通過競標組成新的開發團隊，協同完成競標項目的開發。分階段引入項目以及動態調整學生分組，可以打破常規分組，使學生有了新的合作伙伴，有利于形成更加多元化的協同學習小組，同時對于發現自身優勢、挖掘潛能、明確就業方向有著重要的引導作用。

⑵成立項目開發小組，協同完成項目整體開發，促進小組協同式學習。

在“企業項目實戰”階段，學生按照項目開發需要形成優勢互補的項目開發團隊，營造真實的企業開發氛圍。項目開發團隊一般由下列角色組成：項目經理（ProjectManager）、項目組組長（TeamLeader）、項目組成員（TeamMember）。項目經理，一般由我們聘請一位有豐富實戰經驗的軟件企業項目經理或由教師擔當，負責該教學環節的現場指導。將3-5個學生分成一個學習小組（即項目開發小組），每個小組推選一位動手能力強的項目組組長，組長向上直接對項目經理負責，向下是全體組員的直接領導，項目經理要求組長對自己的組員進行考核，這樣構成一個虛擬的企業項目開發環境。全體組員以項目組為單位進行學習與實踐，協同完成項目整體開發。項目驅動的小組協同式學習不僅能使學生相互督促、相互勉勵、相互討論，相互學習，而且能培養他們的組織管理能力和協作開發能力。

⑶引入競標式項目，形成競爭與合作交叉并舉的協同式學習小組。

在分階段引入項目過程中，第一階段的項目每個項目開發小組完成后進入第二階段，在第二階段，引入了競標式項目，通過競標，從美工組、網頁設計組、交互程序開發組各選出一組，成立重點項目開發組，共同完成競標項目的整體開發。一般根據崗位的不同，美工、網頁設計、交互程序開發各成立三個組，每一組成員3-5人。對于落選的小組，則需要輔助中標的小組完成任務，同時，通過自由搭配或者教師指定的方式，再成立兩個普通項目開發小組，根據學生選題或教師選題的形式，完成其他項目的開發。競標式項目的引入使得各個學習小組既有競爭，又有合作，是一種競爭與合作交叉并舉的學習方式，具體表現為在競爭學習中有合作，在合作學習中有競爭。競爭學習不僅促進了合作學習，還為合作學習的發展和鞏固提供了堅實的基礎和動力。缺乏競爭的合作學習是沒有活力和生命力的，是脫離實際和低效的。競標式項目使得競爭學習與合作學習得到很好的結合。

2.4強化跟蹤課外學習成果

課堂只是課程學習的一部分，如何對課堂教學進行延伸，將課堂學習過渡到課外學習，是提升課堂教學質量的一項重要內容，課外學習對于提升學生的自主學習能力、專業技術水平有著重要的促進作用。“專業學生社團”和“工作室平臺”是學生完成課外學習的兩個有效的切入點。專業學生社團和工作室為學生提供了豐富的學習和實踐機會，給每一位成員提供了良好的展示自我、相互學習與相互交流的平臺。在課堂以外，利用工作室平臺讓學生參加到實際項目開發中，利用專業的學生社團定期開展技術交流和技術研討，通過項目實踐與合作交流，提升學生的自主學習意識、合作探究精神與創新能力。

2.5改革考核方法

傳統的考核方式采用卷面考試，以一次考試的成績為最終成績。這種方式往往不利于全面真實地考核學生的知識、技能和能力。因此，對考核方式的改革勢在必行。改變課程考核方式，必須對考核指標做進一步的量化和細化，注重過程化跟蹤管理，加強課內學習效果的考核以及課外學習效果考核，將學生是否參加專業學生社團、是否參加技術研討、是否實際參與項目的開發、是否參加學生技能競賽等課外學習環節納入到課程考核指標中，促進建立學生全面發展的評價體系，讓考核標準強調“知識、技能、素質”三方面的要求，突出整體的綜合能力培養目標。

3結束語