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

篇(1)

關鍵詞：工作過程；學習情境；網頁設計

“網頁設計與制作”是我院計算機應用技術專業(yè)和計算機網絡技術專業(yè)的專業(yè)核心課程，主要培養(yǎng)學生的網站規(guī)劃、網站效果圖的設計與制作、網頁設計、網頁動畫設計、網站后期編輯、網站測試及等技能，是一門實踐性和操作性非常強的課程。如何將高職生培養(yǎng)成合格的網頁設計師，使學生上崗后的能力能適應工作崗位的要求，這是本課程教學的總體目標，也是課程設計的方向。

一、職業(yè)崗位能力需求分析

通過對計算機相關專業(yè)學生畢業(yè)后從事網頁設計與制作相關工作崗位的需求調研、畢業(yè)生問卷調查、網上企業(yè)招聘信息查詢統(tǒng)計、校企合作辦學等多種形式，在充分了解行業(yè)、企業(yè)具有的適合計算機相關專業(yè)畢業(yè)生就業(yè)崗位的前提下，由企事業(yè)專家和專、兼職教師組成的專業(yè)建設與課程建設指導委員，通過反復論證，確定本課程相關的職業(yè)崗位、崗位能力及崗位所需的綜合

素質。

二、課程設計的理念與思路

1.課程設計的理念

本課程根據高職教育的特征，將“基于工作過程系統(tǒng)化”和

“行動導向教學”作為課程開發(fā)與設計的基本理念。將教學內容設計為5個學習情境，打破傳統(tǒng)網頁教學的條塊界限，將網頁設計與制作的實際過程作為課程教學主線，這樣網頁設計與制作的實際順序即是本課程的教學順序。

2.課程設計的思路

本課程的開發(fā)設計充分體現了職業(yè)崗位要求――職業(yè)性（網站策劃崗位、網頁設計崗位、網站建設崗位、網站管理崗位）、豐富多樣的實踐環(huán)節(jié)――實踐性（課內項目、課外拓展項目、網頁技能展示、畢業(yè)實習和畢業(yè)設計）和教學內容的靈活可選性、可拓展性――開放性（網頁設計競賽、網上教學資源、校外專家講座）。

三、教學內容的組織與實施

1.教學內容選取的指導思想和基本原則

（1）根據網站開發(fā)職業(yè)崗位要求和相關職業(yè)資格標準，適時調整更新教學內容。

（2）以項目能力作為課程培養(yǎng)的主要目標，以真實項目為載體組織教學內容，注重培養(yǎng)項目實施能力。

2.以網站項目為載體，重構和序化教學內容

課程組通過對市場調研、聽取畢業(yè)生的反饋信息，與校內外行業(yè)專家充分研討分析，確定了課程的職業(yè)崗位指向是“網站策劃員”“網頁設計與制作員”“網站管理員”“網頁美工員”“網頁編輯員”和“網站運營員”等，并對這些典型工作崗位的職業(yè)能力進行了分析，選取了“武威職業(yè)學院校園十佳歌手評選活動宣傳網站建設”“放飛夢想個人網站建設”“武威職業(yè)學院信息技術公司網站建設”“武威旅游網站建設”和“佳佳商城網用戶及留言管理系統(tǒng)建設”等5個學習情境作為課程的教學內容，并為每個情境設計了6～10個教學任務，重構和序化教學內容，將真實項目精心分解成符合學生認知規(guī)律的教學任務，將技能點、知識點合理地融入各個教學任務中，打破了傳統(tǒng)的“先理論，后實踐”的教學組織方式。

在網站項目教學過程中，學生要根據項目來學習，具有很強的學習目的性、積極性和主動性，激發(fā)學生學習熱情。每個項目的教學過程都要遵循：“項目任務內容項目”這樣一個過程。在這個過程中，學生根據項目需求可以對前面學習的內容進行分析、總結、歸納、提高、整合。

3.教學內容的選取與教學實施

依據所確定的職業(yè)崗位選取教學內容，在確定網站教學項目時，遵循學生的職業(yè)成長規(guī)律，將網頁設計基礎知識、網站欣賞、網站規(guī)劃與設計、網頁效果圖設計等16個教學模塊進行了重構與序化，以5個網站項目為載體，綜合理論知識、操作技能和職業(yè)素養(yǎng)為一體。

5個學習情境之間由易到難，層層遞進，在不斷補充新知識、新技能的同時，對課程的重點和難點進行反復強化。通過5個網站項目的學習，學生不但能夠掌握網頁制作與網站設計的專業(yè)知識和專業(yè)技能，還能夠全面培養(yǎng)其團隊協(xié)作、溝通表達、拓展創(chuàng)新、愛崗敬業(yè)、精益求精、求真務實的職業(yè)道德與規(guī)范等綜合

素質。

4.課程考核

本課程的評價采用過程性評價（項目評價）和期末考評（課程考核）相結合的方法。最終課程成績由“平時成績（占20%）、項目考評（占30%）、期末考評（占50%）三個部分組成。具體考核要求見下表。

