【摘 要】《網(wǎng)頁設計與制作》課程是計算機專業(yè)、電子商務等專業(yè)的一門專業(yè)課程，是一門實踐性很強的專業(yè)技術基礎課程，又是一門主干課程。本文從網(wǎng)頁設計與制作一體化教學實踐入手，詳細的總結的教學的經(jīng)驗和不足。

【關鍵詞】網(wǎng)頁制作 HTML 教學改革 一體化教學

一、課程在專業(yè)中的地位與作用

《網(wǎng)頁設計與制作》課程是計算機專業(yè)、電子商務等專業(yè)的一門專業(yè)課程，是一門實踐性很強的專業(yè)技術基礎課程，又是一門主干課程，是為加強對學生技術應用能力的培養(yǎng)而開設的綜合性課程，它涵蓋了HTML語言 Dreamweaver、photoshop、Flash等相關知識，全面介紹WEB站點開發(fā)、設計、制作、維護等技術。通過本課程的學習，使學生掌握該軟件的操作方法和操作技巧，學會運用其創(chuàng)建個人網(wǎng)站、具備一定的網(wǎng)站設計能力，學會網(wǎng)站的測試、維護、發(fā)布及推廣等。通過實例的講解，讓學生掌握網(wǎng)頁制作和網(wǎng)站開發(fā)的知識。從如何策劃網(wǎng)站、收集網(wǎng)站資料、準備素材、各個頁面的邏輯關系和鏈接的建立到網(wǎng)站動態(tài)系統(tǒng)的開發(fā)，如何申請空間和域名，如何上傳網(wǎng)站以及網(wǎng)站測試、維護、發(fā)布及推廣等。

二、課程學習目標

通過本課程的學習，使學生掌握 HTML 語言的語法規(guī)則及文字、鏈接、列表、表格、表單、圖像、多媒體、框架元素標簽及屬性，能設計出多窗口網(wǎng)頁、動態(tài)網(wǎng)頁；能熟練運用Dreamweaver進行網(wǎng)站的導入、規(guī)劃、管理、發(fā)布的相關技術及網(wǎng)頁制作的操作技能；能熟練運用photoshop、進行圖片處理，能熟練運用Flash制作網(wǎng)頁動畫；能維護、管理和設計WEB應用程序；能獨立設計WEB站點。

（一）通過綜合實訓進一步鞏固、深化和擴展學生的理論知識與專業(yè)技能。

（1）掌握規(guī)劃網(wǎng)站的內容結構、目錄結構、鏈接結構的方法。

（2）熟練掌握網(wǎng)頁制作軟件Dreamweaver cs5的基本操作和使用技能。

（3）掌握頁面的整體控制和頭部內容設置的方法。

（4）熟練掌握網(wǎng)頁頁面布局的各種方法。

（5）熟練掌握在網(wǎng)頁中輸入、設置標題和正文文字的方法。

（6）熟練掌握在網(wǎng)頁中插入圖像、flash動畫、背景音樂的方法。

（7）掌握建立各種形式超級鏈接的方法。

（8）掌握表單網(wǎng)頁制作方法。

（9）掌握網(wǎng)頁特效的制作方法。

（10）掌握網(wǎng)站測試的方法。

（二）訓練和培養(yǎng)學生獲取信息和處理信息的能力，充分培養(yǎng)和提高學生的動手能力，學會通過網(wǎng)站、書籍、素材光盤等方式收集所需的文字資料、圖像資料、flash動畫和網(wǎng)頁特效等。

（三）培養(yǎng)學生運用所學的理論知識和技能解決網(wǎng)站開發(fā)過程中所遇到的實際問題的能力及其基本工作素質。

（四）培養(yǎng)學生理論聯(lián)系實際的工作作風、嚴肅認真的科學態(tài)度以及獨立工作的能力，樹立自信心。

（五）訓練和培養(yǎng)團隊協(xié)作精神和共同開發(fā)網(wǎng)站的綜合能力。

三、考試、考核課改思路

