本站小編為你精心準備了網站設計教學論文5篇參考范文，愿這些范文能點燃您思維的火花，激發您的寫作靈感。歡迎深入閱讀并收藏。

第一篇：網站設計與制作教學模式探討

一、課程教學模式的研究

1．以實際工作過程為主線

無論是課程內容的選取，還是教學內容的組織，始終圍繞實際網站設計與制作工作的過程及內容，以實際工作流程為教學內容和教學組織順序，將課程融于實際工作需求中，突出了技能和素質的培養。

2．工作任務的真實性

課程實訓中提交給學生的實訓企業資料，均是以來自于實踐一線的真實業務為基礎，經過校企雙方精心組織挑選。要求學生完成網站調研、網站建設方案書的撰寫、網站的設計與制作等，與實際網站設計與制作崗位的工作情況完全相同。因此通過完成相應的任務而讓學生掌握的相關知識、操作方法和操作技能，真實地反映了網站設計與制作崗位的能力和素質需求。

3．“教學做”合一

在課程教學中以學生為主體的工作導向式教學，教學的主線是指導學生完成實際網站設計與制作業務操作與管理工作，引導學生通過實踐來掌握操作方法和技能，通過操作來學習相關知識，從而將教、學、做有機地結合，突出教學的職業性、實踐性特點。通過以上教學模式的創新，成功地將網站設計與制作崗位搬上了課堂，從而真正做到讓學生通過該課程樹立企業網絡形象觀念，掌握網站設計與制作工作的基本流程、步驟、內容及操作方法，具備獨立完成一個小型企業的網站設計與制作工作的能力。

二、課程教學方法和手段

在課程教學中靈活運用了多種教學方法和手段，增強了學生學習的興趣，提高了學生學習的主動性和積極性。

1．教學方法的選擇和使用

結合課程的性質和要求，我們采用了案例教學法、任務驅動法、角色扮演法、現場調研、仿真學習和作品展示法開展教學活動。

(1)案例教學法

在教學中，我們與企業合作，由企業提供典型的網站設計與制作案例。在具體的教學活動中，通過組織學生進行問題分析、相互解答和自由互辯，再由教師和企業兼職教師共同引導，由此掌握不同類型網站建設的方法和技巧。

(2)任務驅動法

在教學過程中，基于資訊、決策、計劃、實施、檢查、評估六步法，我們組織學生每6人成立一個虛擬的網站建設公司，設置各工作崗位，包括美工、程序等真實崗位，并在內部實現輪崗交替，讓學生能夠在教師的指導下按照真實工作任務的要求完成每個學習情境的學習任務。

(3)角色扮演法

學生在虛擬網站企業中分別扮演網站設計師、程序員、網站美工、匯報人等不同的角色，在不同的學習情境中進行角色轉換，使學生在情境模擬、循環和反復的過程中，加深對網站設計與制作工作任務的理解，提升操作與管理能力。

(4)現場調研

根據學習的需要我們安排學生分小組進入真實企業進行現場調研，或者邀請企業兼職教師進校講解分析，學生根據調研得出網站建設的目標，完成網站建設方案書，設計并制作網站，提升學生吃苦耐勞、團隊協作、溝通交流等素質。

(5)仿真學習

電子商務專業配有仿真實訓室和創業實訓室，實訓室配以公司真實的經營環境，為學生提供真實的電子商務企業經營的過程。學生可以通過組成公司，以輪崗分流、小組間對抗等方式，獲得電子商務企業經營的寶貴經驗。每個學習任務在實訓室實現仿真訓練，學習內容、學習過程、學習環境均與實際工作保持一致。

(6)作品展示法

在教學中組織學生欣賞往屆學生的作品，激賞學生的學習興趣，并在任務進行到一定的程度時，舉辦班上同學的作品展示，讓班上同學相互欣賞、由企業兼職教師討論并分析作品的優點和不足之處。通過作品展示法，學生可以通過對比，了解自己作品的優點和不足之處，同時加強了網站評估的能力。

2．教學手段

針對如何有效開展教學活動，我們采用了校企聯合授課、舉辦專題講座、通過多媒體化、信息化、網絡化組織教學和通過舉辦技能競賽開展教學。

(1)校企聯合授課

課程實行“雙課程組負責人”制，企業專家與校內專職教師共同擔任課程開發的負責人。企業專家參與課程的開發設計并承擔學習任務設計工作，企業人員擔任指導教師參與實踐學習，學時比例達50%以上，課程組專兼職教師比例為1∶1。此外，由于網站設計與制作工作涉及到Photoshop廣告設計、網頁設計與制作、數據庫等多方面的知識與技能的學習和運用，本課程整合校內外教學資源，采取校企聯合授課的形式組織教學，受到學生好評。