四、教學效果

學生對該課程采用基于工作過程系統(tǒng)化的教學反映良好，對教學中引入企業(yè)項目案例設計，與生產實踐相結合的探索感到滿意。良好的實習、實訓條件也使學生的設計制作能力得到了明顯提高，實現了工學的無縫結合?；诠ぷ鬟^程系統(tǒng)化的課程和行動導向的教學模式充分調動了學生學習的興趣，學生普遍認為在這種教學模式下老師們的授課重點突出，難易適度，在教學中引入前沿知識和實際項目擴展視野，使學生在專業(yè)技能得到提高的同時，職業(yè)綜合素質也得到了很好的鍛煉和提高，為將來就業(yè)打下了良好的基礎，同時該課程改革已得到校內外專家的一致好評，我院學生連續(xù)多次在甘肅省大學生創(chuàng)新杯計算機應用能力競賽網頁設計項目中獲得各種榮譽，已經取得了明顯的效果。

參考文獻：

[1]姜大源.當代德國職業(yè)教育主流教學思想研究[M].北京：清華大學出版社，2007.

[2]王美萍.關于“工作過程系統(tǒng)化”教學模式應用的探討[J].中小企業(yè)管理與科技，2009.

篇(2)

【關鍵詞】Web技術；網絡專業(yè)；課程設計

本實訓針對學生之前所學的專業(yè)課程知識進行整體概括、應用和提高。能夠加強學生專業(yè)知識訓練，提高學生專業(yè)水平。傳統(tǒng)的教學都是采用“一學期一課程一結束”的模式，課程缺乏有機的結合，導致學生無法系統(tǒng)掌握和應用專業(yè)知識，只是是知其然，不知其所以然，更談不上應用了，而當今的社會對計算機專業(yè)需要的是有經驗的專業(yè)應用人才，如何培養(yǎng)出具有應用能力的計算機人才是一個很大的難題，而通過Web技術專業(yè)實訓可以幫助學生提高其專業(yè)應用能力。

通過本次專業(yè)課程設計，學生要初步掌握網站開發(fā)的基本流程、每個階段的主要任務和典型設計方法；了解Dreamweaver技術、HTML代碼、Fireworks技術和Flash技術。

一、專業(yè)課程教學基本要求

專業(yè)實習主要是到實習基地的企業(yè)（公司）或基層行政組織進行參觀、考察，聽取該單位中管理人員的專題講座，同時，也要求實習單位適當給學生分配一些具體事務，讓他們身臨其境。培養(yǎng)學生的編程思想，具備初步建立小型網站的能力，為學生以后的實踐工作打下堅實的基礎。所以有以下要求：

1）提供實習基地；

2）多媒體合班教室；

3）實習機房。

二、Web技術專業(yè)課程設計的主要內容

1.網站開發(fā)與設計技術

通過制作一個綜合實例，熟悉Dreamweaver開發(fā)站點和頁面的技術；了解HTML語言；Fire-works和Flash對網頁圖片和動畫的設計。

網頁是WWW中的基本文檔，它是用HTML或其他語言（如JaveScript、VBScript、ASP、JSP、PHP、XML等）編寫的。

通常所說的網頁或網站就是由一個或多個超級文本組成的，而進入網站時一般首先打開的網站首頁也叫主頁（homepage）。網頁的出色之處在于能夠把超級鏈接嵌入網頁中，然后通過超級鏈接指向其他的文本、圖像、多媒體文件、程序甚至網頁。

網頁按位置可分為主頁和內頁；按表現形式的不同可分為靜態(tài)網頁、動態(tài)網頁和包含數據庫的動態(tài)網頁。

2.JSP應用技術的使用

通過上面制作的實例，掌握JSP的基本語法；熟悉JSP中的文件操作。

JSP技術使用Java編程語言編寫類XML的tags和scriptlets，來封裝產生動態(tài)網頁的處理邏輯。網頁還能通過tags和scriptlets訪問存在于服務端的資源的應用邏輯。JSP將網頁邏輯與網頁設計和顯示分離，支持可重用的基于組件的設計，使基于Web的應用程序的開發(fā)變得迅速和容易。

Web服務器在遇到訪問JSP網頁的請求時，首先執(zhí)行其中的程序段，然后將執(zhí)行結果連同JSP文件中的HTML代碼一起返回給客戶。插入的Java程序段可以操作數據庫、重新定向網頁等，以實現建立動態(tài)網頁所需要的功能。

JSP與JavaServlet一樣，是在服務器端執(zhí)行的，通常返回給客戶端的就是一個HTML文本，因此客戶端只要有瀏覽器就能瀏覽。

3.站點技術

使學生了解站點技術并引導學生使用站點技術前面開發(fā)的站點。

站點的方式可以采取以下三種：

1）實體主機：自行購買和建設服務器主機，然后向ISP申請連接Internet的專線和網址。