本門課程的傳統(tǒng)教學方法是采取全課堂制授課方法，考核的方法也大都采用統(tǒng)一試卷的考核方式，學生所學的知識大部分集中在理論基礎方面，進而偏離了當今《網(wǎng)頁設計與制作》的發(fā)展方向。

在“教學做一體化”的教學模式中為了培養(yǎng)和突出學生的能力，故在實踐教學中突出以學生“做”為主，就是要像在企業(yè)里一樣，只給你要求說明或樣板，自己用所學知識自己設計、自己制作，然后由全班評選出最好的作品出來。所以在實際教學中也以此為主線來教學，多種教學方法相結合幫助學生學的好，做的更好。

（一）把理論教學穿插在課堂始終的教學理念

以前《網(wǎng)頁設計與制作》教學是分開講的，在實踐課上學生比較活躍，而在理論課上學生覺得沒用聽得累，老師講得“累”，覺得自己的辛苦不被學生所接納，心“累”。為了改變這種現(xiàn)狀，在教學計劃里壓縮了單純的理論課，在學生實際操作時，再將運用到的理論知識，理論指導實踐。

（二）基于工作過程為導向，突出學生“做”的重要性

“教學做一體化”的教學模式在教學實施中把課堂教學轉向工作情境，課堂由教師為主轉向以學生為中心，在教學中把課程分為幾大模塊，每一個模塊又分成幾個項目實施教學，每一個項目又劃分成幾個小任務，這些小任務由幾個基本操作去完成。教師只要說清楚課堂要完成的作品和課后作業(yè)的要求，讓他們在課堂照著案例做，每一個小任務要求用10分鐘時間做，教師巡視并作個別指導，10分鐘后教師根據(jù)學生提出的問題和自己的觀察及經(jīng)驗分析難點，演示講解，學生再繼續(xù)做，如此反復，按計劃完成一個項目。

“教學做一體化”的教學模式產(chǎn)生了很好教學效果，主要體現(xiàn)在學生們的問題多并能及時詢問，學生之間互相學習和比拼，不再為交作業(yè)而做作業(yè)，而是把它作為衡量自己能力和展示才華的一次機會，為他們將來走上工作崗位奠定了堅實的基礎。

（三）多種教學方法結合

鑒于學生的基礎和接受能力的差別，課堂教學重點之一是教法設計，教師根據(jù)所教模塊的特點，采用靈活多樣的教學方式。在教學中首先采用項目教學法貫穿始終，在授課中，采用項目要求說明一學生做，老師巡視指導一講解示范一訓練糾正一師生共評的基于工作過程的項目方式教學，更有利于學生在“做”中學，學習如何完成任務、與人合作、解決實際問題，這些能力是就業(yè)必不可少的。

建立幫助小組，對底子薄的同學多關注，留意他是否也能按時完成或遇到那些需要及時解決的問題，使大家順利完成各項任務。在教學過程中也可以適當應用問題教學法，提高學生的學習興趣，精講多練，達到了“教學做一體化”滿意的教學效果。

四、開展“過程考核”考試的效果

開展“過程考核”教學，調動了學生的學習興趣，通過對商務3131班40名學生的調查表明，實踐證明，該教學方法收到了良好的教學效果。

本套教學方法是一套重自主、重交流、重實踐、重創(chuàng)新的教學模式，每一模塊的教學，都打破了傳統(tǒng)的教學模式，有利于教學水平和教學質量的提高。從教學效果上看，學生的學習興趣濃厚，積極性高，充分的挖掘出學生的創(chuàng)新能力和自我學習能力，是學生能夠順利就業(yè)的保證，值得大力推廣和應用。

根據(jù)實訓期間的紀律考核情況、對待課程學習的態(tài)度，站點的目錄結構，各個頁面的布局結構、顏色搭配，文字、圖像、動畫的合理搭配，網(wǎng)頁之間的鏈接是否順暢，網(wǎng)頁制作技術的應用，網(wǎng)站的整體瀏覽效果等方面進行綜合評分。