(2)舉辦專題講座

教學中定期邀請企業專家為學生開展專題講座，向學生講解職業生涯中的精彩案例，通過分享經驗、帶來新鮮的工作任務，提高學生對網站設計與制作工作崗位的了解和熱愛。

(3)多媒體化、信息化、網絡化教學

教學中利用實訓室，讓學生在仿真的職場環境中實踐。同時，我們在校園網上建立了動態網站設計與制作課程的課程網站，上傳了豐富的教學資源，包括:1)完備的教學文件，包括教學大綱、任務單、實訓教材、電子教案等。2)教材中配套練習題及參考答案，理論及實務考試樣題、參考答案，以滿足不同層次學生的自主學習需求。3)輔助教學資源，包括與本課程有關的以音頻、視頻、文檔等多種形式表現的教學輔助資料，如網站設計與制作、網頁特效技能操作的示范錄像、電子商務相關的從業資格考試的近期考試信息等。4)課程剖析，包括課程的定位、課程設計理念與思路、教學內容及組織、教學方法手段等。5)教學展示，包括主講教師的相關資料、各界對課程評價、工學結合的項目作品等。學生還可以通過課程網站自主學習。學生可以在實地調研之后，利用網絡輔助查找未了解的資料，完成資訊、計劃等環節，提高學生學習的自主性和效率。

(4)技能競賽

將行業技能競賽和專業技能競賽納入素質拓展平臺，以賽促學極大地提高了學生的學習積極性，通過舉辦主題網站設計等比賽，加深了學生對專業的認識，提高了學生對知識的理解和對技能熟練度的操作，另外，通過鼓勵學生積極參加全國電子商務專業大賽，增強了學生的應變能力和創新能力。

三、實施中的反思和總結

在這幾年的教學過程中，筆者發現以上教學方法和手段，雖然很多課程都在提倡或是已經在教學中使用，但不同的課程都具有各自的課程特色，同樣的教學方法，在具體實施過程中可以產生出不同的具體實施手段，讓其發揮出更大的功效。例如:

1．校本教材的編訂和使用

校本教材的編訂和使用，對課程改革成果的沖擊是巨大的和顯著的。以筆者的親身感受來講，與企業共同編訂的校本教材，加上配套使用的任務單，是針對學校現狀、學生實際情況編訂出來的，因此工作過程更加符合實際情況，也更加具有工作過程系統化的特色。通過任務單來引導工作過程，配合校本教材中的知識點和技能點，更加有利于學生進行系統化學習。

2．小組學習討論法和二人搭檔檢查法相互配合使用

在學習過程中，我們需要組織學生分成小組進行問題的討論和解決，這主要是為了鍛煉學生分析問題、解決問題的能力，以及增進團隊協作意識。但是小組學習討論法的缺點便是不能完全做到點對點交流，個別人容易產生怠倦的情緒，甚至有人“濫竽充數”。在這些年的教學過程中，針對動態網站設計與制作課程筆者發現，課程因為需要進行程序編寫和調試，大量的代碼容易讓人產生視覺疲勞，因此許多學生在課程中容易產生眼酸、眼疲勞等情況，加之程序代碼枯燥無味、人與人之間缺少交流，許多學生容易產生學習疲勞。另外小組長個人工作壓力大，很難督促全組人員的學習進度，不能保證學習質量和學習效果，因此單純的小組學習討論法并不能有效地推動全班的學習進度。針對這種情況，筆者嘗試讓每位同學都在另一個小組尋找一位搭檔，兩人相互共同學習和檢查。學習過程中，每個小任務在指定的時間內，先由自已獨立思考和完成，然后搭檔雙方都交換位置，由搭檔來檢查對方的完成情況并進行糾錯，這種方法一方面學生讓起立活動了筋骨，另一方面由他人的視角來檢查問題往往更加能夠一針見血，效果加倍。同時，一對一的搭檔學習即保證了學習質量，也增進了同學之間的友誼。此外，這種搭檔學習方法能夠減輕小組長的工作壓力，不論是學習、檢查和評價，兩人的雙向交流都是及時的、認真的和有成效的。在動態網站設計與制作課程中，小組學習討論法和二人搭檔檢查法是卓有成效的。

3．合理的設計知識歸納和總結