2）主機托管：只需購買服務器主機，不必租用專線，自行創(chuàng)建網站和管理服務器主機。

3）虛擬主機：直接租用ISP供應商的硬盤空間，由ISP負責所有硬件和技術人員的費用及專線月租。

三、項目實踐

通過實訓內容，實戰(zhàn)演練多個項目：

1）行業(yè)網站模板制作；

2）企業(yè)網站整體制作；

3）校園網策劃與運行；

4）基于會員制的網絡廣告系統(tǒng)。

四、總結

通過本專業(yè)課程實踐不僅可加強學生對理論知識的感性認識、加深對專用網站開發(fā)的理解，而且能培養(yǎng)學生的實驗技能，提高實驗動手能力。實驗過程中要求學生對網站開發(fā)的流程和使用工具有初步的了解，對站點上傳和維護有一定的調試能力。

參考文獻

[1]李興華，王月清.Java Web開發(fā)實戰(zhàn)經典[M].清華大學出版社，2010，08.

篇(3)

關鍵詞：職業(yè)學院；網頁設計；教學改革

中圖分類號：G4文獻標識碼：A文章編號：16723198（2014）07013001

1突出高職學院的實踐性教學特色

高職學院以培養(yǎng)高等技術應用性人才為根本任務；以適應社會需要為目標、以培養(yǎng)技術應用能力為主線設計學生的知識、能力、素質結構和培養(yǎng)方案，畢業(yè)生應具有基礎理論知識適度、技術應用能力強、知識面較寬、素質高等特點；以“應用”為主旨和特征構建課程和教學內容體系；實踐教學的主要目的是培養(yǎng)學生的技術應用能力，并在教學計劃中占有較大比重；“學校與社會用人部門結合、師生與實際勞動者結合、理論與實踐結合是人才培養(yǎng)的基本途徑。

2教材改革

選好教材、用好教材是搞好教學的重要保證。根據高等職業(yè)教育教學的特點，我們采用以工作過程為導向的新理念教材，以“任務驅動”形式來重點突出了教學的實用性和操作性。我們選用的《網頁設計》教材各部分都采用任務驅動教學法；介紹了網頁制作、站點管理與規(guī)劃、Flas設計與Fireworks網頁圖像處理，并將其三者融為一體，通過典型任務并且連貫的講述了網頁設計的總體思想以及詳細的設計步驟。對重點概念、重要的操作技能，力爭通過典型工作任務講深講透。

本教材每一章節(jié)都將教學重點列入綱要，結構清晰、重點突出，對每個知識點的概念都加以詳細的說明，各個典型任務充分體現教學重點和重要的操作技能，能讓學生深入消化理解掌握并達到舉一反三。本教材也適用于其他網頁設計軟件的升級版教學。

3教學方法和教學手段的改革

高等職業(yè)學院的教學應具有較強的實踐性，針對學生的具體情況，我們采取相應的教學方法，在教學方法上，應注重理論知識簡潔凝練，要采用多樣化教學手段，實行啟發(fā)式教學、任務驅動教學、實例教學以及精講多練、邊講邊練等多種教學方法，激發(fā)學生學習的興趣。

采用任務驅動和實例教學法。在課前，教師要做好充分的教學準備工作，通過網絡資源搜索和本節(jié)課內容相關的教學實例和視頻，在開始上課時，給出本節(jié)課的基本任務和學習要點，接著給學生播放已經設計好的實例或網上下載的視頻來演示本節(jié)課的主要內容，播放視頻或實例的過程中，要求學生仔細觀察頁面的結構和特點，并總結出實例要點和制作的關鍵環(huán)節(jié)，之后教師提示并給出學生的具體操作步驟。

例如在講到“表格”時，根據教學目的和教學內容選用典型的實例，先對學生展示該實例使用表格的效果，然后再詳細講解表格的創(chuàng)建與基本屬性的設置，每講完一個屬性都要讓學生創(chuàng)建表格并設置一下其相關的屬性值，讓學生能夠瀏覽到網頁的直觀效果，然后再讓學生舉一反三，獨立完成一個類似的表格設計，從而達到鞏固知識點的目的。這樣可以激發(fā)學生的學習興趣，提高學生的學習積極性，案例教學法中案例的分析與完成，有助于培養(yǎng)學生分析問題、解決問題的能力，

在實際教學中，學生計算機知識接受能力不同、水平參差不齊的狀況，不可能所有的學生在課堂上都能及時掌握教師所講的內容，需要在課后對課堂內容進一步復習鞏固，教師可以給學生布置一些相關實例，可為學生聯(lián)系一些企業(yè)網站設計任務，使學生能夠更好的鞏固學習、發(fā)揮自己的創(chuàng)新能力，制作出結構清晰、內容合理的網站。教師可以將課件及相應的學習資料放到教學郵箱里，對于重點和難點和知識，教師還可以錄制教學過程視頻，放在學校網站上，學生可以隨時訪問下載并進行學習，另外，教師還可以通過電子郵件或者QQ和學生交流，在課后也能隨時解答學生的疑問。

