網(wǎng)頁設(shè)計與制作一體化教學(xué)總結(jié)與評價

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

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

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

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

二、課程學(xué)習(xí)目標(biāo)

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

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

（1）掌握規(guī)劃網(wǎng)站的內(nèi)容結(jié)構(gòu)、目錄結(jié)構(gòu)、鏈接結(jié)構(gòu)的方法。

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

（3）掌握頁面的整體控制和頭部內(nèi)容設(shè)置的方法。

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

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

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

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

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

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

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

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

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

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

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

三、考試、考核課改思路

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

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

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

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

（二）基于工作過程為導(dǎo)向，突出學(xué)生“做”的重要性

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

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

（三）多種教學(xué)方法結(jié)合

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

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

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

開展“過程考核”教學(xué)，調(diào)動了學(xué)生的學(xué)習(xí)興趣，通過對商務(wù)3131班40名學(xué)生的調(diào)查表明，實踐證明，該教學(xué)方法收到了良好的教學(xué)效果。

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

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