在教學活動中要培養學生知識歸納和總結的習慣，是必不可少的。在《動態網站設計與制作》課程的學習任務中，每個情境都設計了對應的小任務，每次任務在檢查和評價之后，由教師或是小組長帶領同學先進行本次任務的知識歸納，總結學到的知識和技能，再進行本次任務的感受總結，例如任務中是因為粗心打錯字符而導致程序調試失敗等原因，最后是教師對學生在本次任務中的表現進行評價。通過每次任務都進行相應的知識歸納和總結，有效地對學生的知識做了系統化整理，并加深了對知識和技能的理解。

四、結語

筆者經過這幾年不斷累積教學經驗，已經完成了校本教材和配套任務單的編訂，并且逐步摸索出適合本課程的教學模式、教學方法和手段，同時也意識到，教師課堂氣氛的駕御能力對提高學生的學習興趣是非常重要的，這需要教師經驗豐富、知識淵博，并且自身詼諧風趣，才能更好地促進課堂教學氣氛。因此，除了尋找更加適合課程特色的教學方法和手段，教師也需要提高和加強自身綜合素質，才能更加勝任高職教師的崗位。

作者：郝靜楊波單位：湖北工業職業技術學院經濟貿易系

第二篇：電子商務網站設計教學改革

1電子商務網站設計課程現存的問題

目前，許多高等院校都開設了《電子商務網站設計》課程，它已成為軟件技術、計算機多媒體技術、計算機網絡技術、信息技術、信息管理、計算機應用、電子商務、物流等專業公共的必修課程，也受到了其它專業學生的歡迎。電子商務網站設計教學內容通常包括HTML、語言、JavaScript語言、CSS+div、圖像處理、動畫制作等方面，常用的軟件是網頁三劍客和Photoshop的搭配使用。因此就授課內容而言，該課程具有知識點多、操作性強的特點。分析目前課程中存在的問題，主要包括：教條式的課程教學內容，內容無法反映當前社會需求；教師在教學中與學生缺乏互動，學生缺乏積極性；實驗教學與實際需求脫節，課程實驗往往是一些基礎知識的練習，缺乏用于解決實際項目的技術，形成了學生學而不會用的局面。同時，各高校電子商務網站設計課程多為36學時，課堂上學生無法獲得足夠知識點。而一些課程網站則只是簡單的知識堆積，缺乏對學生的引導作用。所以針對現有的問題，提出以下幾點建議：

1.1針對課程體系不連續性

筆者所在系為使學生能夠了解創建網站的過程，掌握建立網站的工具，開設了以下幾門課程：①Photoshop圖像設計：主要介紹利用Pho-toshop工具對圖像處理的方法和步驟。讓學生能夠使用Photoshop工具對網站的圖片進行處理，同時學會利用切圖工具對網站進行布局設計。②網絡營銷：如何利用網絡銷售產品，其中介紹了電子商務網站的類型、功能等。③網頁設計：初步介紹靜態網頁的布局方法和Dreamweaver的使用技術。④數據庫技術：數據庫的基礎知識，access數據庫的構建及應用。⑤Web程序設計：介紹如何構建動態網頁，以及如何利用動態網頁技術連接網站和數據庫。這幾門課程都與電子商務網站設計有密不可分的關系，但由于課程內容不固定。講授這幾門課程的教師所教授的內容以本課為主，不能兼顧后續課程。這就導致了學生在上電子商務網站設計課程時，不知道或者忘記了如何應用前導課程的知識。

1.2針對課程特征不明顯性

網頁設計、Web程序設計及本課都是利用Dreamweaver設計網頁或者網站。由于這幾門的課程特征不明顯，導致很多學生不清楚這幾門課程的區別，簡單地認為是“做網站”。尤其針對電子商務網站設計，很多學生分不清與之前所學的內容的區別。所以在本門課程開設前，會有一門《電子商務概論》課程，讓學生在學網站設計前對整個電子商務網站的建設，有一定的了解及各課程之間的關系。

1.3針對教學方法單一、枯燥等特點

目前，大部分院校和教師仍然沿用教師講授，學生練習的教學方法。這種教學方法違背了電子商務網站設計這門課本身的特點，不能使學生融入情境。另外，由于是按照章節順序進行教學，按照個別知識點安排實驗。這種安排雖然很方便，但是學生缺乏綜合的實踐能力、創新能力。學生在真正面對網站的設計、布局、規劃和實現時無從下手。所以本門課程除了課堂教學外，還有與之相匹配的實驗教學，甚至會安排學生在校外實習基地進行培訓了解。

2對電子商務網站設計課程的改革