4課程考核方式改革

在《網頁設計》課程的考核過程中，主要采用網站創(chuàng)建測評。該課程考核主要分為作業(yè)考核、期中測試和期末課程設計測評幾個方面。作業(yè)要體現出每節(jié)課程的中心內容和學生的創(chuàng)意思維，期中測試要對半學期所學的理論與實踐設計相結合，制作出符合內容需要的合理頁面。最后在期末課程設計測評中，要求學生結合網頁設計的三大部分dreamweaver、flash、fireworks，開始著手收集資料，自己制作網站需要的相關圖片和動畫，規(guī)劃網站的整體框架，總結網頁上體現的所有網頁元素，通過詳細設計分析，創(chuàng)建自己特色的個人網站。每位學生自己設計一個個人網站，該網站首先必須是原創(chuàng)；其次，要有自己的特點，除了網站首頁設計外，還要具備相關的幾層鏈接來擴展網站的內容。為了進一步提高學生的網站建設及維護能力，我們還開設了相關的動態(tài)網頁設計課程等。

總之，職業(yè)學院的網頁設計課程教學模式的改革已經成為必然，它對于應用型人才的培養(yǎng)具有舉足輕重的作用，因此，本人對《網頁設計》課程的教學進行了適當的改革，積極探索，用于實踐，努力提高教學水平，吸引學生的學習興趣，在教學過程中，從學生感興趣的角度出發(fā)，對理論教學、實踐教學和課程考核方式等方面進行探索和改革，能使學生主動探索，抓住學生的興趣所在，提高其上機操作技能，拓展其知識面。

參考文獻

[1]婁楓.淺談高職院校計算機基礎課程的教學改革[J].中國科技信息，2006，（10）：237238.

[2]朱士高.淺談高職院校計算機類課程教學模式的改革[J].高教論壇，2006，（6）：208209.

[3]王鋒.高職院校計算機公共基礎課技能目標與實際探討[J].職業(yè)技能，2007，（3）：2728.

篇(4)

關鍵詞：任務驅動法；自主學習；創(chuàng)新設計

中圖分類號：G712 文獻標志碼：A 文章編號：1674-9324（2016）46-0185-02

一、課程的背景

《移動互聯(lián)網站運營與管理》課程是一門理論與實踐一體化的課程。在學習本課程前，需要學生掌握一門網站開發(fā)語言和軟件工程的一些基本知識，通過一個完整的網站運行項目培養(yǎng)學生能夠從事網站推廣、可用性分析、評價、維護、數據分析和管理等的職業(yè)技能。同時注重培養(yǎng)學生自學及與他人溝通、團隊合作的能力，通過學習引導學生思考問題、分析問題、提出問題和解決問題，培養(yǎng)學生的網站建設能力和文檔編寫能力，培養(yǎng)學生有計劃地完成任務的能力，為其將來從事網站運營工作打下一定的基礎。

二、網站運營與管理的工作流程

本課程通過一個網站設計，把網站的運營與管理知識、技能穿插在課程中，讓學生通過課程的學習，掌握網站從開始的設計、開發(fā)到最后的推廣等知識和技能，同時注重學生的溝通、團隊合作能力、文檔撰寫能力、規(guī)范意識等職業(yè)素養(yǎng)的培養(yǎng)，有利于學生的可持續(xù)發(fā)展。網站運營與管理工作流程如圖所示。

三、任務教學活動課的教學活動設計

在網站設計這個大背景下，教師需要設計不同的任務，完成教學目標。本次課程設計就是針對head標簽展開的。

1.分組教學。組織學生課前進行自學，老師也可以根據學生特點適當調整分組情況。為的是培養(yǎng)學生的表達、聆聽與溝通能力。

2.教學任務設計。在《網站主頁運營與推廣技術（head標簽設計）》這個單元課程中，整體教學思路設計圍繞一明一暗兩條主線展開：即教師教學為明線、學生活動為暗線。具體的教學任務有6項：

任務1：發(fā)現問題，引出知識。在百度上輸入一個關鍵字，查看至少兩個網站主頁的head標簽，說出為什么這些網頁能夠被搜索出來。

任務2：通過總結，學習知識。學習head標簽中，title和meta標簽格式及設計。

任務3：引發(fā)思考，進一步學習。通過網站排名（查看排在百度第1頁和排在第10頁的網站主頁title標簽和meta標簽），學習關鍵字的設計技巧。

任務4：小組討論，確定head標簽（主要是title和meta標簽）。寫出自己的title標簽和meta標簽設計，兩人一組進行討論，確定最終的設計。

任務5：完成網站主頁title和meta標簽設計。把最終確定的內容寫進主頁title和meta標簽里。

任務6：拓展學習。通過觀察和網上資料的學習，讓學生說出還能進行哪些設計，幫助網站推廣。

四、具體的教學實施

任務1：發(fā)現問題，引出知識

教學方法：引導學生實際操作，盡量找到答案，同學積極主動回答問題。

教師活動1：通過文檔給出任務：在搜索引擎上輸入一個關鍵字，要求學生在5分鐘內下載兩個網站主頁，存成html格式，并分析文檔標簽，找出能搜索到這些網站的原因。

學生活動1：上網搜索網站并下載，查看標簽，分析哪些標簽里出現了自己輸入的關鍵字，展開討論并總結。

理想結果是：學生自己得出結論：head標簽中的title和meta標簽中含有輸入的關鍵字。

任務2：通過總結，學習知識。

教學方法：引導學生觀看課件，同時注意思考標簽格式。

教師活動1：引出SEO概念，以及站內SEO對網站推廣、運營的重要性，播放課件讓學生觀看，系統(tǒng)學習知識，引導學生注意觀察標簽格式。

學生活動1：觀看課件，思考title標簽和meta標簽的書寫格式。

教師活動2：講授title標簽（網站標題）的設計，老師采取舉例法和觀察法，誘導學生說出正確的網站標題設計。

學生活動2：修改自己網站的title設計；這里需要埋下一個伏筆――現在的設計還不是最終課程目標的設計。

教師活動3：講授meta標簽對SEO比較重的keywords參數和description參數，講授keywords的設計，講授網頁的描述的設計description。

學生活動3：修改和添加自己網站的meta標簽設計。

引導學生思考：description參數內容會出現在搜索引擎的什么位置？（以百度為例）

任務3：引發(fā)思考，進一步學習

教學方法：學生分組討論，找出老師問題答案，鞏固所學知識。

教師活動1：通過網站排名第1頁和第10頁的網站主頁title標簽和meta標簽分析，學習關鍵字的設計技巧；關鍵字應該怎樣設計？設計幾個？關鍵字多長合適……還要引出：熱關鍵字、冷關鍵字、藍海關鍵字……

學生活動1：學生學習相關知識要點，總結關鍵字的設計技巧。

學生活動2：思考剛才自己設計的title和meta是否合理，以小組為單位相互指出設計優(yōu)點和缺陷。

任務4：小組討論，確定head標簽

學生學習能力：能正確闡述自己觀點，善于聽取他人建議。

教師活動1：聆聽幾組學生討論，指出學生設計中的不足。

學生活動1：查看小組同學的標簽設計，通過討論找出區(qū)別，根據討論確定小組標簽設計方案。

任務5：完成網站主頁title和meta標簽設計

學生能力：學生編寫、設計標簽能力的培養(yǎng)。

教師活動：巡視學生實際操作過程，對常見錯誤進行糾正，相關問題進行解答。

學生活動：獨立完成標簽修改和編寫。到目前為止，設計內容已經達到本課程要求。

任務6：拓展學習

教學方法：老師給出課件、自學網址，巡視回答學生問題。

教師活動：簡單講授meta標簽name屬性和http-equiv屬性的其他參數設計，掌握這些參數對設計對網站推廣的益處。

學生活動：完成自學任務，根據自己網站設計內容進行meta標簽再設計，與同組同學討論參數設計內容，聽取他人意見，做最后的補充、修改。

課后記：

本次課程依托上次完成的網站設計內容為背景，從排名靠前網站head標簽中發(fā)現問題，尋求提高自己網站排名的方案，獲取相關知識和技能，最后對網站相關標簽進行修正和完善。學生對自己設計的網站主頁非常熟悉，這種任務的層次引入的方式更容易讓學生進行知識的迭代學習，理解各個知識技能點之間的關聯(lián)和區(qū)別。學生完成情況良好。

授課過程中采用了以現場網站下載觀看head標簽的形式展開，一步步引導學生；以學生為“主體”，老師為“主導”，雙主的教學模式。增加了大量的學生討論以及自主學習的時間。這種授課方式課前需要做大量的資料準備工作，包括自學網站地址、任務單等都要齊全，增加了備課的時間，同時最大的難度在于課堂的組織，由于學生自主學習能力參差不齊，如何調動多數學生參與學習，在實際操作中還要進一步研究和嘗試。

五、結束語

自主設計網站主頁的head（主要是title和meta）標簽，通過真實網站標簽查詢開展教學，教學效果應該會適合學生發(fā)展。學生的學習有個體差異，老師只要精心設計教學，就能通過活動讓每個學生有收獲，進而逐步提升學習自信心，從而為以后學習打下基礎。

參考文獻：

[1]吳澤欣.SEO教程[M].北京：人民郵電出版社，2009.

篇(5)