鑒于以上原因，筆者采納了學生和幾個老師的意見，對電子商務網站建設課程進行改革。采取了“目標-項目-情境”三位一體的教學方法，即學生學習有目標，教師教學有項目，實際教學有情境。真正體現出學校培養“應用型”人才的特色。這里所指的項目并不同于一般的教學案例，而是讓學生真正制作電子商務網站。這樣就解決了實際教學和社會實際脫節的問題，以項目貫穿全部課程。一般每個教學班有60個人左右，筆者要求學生4-6人成組，自己分組。自己尋找組員的好處是，學生之間比較熟悉，互相合作起來很方便，而且組長分配任務也很容易傳達。小組內有一個組長，負責組織組員和分配任務。其他組員的任務由組長分配，一般包括頁面設計、內容收集、網站內容填寫以及后臺制作等。整個課程的流程都是按照制作電子商務網站的流程進行。首先，要求學生進行市場調查，需求分析并書寫需求分析報告。報告內容包括本組所制作網站的售賣的東西、面向的人群、受眾的特征等。并為網站設計主色調和logo，解釋logo的含義。因為垂直型電子商務網站特點明顯，所以筆者要求學生在網站上售賣的商品要單一化。大部分學生選擇的是服裝、寵物、書以及咖啡等等。第二階段是頁面設計，這一部分在之前的課程已經學過，所以筆者沒有過多的講授，而是向學生介紹了電子商務網站所包含的基本頁面，如前臺包括：登陸頁面、商品介紹頁面、商品搜素頁面、購物車頁面、付款頁面，后臺包括：會員管理頁面、商品管理頁面、訂單管理頁面等。第三階段主要內容是數據庫的設計以及數據庫和頁面的鏈接。這一部分的內容比較難，學生之前沒有接觸過，所以采用教師講授，學生實踐和練習的方法。第四階段是要求學生根據上一階段所學的內容，結合頁面布局進行收集資源并制作網站。小組內部按照組長分配的任務進行，分工明確，遇到問題時可求助教師，教師進行指導。最后，本課采用的考核方式是學生對所做網站進行展示，講解并演示各模塊功能。由教師和其他組學生對展示小組進行評分，這種評分方式避免了教師對網站頁面審美的單一性，也讓學生參與到網站的考核中，增加的了學生的參與度。每一個學生的分數包括，小組的評分，課堂表現的平時分，在組內任務的難易程度分按照比例的綜合評分。

3改革后的課程的效果

課程結束后，為了檢驗課程改革的效果，筆者采用調查問卷的方式來做檢驗。收集了學生整個學期對本門課程的意見和建議，大部分學生認為，把所學的內容結合到項目中，使得學習目標更加明確，增加了學習興趣，知識內容的實踐性更強，而且在校外實訓基地的參觀，讓學生更直觀的了解了電子商務網站的建設和維護等。有學生表示這種課程方式新穎，是之前沒有接觸過的，參與到網站制作中可以真正學習、掌握并應用知識。經過這次改革筆者深刻地了解到改革的重要性，不僅僅是為了自身教學，更是為了讓學生學到知識，并將它運用到今后的工作中。而改革的重點其實是適應社會需求，學校不是讓學生為了讀書而讀書，而是讓他們從學校走出去之后，可以適應社會，滿足社會所需，為社會，為國家做出更多的貢獻。

作者：田久樂單位：吉林大學珠海學院物流與信息管理系

第三篇：高校網站設計課程的教學效果

一、明確課程定位

在以往的專科教學中，我校的《網站設計》課程都是由信息學院的老師講授，而這恰恰不能凸顯設計專業的特色，《網頁設計》看似一門簡單好學的課程，卻往往得不到很好的教學效果，常常是學生學過之后，不能獨立的進行網站規劃和頁面設計，對晦澀難懂的網頁代碼無可奈何。這樣的問題產生，其實是是課程定位不明確而導致的。通過對我院藝術設計專業課程體系的認真分析，因此將本課程定位在以培養專業的網站前臺設計師為目標，能夠完成網站前臺美工設計、flash動畫輔助、客戶端靜態網頁實現等工作。所運用的軟件包括photoshop、firework、dreamweaver、flash等。

二、確定培養目標

學生通過學習，了解網站和網頁的基本設計思想，運用所學的色彩及構圖的基礎知識設計出色彩搭配合理、網頁風格突出、富有藝術審美、網站結構清晰、使用者操作方便的網站；學生能夠熟練運用網站設計軟件，合理利用版面構成的形式要素、關系要素、網頁設計構圖與視覺傳達的關系，熟悉點、線、面、色彩、肌理等設計元素的基本設計方法，并在實踐中能靈活運用，能獨立完成網站的前臺設計及靜態網站的生成；對于不同內容和性質的網站能夠設計出符合市場和潮流的網站，通過對本課程中每個具體項目的完成，學生能夠規劃、設計、制作網頁，具體實現的能力目標如下：