>> 基于項目化教學的“網頁設計與制作”課程改革與實踐 《網頁設計與制作》課程教學的創(chuàng)新與實踐 網頁設計與制作課程的教學改革與實踐研究 《網頁設計與制作》課程的開發(fā)與實踐探析 《網頁設計與制作》課程建設的認知與實踐 計算機廣告制作專業(yè)的網頁設計課程教學改革與實踐 《網頁設計與制作》課程教學模式的改革及實踐 基于工作過程的“網頁設計與制作”課程改革的探索與實踐 網頁設計與制作的課程改革新動向 中職《網頁設計與制作》課程的改革初探 網頁制作課程設計的組織與實踐 任務驅動法在《網頁設計與制作》課程教學中的實踐探索 項目驅動式教學法在“網頁設計與制作”中的研究與應用 基于CDIO理念的網頁設計與制作教學改革與實踐探究 基于項目牽引式《網頁設計與制作》教學的實踐與探究 “網頁制作”的教學設計與實踐探究 “網頁設計與制作”課程教學方法的探索 《網頁設計與制作》課程的教學探討 淺談《網頁設計與制作》課程的實訓教學 淺析《網頁設計與制作》課程的教學方法 常見問題解答 當前所在位置：l；

頁面設計中明確體現各功能區(qū)域的劃分，布局合理，網站結構應層次分明，主題鮮明，界面美觀、簡潔；

3）頁面設計中導航和超鏈接清晰，對象插入合理；

4）網站必須有一張關于制作團隊信息的網頁，介紹各組成人員并詳細說明其在項目實施過程中擔任的職責和完成的任務；

5）在網頁中恰當的位置設計一個簡單的登錄表單；

6）網站欄目在三個以上.每個欄目至少有兩個頁面，網站的網頁總數量不少于10張，且網站中的相關信息列表及內容使用動態(tài)網頁呈現。

7）運用外部樣式表定制網頁風格，網站內風格統(tǒng)一。

3.2.4 學習評價

學習評價包括過程性評價和總結性評價。評價的內容包括兩個方面：一是學生參與活動各環(huán)節(jié)的表現，二是網站整體的完成質量。根據上述網站制作要求，客觀公正地評價學生的學習效果。由于學生解決實際問題能力有限，在項目實施過程中，可能會存在一系列的問題，在小組互評中，各小組組長在匯報中要指出網站制作過程中出現的問題所在及其解決方法，使學生的各種能力在評價中得到提高。在評價方法上，主要評價學生是否達到項目既定的目標要求，關注學生在完成項目中的進步程度，這樣有利于學生實踐能力和創(chuàng)新能力的培養(yǎng)。

在本課程中，每個學生學習的效果直接由完成網站的情況來衡量，包括四個部分：一是教師評價，由教師對各個小組項目完成情況進行評定，評價內容主要包括能否共同協(xié)作、是否實現預定功能等；二是小組間互評，由各小組組長在項目完成后給全班同學進行匯報，主要包括網站的設計思路、小組成員分工情況以及如何完成既定目標；三是小組內部各成員間互評，由各小組成員根據各組員對本小組項目貢獻的情況進行互評；四是學生自評，由學生本人進行自評，通過學習是否有所提高。綜合以上評定情況來確定每一名學生的學生總評成績。

4 總結

通過多年的教學實踐，采用項目驅動模式教學，能明確學習目標，較大地提升學習者的學習興趣。從而提高學生的學習效果，保證教學質量，鍛煉學生解決實際問題的能力。因此，項目驅動教學模式對《網頁設計與制作》課程來說是行之有效的教學方法。

參考文獻：

[1] 張鈺莎. 項目驅動式教學法在《網頁設計與制作》中的探討[J].現代計算機，2011（6）.

[2] 胡永剛. 項目教學法在《網頁制作基礎》課程中的應用[J].機械職業(yè)教育，2008（2）.

篇(6)

Moodle是目前世界上最流行的課程管理系統(tǒng)之一，它是免費開源軟件，使用方便，功能強大。Moodle的功能主要分為網站管理、學習管理、課程管理三大部分，其中課程管理中有豐富的課程活動，如論壇、測驗、資源、投票、問卷調查、作業(yè)、聊天室、Blog和Wiki等。信息技術課堂可以利用現有的網絡環(huán)境，再安裝Moodle平臺，就可以開展Moodle教學。它既能幫助信息技術教師把繁雜的課程設計、制作、測驗、評價變得極為方便輕松，又能幫教師整合更多的教學資源，從而提高課堂教學效率，促進教學。

1 應用Moodle優(yōu)化學生自主學習

初中信息技術（江蘇版）分為上下二冊，共11個單元，其中第3單元“設計應用文檔”、第9單元“制作多媒體作品”、第11單元“設計主題網站”都要求學生完成一個完整的作品，通過制作作品的過程，讓學生掌握相應的技術操作，同時也讓學生掌握制作作品的流程，從需求分析、規(guī)劃設計、素材收集、素材加工、整體優(yōu)化，直到作品等。教師可利用Moodle進行教學，無需太高的技術，只需一些類似Word操作技術就能很容易為學生搭建自主學習框架，輕松制作主題網站、研究性學習網站、學案等。