（一）專業能力

1.能夠使用photoshop進行界面效果圖的設計，完成高質量的設計作品；

2.能夠使用flash制作與網站相關的動畫，包括網站banner、廣告等；

3.能夠使用firework對設計好的網站作品進行切片處理；

4.能夠使用dreamweaver生成靜態頁面；

5.能夠看懂簡單代碼，并利用其修改頁面。

（二）綜合能力

1.協調溝通能力

重視客戶的意見及要求，善于溝通，不“為設計而設計”；

2.協作能力

能夠與團隊成員合作融洽并積極主動的完成自己的工作；

3.資料檢索能力

熟悉各種網頁設計資源并能快速檢索、下載并整理；

4.項目策劃能力

能夠對網站有宏觀的認識，全盤策劃，并具體執行；

5.創新能力

要有創意，有自己獨到的想法和開闊的設計思路；

6.責任心

設計一旦開始，不半途而廢，能夠善始善終。

三、豐富教學方法

設計教育是要培養出領先于社會的人才，而不是被動地跟著社會的需求來培養人才。日新月異的時代對教師也提出了更新更高的要求，在學科教學方面我們不僅傳授知識與技能，而且要使學生形成積極主動的學習態度，讓學生學會學習，并逐步積累和提高創造性思維和處理問題的能力，為今后的就業和實現自我價值做一個好的鋪墊，在這里介紹幾種教學方法：

（一）作品賞析法

對于網站設計還沒有概念的學生，與其羅列一堆晦澀的理論知識，不如從作品賞析切入課程。專業教師可積累一大批優秀的的網頁設計，如按國家分類有歐美、日韓、中國設計師的優秀作品向學生展示并分析各自的特色；按照內容分類有：①門戶類網站、②政府類網站、③企業類網站、④行業類網站、⑤商業類網站、⑥教育類網站、⑦娛樂類網站、⑧個人類網站、⑨BBS以及論壇類網站，展示時講解不同的網站具有的不同藝術特色及特點。使學生對網頁制作有具體的概念，建立起學習的興趣和信心。在平時授課時，以鼓勵和引導為主，不斷提出問題：如果由你來做這個網站，哪些地方需要修改？如果你做一個網站該如何設計？在學生的頭腦中先有了一些模糊的認識，產生了做網站的想法，再在老師的幫助下梳理成一個比較成型的網站框架，接下來就是：怎么做網頁？用什么工具？有了興趣，帶著這些問題，進入這一階段的學習，就比較主動，學習效果也會比較好。

（二）協作式教學法

這種教學法對于培養研究能力和合作品質有重要的意義。以小組協作形式進行網頁制作的實踐活動，有助于學生在團隊協作中克服困難，積極工作，完成制作任務。網頁制作的主題可以由小組自行決策，教師作為場外指導。由于網頁制作涉及到整體規劃、內容整理、圖形處理、頁面制作等多個環節，采用小組方式可以讓每個人負責自己雖擅長的那部分，這樣一方面展現了學生個人能力，滿足了學生的成就感；一方面也分擔了網頁制作的工作量，提高了學生的學習興趣。另外，學生將來到企業中從事網頁制作工作的時候，往往也是以團隊的形式完成工作，所以通過小組形式培養團隊協作能力，有助于學生在未來工作中提高團隊意識，更好的適應團隊工作。教師應該抱著開放的心態，尊重學生的設計思維和作品，注重培養學生的探索精神，教學靈活、多變，技巧上注重創意性、超前性。

（三）討論式教學法

這種教學法的特點是通過師生之間、學生之間的有主題的討論來實現教學目標，教學采用啟發式，注重對問題的討論。比如對于好的網站設計作品的案例分析，讓學生發表自己的觀點；或針對學生所作的網站設計作品開展優秀網頁互評活動，提高學生審美和判斷能力。設計是一種潛移默化的能力，并不能靠簡單的知識傳授就可以解決問題。所以，討論式教學法可以讓學生充分發揮主觀能動性，積極地思考起來，以提高思辨能力和審美。

（四）個別化教學法

該模式的特點是以學生為中心，自學與輔導相結合。學生接受事物的速度有快有慢，對設計的領悟有高有低，老師不能千篇一律，應該對學生進行個別化教學，比如基礎好、悟性高的學生可以提出更高的設計要求讓其完成，而不會因為等待其他同學而浪費課堂的寶貴時間。

（五）學界業界互動教學法

理論聯系實踐才能出真知，在培養藝術設計專業人才時要更多地聯系社會，了解企業發展、需求現狀，而不是一味地閉門造車。尋找時間聘請相關專家和從業設計師不定期舉行交流講座，并就相關問題進行交流和討論。學生們可以積極參與、各抒己見，無形中拓展了課堂學習的知識面，彌補了單一課堂教學的不足，使學生了解社會的需求。學生通過一段時間的學習已經掌握了相應的知識，這時候可以鼓勵學生學以致用走入業界，比如：引導學生創建自己的網站，或走出學校，到設計公司做兼職設計。通過學以致用，首先可以提高學生綜合運用網頁制作技術的能力，其次可以進一步激發學生進一步探索網頁制作知識的欲望，最后網站還可以成為學生自我展現、自我推銷的舞臺，有利于吸引用人單位的注意。

四、考核方式

本課程對學生的考核成績不通過筆試進行，而以每個主題學習單元的考核作為一次平時成績，每個主題學習完畢后，學生上交自己的作品，多次作業積累在一起形成平時作業。期末考核時，老師提前就相關主題告之學生，學生搜集相關資料，最后也以上交的設計作品作為考核依據。既要重視考核結果，如任務完成情況、關鍵能力的體現（如學習能力、創新能力、協作能力等）又要重視過程考核，包括工作態度（如出勤、回答問題等）。

五、結束語

網頁設計需要藝術性與實用性相結合，在教學過程中不同于傳統的教學模式，必須根據課程的特色探索出一條新的教學之路，將全新的教學理念運用于教學方法中，以培養學生逐步成長為真正的設計師為目標，既讓學生學會網站設計的制作方法，又能在制作過程中充分體現藝術性與創新性，同時也培養學生的協作精神，使學生未來能順利走入社會。從教師宏觀教學和培養學生的角度出發，禁忌以本為本，采取由易到難、由簡到繁、由淺入深的教學方式，才能更好地優化課堂教學，提高教學質量，以培養出符合社會需要的設計人才。

作者：李霞單位：塔里木大學人文學院傳媒系

第四篇：HTML5的教學資源網站設計

1．網站的系統設計原則與目標

1.1網站系統的實用性原則

實用性是對資源網站功能設計的最基本的要求。資源網站的設計應遵循實用性原則，不管采用什么技術，都不應該背離實用性原則，否則即使是再好的技術也只是畫蛇添足。因此，在設計時，根據需求來運用技術，讓技術用在正確的地方。因此，網站所使用的HTML5技術都是根據現有資源的特點所采用，為提高更好的用戶體驗而采用。

1.2網站系統設計目標

（1）針對網站系統的功能性需求分析，對網站進行整體系統架構的設計。

（2）根據框架的設計來詳細地設計分析網站功能。

（3）最后，根據已設計的網站詳細功能，對網站系統設計對應的數據庫來存儲數據。

2.網站系統功能設計

2.1網站系統總體功能設計

網站系統分為兩個部分，分別為前臺的用戶使用模塊和網站系統管理模塊。系統前臺設計主要使用Photoshop界面設計軟件進行頁面設計、以及使用HTML5+CSS3的網站架構對前臺進行設計。功能模塊的實現主要使用javascript語言、php語言、MySql數據庫實現以及phpeclipse編譯軟件進行程序的設計。

2.2網站系統詳細功能設計

網站系統的主要功能為視頻播放功能、資源上傳功能、評論功能、資源管理功能。根據第三章分析的需求，下面對這四個功能進行詳細的相對應的功能說明。

2.2.1免除使用插件的視頻、音頻播放功能

視頻播放功能是基于HTML5的<video>標簽，實現播放的功能與flash播放器基本相同。可以實現視頻的在瀏覽器中的全屏幕播放和停止播放以及音量大小調整等常用功能。視頻帶有時間標注，可以根據用戶的需要移動到相對應的時間顯示塊上，然后根據需要點擊播放的時間節點。

2.2.2資源的拖拉上傳功能

資源上傳功能是基于HTML5新增加的且基于javascript來實現的draggable屬性來完成。主要功能是實現對文件的拖拽上傳方式，來對文件進行直接的拖曳上傳。若瀏覽器不支持拖拽功能，則另外提供傳統的本地上傳文件的方式對文件進行上傳，上傳文件的大小最大限制為20M。

2.2.3資源的評論功能