應用Moodle進行教學大致分為三個階段。

一是課前設計。教師是課程設計者，主要任務是明確每一節(jié)課的任務和要求，提供必要的素材，對于一些技術的難點還要提供視頻，最后還要提供上傳作業(yè)的鏈接。

二是課中。教師要改變觀念，要少講、精講，給學生更多的時間去思考問題，去實踐操作。學生遇到問題也通過Moodle平臺在學案中尋找答案，或通過討論尋找答案，或向教師尋求幫助。要讓學生學會用網絡、用技術、用協(xié)作解決問題，體會成功的喜悅。

三是課后。課堂教學雖然結束，但是學生的學習激情以及Moodle平臺仍然存在，學生仍可以通過網絡進入平臺探索更多更深層次的知識。

2 應用Moodle優(yōu)化課堂評價

在初中信息技術課堂教學中，正確及時的教學評價能夠激勵學生的學習積極性和主動性，同時也能讓教師獲取反饋信息，及時改進教學，不斷完善教學雙邊活動，更好地實現課堂教學目標，從而達到教學的整體優(yōu)化。評價有過程性評價和總結性評價，在傳統(tǒng)教學中重總結性評價輕過程性評價，不利于對學生作出客觀全面的評價，而Moodle

卻能很好地把總結性評價和過程性評價有機結合。

應用Moodle實現定性定量的總結性評價  Moodle提供了形式多樣的測試功能，如選擇題、判斷題、是否題、簡答題、匹配題、連線題等，只要輸入題目內容、指定答案及評分標準，就可完成一個題目。

應用Moodle實現過程性評價  利用Moodle提供的作業(yè)、論壇等模塊把學生的信息技術作品和作品的評價保存和記錄下來，作為學生成長記錄的一部分，對學生的學習進度作記錄。利用Moodle日志功能記錄學生的學習過程。這些日志以圖形和文字顯示了學習過程的每個細節(jié)、行為和操作，包括訪問課程的次數、學習者參與的程度、停留的時間、參與討論的情況等。教師可以隨時了解學生在學習過程中的積極性，針對學生的參與情況，教師可以通過E-mail等形式及時提醒學生。這樣就能夠使評價與教學同時進行，采用質性評價方式深入地評價學習的質量，及時發(fā)現問題，以便使學生能夠及時修改和調整自己的學習行為與目標，使評價在教學中起到良好的導向作用。

應用Moodle實現生生互動評價  同學的評價更能讓學生接受，也是一次再學習反思的過程。教師只要設定評價量規(guī)及范例，學生之間就可以相互打分，相互給出評價信息。

3 應用Moodle優(yōu)化師生、生生之間的交流

初中信息技術課一般每周1～2節(jié)課，師生之間的交流僅限于課堂上，有限的時間不可能讓教師與每個學生都有充分的交流，沒有思想、語言交流的師生關系肯定不會好，進而會影響師生情感。另外，信息技術課堂教學不僅僅是讓學生學會一些計算機的操作或信息處理的能力，還應該培養(yǎng)學生語言表達主要是對問題的表述能力。有些學生會操作，但他不能把這個過程完整表述出來，這是信息技術課中一個較為普遍的問題。為解決這個問題，可以在平時給學生創(chuàng)造機會，讓學生敢交流、經常交流。交流對于學習來說是非常重要的。建構主義認為，學生如果在課程中能充分地表達他的理解和思考，那么學習效果會大為提高。Moodle為師生、生生之間的交流提供了很多途徑，如論壇、聊天室、博客等。學生在學習過程中如碰到難題，就可以通過聊天室即時向同學或老師求助及獲得幫助。在教學過程中，教師也可開展一些比較容易引導的話題進行專題討論，學生發(fā)表自己的見解，實現知識共享。

4 應用Moodle優(yōu)化作業(yè)

作業(yè)是信息技術課堂教學中的一個重要環(huán)節(jié)。教師通過作業(yè)來了解學生學習情況、掌握程度，進而來調整下一學時的教學內容。一般作業(yè)上交通過兩種方式：一是通過共享文件夾上交作業(yè)，其缺點是容易被學生修改、復制、刪除;二是通過電子教室軟件自帶的作業(yè)提交功能，其缺點是學生不能獲得前一次的作業(yè)。信息技術課的很多作業(yè)其實是一件作品，它需要幾節(jié)課乃至更多的時間才能完成，學生需要在前一次作業(yè)的基礎上繼續(xù)進行。

利用Moodle平臺，學生可以將課堂完成的作業(yè)上傳到Moodle平臺，每個學生僅能對自己的作業(yè)進行操作，這樣就可以防止學生對作業(yè)的惡意操作。學生登錄Moodle平臺后，可以通過點擊作業(yè)，查看自己的所有作業(yè)情況，每一次的作業(yè)都會呈現在學生面前，可以進行下載、重新上傳等操作。這一次次的作業(yè)既能鞭策拖拉作業(yè)的學生，又是對每次都能按時完成作業(yè)的學生的一種激勵。學生如果發(fā)現某次作業(yè)未交或對已交作業(yè)不滿意，可以進行補做（因為那些素材資源還在）、補交。教師批改作業(yè)更是方便，只要通過瀏覽器就可以對學生作業(yè)進行評價，不僅可以給作業(yè)打上一個分數，還能給出一些反饋信息或建議。