資源評論功能主要分為四種評論：應用實例、科學性錯誤、關鍵字。“應用實例”主要是教師用戶在使用資源后，提出自己的在相關實踐應用中使用方法并取得的效果。“科學性錯誤”主要是填寫資源所存在的科學性錯誤，從這一反饋中，其他用戶使用改資源時就可以了解資源存在哪些方面的不足，同時管理員就可對資源進行進一步的處理以便對資源進行優化。

2.2.4資源的語音搜索功能

HTML5支持語音搜索，在進行資源搜索時，如果瀏覽器支持這一功能，則提示可以通過語音進行搜索，這樣為搜索提供了便利，不必進行文字的輸入，直接通過語音即可進行資源的搜索。另外，如果瀏覽器不支持此功能，也可以直接進行輸入搜索，因此不會影響交互性。

2.2.5資源的桌面推薦功能

用戶可通過點擊頁面上方的推薦資源按鈕，則在瀏覽器右下角出現相對應的文本框提示信息，提醒消息是根據使用者所填寫的信息推薦相關資源，并根據其他用戶在對資源使用會的評價進行匹配，獲取相關系數最大的資源進行推送。在獲取推送后，首先對用戶評論的關鍵字進行配對，對關鍵字的配對，主要是通過獲取關鍵字統計最大的數據進行推送。用戶只要點擊桌面顯示的文件，即可直接鏈接到相關資源的頁面。

2.2.6網站資源個人中心的管理功能

用戶需要登錄后進入個人中心對資源進行管理，主要是管理已經下載和上傳的資源，對資源進行刪除和修改，通過timesheet.js以及HTML5+CSS3技術，可對音頻資源進行二次開發，給音頻資源配上合適的配圖和合適的文字，讓音頻資源更加豐富。主要實現方式：從已上傳的音頻資源選擇合適的資源，進行編輯，主要是根據不同時間段，插入對應的文字和圖片，讓音頻播放更加生動。

3.網站系統的數據庫概念設計及數據建模

概念結構是指現實世界存在的真實事物進行一種抽象化的處理，而忽略事物本身所具有的本質的細節。概念結構并不依賴計算機系統以及DBMS。4.本文小結本文要對網站進行網站的系統結構設計以及數據庫設計。首先分析網站的系統設計原則與目標，接著進行網站詳細功能的設計，最后根據設計原則和目標以及功能要求，進行數據庫的設計，為利用HTML技術教師教學資源網站的具體實現打下基礎。

作者：羅淑芳崔燦吳麗杰單位：華南師范大學教育信息技術學院

第五篇：moodle下網站設計與制作教學

1Moodle平臺《網站設計與制作》課程設計

1．1消息公告欄

消息公告欄位于課程平臺首頁，學習者登錄平臺即可看到教師的公告信息，可了解課程動態及教師布置的各項任務與要求。

1．2學習目標

學習目標是對學習者通過學習后應該表現出來的可見行為

1．3學習資源

學習資源為學習者上機練習提供必要學習資源，根據教學內容和學習者特征為學習者提供經典學習資源，作為學習者上機練習的有益補充。課程平臺主要為學習者提供課程課件、相關軟件、課程案例、教學視頻、優秀網站作品、網站設計與制作的素材、W3C組織官方網址等基本教學資源。在學習者上機練習過程中，遇到問題可以通過學習資源進行解決，減輕教師上機輔導的工作量。

1．4學習活動

學習活動是學習者熟練掌握知識的主要途徑，教師根據教學內容特點和學習者認知結構，設置靈活的學習活動，每章節學習活動一般包括兩種類型，一類學習活動主要針對每個知識點設計的上機練習，主要考查學習者對基礎知識的掌握情況；另一類學習活動主要針對綜合性的項目，主要考查學習者對知識綜合應用的能力，這類學習活動主要通過Moodle平臺wiki協作學習完成。

1．5學習論壇

學習論壇是師生之間、生生之間相互交流的良好渠道，同時也是學習者主要答疑渠道，針對兩類不同學習活動開啟不同討論主題，學習者可以圍繞討論主題展開討論，也可以發起討論主題。學習論壇可以及時解決學習者在學習過程中的困惑，也可以了解學生的想法和觀點。

1．6作業提交與反饋

作業提交環節是學習者學習成果展示的有效途徑，通過作業提交可以及時了解學習者對所需知識點的掌握情況，同時也是教師輔導的主要依據，作業提交包括平時上機練習作業和綜合項目的作品。通過Moodle平臺作業提交時間限制功能，可以讓學習者在規定的時間內完成作業提交任務，教師及時給予點評，讓學習者了解學習中的不足，及時解決學習過程中存在的問題。

2課程教學效果分析

采用問卷調查法對Moodle平臺教學效果進行調查分析，選取新疆昌吉學院物理系教育技術學專業本科1104班大三的學生作為研究對象，學生們具備相應的媒體操作能力，對Moo－dle平臺操作不存在技術困難。采用問卷星進行問卷發放，發放問卷29份，回收問卷28份，回收率為96．55％；問卷的有效率為100％。

2．1學習者調查分析

對學習者在線學習進行調查發現，曾有過在線學習經驗的占到36．22％，沒有在線學習經驗的占到63．78％，從調查結果可以看出，大多數學習者沒有在線學習的經驗，可能會對課程平臺教學效果產生一定的影響。

2．2Moodle平臺功能模塊分析

在線學習過程中，對學習者使用Moodle平臺最多的功能模塊進行調查發現：學習者使用最多的功能模塊是作業上傳占91．43％，其次是論壇模塊占48．57％，wiki協作學習模塊和個人blog模塊相對較少，分別占20％、5％。通過調查結果可以分析出，學習者對教師要求完成任務的功能模塊使用較多，沒有布置任務的功能模塊很少使用，在一定程度上，可以表明學習者處于被動學習狀態，自主學習能力不強。

2．3課程平臺學習情況分析

筆者主要從學習興趣、時間投入、學習動因、學習資源、學習方式和問題解決方式等因素來分析Moodle課程平臺學習效果。對使用Moodle平臺學習本門課程是否能夠激發學習者學習興趣調查，有28．57％的學習者認為能夠激發學習興趣，有62．86％的學習者不確定是否能夠激發學習興趣，只有8．57％的學習者認為不能激發學習興趣。從調查結果可以分析出，小部分學習者認為Moodle平臺能夠激發學習本門課程的學習興趣，而大部分學習者不確定是否會激發學習興趣，其主要原因可能在于大部分學習者缺乏在線學習的經驗。對課后每周學習時間投入情況調查，有95．86％的學習者在課后每周愿意花5小時以下時間利用平臺進行學習，只有4．14％的學習者在課后每周愿意花5小時以上10小時以下時間利用平臺進行學習。從調查結果可以分析出，課后絕大多數學生不會投入更多時間利用平臺進行學習。同時筆者還對利用平臺進行學習動因進行調查，有82．86％的學生者是因為有學習任務必須進行學習，有51．43％的學習者是為了查看資源是否有更新，有57．14％的學習者是為了查看是否有新任務，有4．43％的學習者是愿意利用平臺資源進行學習，由此可見，絕大多數學習者處于被動學習狀態，自主學習能力不強，可能因為長期接受傳統教育的結果，習慣被動學習狀態。對平臺提供的學習資源是否能夠滿足學習需要調查，有94．29％學習者認為平臺提供資源可以滿足學習需要，只有5．71％學習者認為平臺提供資源不能滿足學習需要，從結果可以分析出，絕大多數學習者對課程設計的資源比較滿意，只有少部分學習者認為不能滿足學習需要，可能跟學習習慣有關，喜歡聽從教師的安排與作業布置。對課程平臺學習過程中。喜歡學習方式調查，喜歡整堂課教師講授的學習者占到81．28％，喜歡小組協作學習的學習者占到10．15％，喜歡利用資源進行自主學習的學習者占到8．57％。從調查結果可以分析出，絕大多數學習者喜歡傳統以教師講授為主的學習方式，只有少部分學生者喜歡小組協作學習和自主學習。對在使用課程平臺學習過程中遇到問題時，解決問題方式的調查，有94．29％的學習者直接求助同學和教師，有32．86％的學習者通過網上搜索，有25．71％的學習者會在論壇發帖求助。從調查結果可以分析出，在問題解決方式上，絕大多數學習者還是喜歡傳統解答方式。

3結語

通過上述調查統計結果可以概括出，學習者受傳統教育影響較大，在一定程度上，學習者自主學習能力、協作學習能力不強，習慣聽從教師的安排和布置，結合上述學習者特點，建議教師在利用Moodle平臺進行課程設計過程中，應多考慮建構主義教學理念，通過以問題、情景、任務、項目等教學策略進行網絡課程的設計，讓學生者真正參與到課堂中，培養學習者自主學習能力、協作學習能力，才能真正發揮Moodle平臺在教學中的作用。

作者：張慧麗王文惠王建虎單位：新疆昌吉學院物理系新疆師范大學教育科學學院