5 應用Moodle延伸信息技術課堂

篇(7)

理解站點的工作原理，學會構建網站；熟練使用Dreamweaver進行網頁設計；熟練使用平面設計軟件和動畫設計軟件處理網頁素材；網站和網站管理維護等知識和技能。

2教學項目設計

在學生學習《網頁設計與網站建設》課前已學習了《ACCESS數據庫應用》這門課，而《ACCESS數據庫應用》這門課我們已做了很好的課程網站，學生學習《ACCESS數據庫應用》課程時學生就是利用這個網站進行學習、提問、上交作業(yè)等。所以我們就以學生十分熟悉的《ACCESS數據庫應用》課程網站開發(fā)作為教師授課的教學案例同時兼顧介紹互聯(lián)網上的一些優(yōu)秀網站來講授《網頁設計與網站建設》課程的知識點和擴展內容。讓學生自主選擇，選擇自己欣賞并想要學習探索的網站，參與到項目的設計［3~5］中來；學生自己選擇合適自己的網站，進行模擬設計，使每個學生都能夠自主完成項目，增強學生的成就感，激發(fā)學生的學習興趣；同時，學生可以通過相關的應用軟件和互聯(lián)網找到很多的學習資料，通過網絡學習解決項目中遇到的問題，這樣既幫助解決實際問題，還提高了學生發(fā)掘新信息的能力，在課程學習中就體驗和完成企業(yè)化的工作任務。項目設計見表1。

3教學實施過程

項目課程設計好了之后，教師就開始指導并監(jiān)督學生完成項目了，《網頁設計與網站建設》課程中包含很多的知識內容。現實中基本上每個網站上的頁面都是用框架或者表格或者框架和表格結合進行布局的，這樣在“項目三表格布局網頁頁面和框架布局網頁頁面”的學習中，教師通過案例教學完成網頁布局的基礎知識的講授，教會學生基本方法和基本操作，讓學生在網上選擇一個自己喜歡布局的網頁當做樣式模擬做練習，遇到困難找同學和老師求助，最終運用所學的知識自主完成項目任務［4~6］。在“網站的管理維護”部分的學習中，過去的教學一般都是紙上談談網站內容要實時更新、要經常檢查資料的鏈接正確性、進行網站宣傳、網站優(yōu)化等，并沒有真實體驗網站管理維護過程，沒有體會日常性的網站頁面更新的煩瑣，沒有體會網站資源庫中資源更新與替換時極易發(fā)生鏈接錯誤的情況等?；趹玫摹毒W頁設計與網站建設》課程在“項目八網站和管理維護”的學習中，教師指導學生把前面完成的小項目一步步有機的集成起來，真實地一頁一頁進行反復檢測，檢查資料、內容有沒有錯誤；檢查超鏈接跳轉的正確與否；文檔的存放、下載的情況如何等，這樣就會發(fā)現學生網站中出現得各種各樣錯誤，這些錯誤恰恰是日常網站維護管理的要做工作，教師正好拿出這些實際的、學生真實有體驗的案例來講解網站管理維護過程，學生改正了網站中的錯誤，也有了網頁設計與網站建設職業(yè)應用的體驗；接著申請站點空間和域名，建立配置遠程站點，通過FTP上傳本地站點中的所有文檔，使用瀏覽器打開我們的站點，瀏覽我們制作的網頁［4~6］。這樣的教學過程，實現了教、學、做、應用的一體化，促使學生對知識的理解掌握，也真正達到了學以致用的教學效果。堅持因材施教。制定出實現每個項目需達到基本的要求，確使每個學生都能夠自主完成項目中的核心基本要素功能，使水平能力較低的學生也有成就感，也有了學習的興趣；對于高水平能力的學生則有相對較高的要求，鼓勵參考互聯(lián)網上的優(yōu)秀網頁，做出較高水平的項目。突出基于應用的特色，建立項目教學課程體系，《網頁設計與網站建設》課程就是一個大項目，把這個大項目分成若干個小項目，每個小項目都是大項目中的組件，把完成的所有小項目有機的集成到一起就構成課程所要求的大項目。每個項目明確選題、明確重點、明確難點，明確低要求和高標準，進行企業(yè)化環(huán)境模擬，完成項目的開發(fā)、設計和實施。體現項目應用的教學理念。堅持進行職業(yè)能力培養(yǎng)。項目的制定貼近現實工作；項目的制作使用當前主流工具；項目的完成是具備了一個網站必備要素的實現了功能目標，具有實際使用價值的可以正常訪問運行的網站。

4項目課程效果