黃宇

摘要：網(wǎng)頁(yè)設(shè)計(jì)與制作是一門(mén)實(shí)踐性、操作性、綜合性很強(qiáng)的課程，對(duì)學(xué)生實(shí)踐動(dòng)手能力的要求很高。本文就如何上好北京學(xué)院路地區(qū)高校教學(xué)共同體的網(wǎng)頁(yè)設(shè)計(jì)與制作課程，通過(guò)課堂教學(xué)設(shè)計(jì)等，在培養(yǎng)學(xué)生的綜合素質(zhì)上，進(jìn)行了有益的探索，教學(xué)受到了學(xué)生的肯定，本人就教學(xué)進(jìn)行了簡(jiǎn)要的總結(jié)及反思。

關(guān)鍵詞：教學(xué)設(shè)計(jì);網(wǎng)頁(yè)設(shè)計(jì)與制作;綜合素質(zhì)

中圖分類(lèi)號(hào)：G642.41 ? ? 文獻(xiàn)標(biāo)志碼：A ? ? 文章編號(hào)：1674-9324（2016）07-0209-02

一、引言

學(xué)院路，北京西北部一條不足3公里的道路，兩側(cè)彼此相鄰地坐落著國(guó)內(nèi)十多所著名高校。1999年在北京市教委的大力支持下，北京航空航天大學(xué)、北京科技大學(xué)等13所高校聯(lián)合成立北京學(xué)院路地區(qū)高校教學(xué)共同體，2002年發(fā)展成為包括北京師范大學(xué)等在內(nèi)的16所高校的教學(xué)共同體，2012年擴(kuò)展到了21所高校。學(xué)院路共同體切實(shí)可行又最有效地實(shí)現(xiàn)各高校優(yōu)質(zhì)教學(xué)資源的共享，讓學(xué)生與本校的專(zhuān)業(yè)素質(zhì)培養(yǎng)相結(jié)合從而形成一個(gè)有機(jī)的整體，培養(yǎng)出國(guó)家需要的高素質(zhì)創(chuàng)新性人才。我擔(dān)任了北京學(xué)院路地區(qū)高校教學(xué)共同體的網(wǎng)頁(yè)設(shè)計(jì)與制作課程的教學(xué)，這門(mén)課程的主要教學(xué)目的是培養(yǎng)學(xué)生的動(dòng)手能力，將多種學(xué)科知識(shí)有機(jī)結(jié)合，采取有效的教學(xué)方法和手段，培養(yǎng)學(xué)生實(shí)際動(dòng)手能力和創(chuàng)新能力。如何讓不同高校、不同層次的學(xué)生學(xué)有所長(zhǎng)，我在教學(xué)設(shè)計(jì)上，從教學(xué)內(nèi)容、教學(xué)手段、教學(xué)方法、考核方法等方面進(jìn)行了一系列的探索。教學(xué)內(nèi)容主要解決如何調(diào)動(dòng)學(xué)生學(xué)習(xí)的積極性，激發(fā)創(chuàng)新能力，提高創(chuàng)新能力、實(shí)踐能力、設(shè)計(jì)能力、發(fā)現(xiàn)問(wèn)題和解決問(wèn)題能力等綜合素質(zhì);教學(xué)方法主要解決如何實(shí)現(xiàn)“以學(xué)生為本”，如何通過(guò)學(xué)習(xí)的情境引入、啟發(fā)教學(xué)等方法，激發(fā)學(xué)生的發(fā)散性思維。同時(shí)利用實(shí)驗(yàn)室，為學(xué)生的創(chuàng)新和實(shí)踐能力的鍛煉和培養(yǎng)提供一個(gè)良好的平臺(tái)，進(jìn)行了有益的探索，教學(xué)效果受到了學(xué)生的肯定。

二、教學(xué)設(shè)計(jì)的探索

教學(xué)設(shè)計(jì)是上好一門(mén)課的關(guān)鍵，是為了提高教學(xué)效率和教學(xué)質(zhì)量，讓學(xué)生在有限的時(shí)間內(nèi)學(xué)到更多的知識(shí)，提高學(xué)生綜合能力，使學(xué)生能夠得到良好的發(fā)展，獲得成功的教學(xué)。教學(xué)設(shè)計(jì)重點(diǎn)和難點(diǎn)在于如何培養(yǎng)學(xué)生的綜合設(shè)計(jì)能力與實(shí)踐能力，為此我做了教學(xué)設(shè)計(jì)如圖1所示，下面就該教學(xué)設(shè)計(jì)做一個(gè)簡(jiǎn)單介紹。

1.上好第一堂課，培養(yǎng)學(xué)生的學(xué)習(xí)興趣?！昂玫拈_(kāi)始是成功的一半”，上好第一堂課非常重要，是關(guān)鍵，要高度重視第一節(jié)課。讓學(xué)生信服你，學(xué)好你這一門(mén)課，你必須在第一節(jié)課中讓學(xué)生產(chǎn)生學(xué)習(xí)興趣，否則會(huì)事倍功半。在上第一節(jié)課時(shí)，學(xué)生哪怕是取得一點(diǎn)點(diǎn)成績(jī)或進(jìn)步，教師都應(yīng)該真誠(chéng)地贊美他們，鼓勵(lì)他們，要讓學(xué)生有成功的喜悅，增強(qiáng)他們學(xué)習(xí)的自信心，學(xué)生便會(huì)在不知不覺(jué)中喜歡上你的課。讓學(xué)生知道本門(mén)課的教學(xué)內(nèi)容及教學(xué)計(jì)劃和進(jìn)度等，激發(fā)學(xué)生學(xué)習(xí)的興趣，使學(xué)生學(xué)習(xí)興趣更加濃厚。最后，要向?qū)W生提出學(xué)習(xí)要求。無(wú)規(guī)矩不成方圓，必須讓學(xué)生明白今后應(yīng)該怎么樣做。第一堂課對(duì)學(xué)生今后學(xué)習(xí)該課程有很大影響，授課教師要精心設(shè)計(jì)教學(xué)過(guò)程，組織教學(xué)內(nèi)容，認(rèn)真實(shí)施，要借助第一堂課極大地激發(fā)學(xué)生學(xué)習(xí)該課程的學(xué)習(xí)興趣和熱情。興趣是學(xué)習(xí)的動(dòng)力，提高學(xué)生學(xué)習(xí)的積極性和學(xué)習(xí)潛能，既要把該門(mén)課的相關(guān)知識(shí)傳授給學(xué)生，讓學(xué)生對(duì)整個(gè)課程的內(nèi)容有所了解，激發(fā)學(xué)生的學(xué)習(xí)好奇心和學(xué)習(xí)興趣，又要全面介紹該課程體系，促使學(xué)生對(duì)學(xué)習(xí)充滿(mǎn)極大的期待和學(xué)習(xí)自信心，使學(xué)生的學(xué)習(xí)目標(biāo)性增強(qiáng)。在第一堂課上，我首先是進(jìn)行簡(jiǎn)單的自我介紹，然后與學(xué)生親切簡(jiǎn)單地交談，拉近師生之間的關(guān)系，營(yíng)造和諧愉悅的教學(xué)環(huán)境，讓學(xué)生喜歡上這門(mén)課。然后，我對(duì)該課程進(jìn)行整體概述說(shuō)明，介紹了該課程的教學(xué)內(nèi)容、教學(xué)安排和教學(xué)目標(biāo)等，展示了以往優(yōu)秀同學(xué)的作品，并做了賞析，使學(xué)生通過(guò)學(xué)生自己生動(dòng)有趣的實(shí)例，對(duì)教學(xué)目標(biāo)有了感性認(rèn)識(shí)，了解了該課程學(xué)習(xí)之后，自己能做什么，大大激發(fā)了學(xué)生的學(xué)習(xí)興趣，使學(xué)生成為學(xué)習(xí)的主人，變被動(dòng)學(xué)習(xí)為主動(dòng)學(xué)習(xí)。

2.創(chuàng)設(shè)學(xué)習(xí)情境，啟發(fā)式互動(dòng)教學(xué)。教師在講解新的內(nèi)容時(shí)，要先很好地創(chuàng)造學(xué)習(xí)情境，進(jìn)行情境導(dǎo)入，演示相關(guān)實(shí)例。在上課時(shí)靈活采用多種教學(xué)手段。利用多媒體投影演示教學(xué)，將真實(shí)項(xiàng)目的設(shè)計(jì)與制作過(guò)程直觀地演示給學(xué)生，圖文并茂有聲有色，生動(dòng)地傳達(dá)給學(xué)生難以理解的教學(xué)內(nèi)容，讓學(xué)生通俗易懂，然后提出問(wèn)題，思維教學(xué)，以問(wèn)題為核心，促使學(xué)生積極思考，分析問(wèn)題，解決問(wèn)題，讓學(xué)生在學(xué)習(xí)的每個(gè)環(huán)節(jié)中都有明確的目標(biāo)性、方向性，不是被動(dòng)地接受。采用啟發(fā)式互動(dòng)教學(xué)，發(fā)揮學(xué)生的主動(dòng)學(xué)習(xí)能力，引導(dǎo)學(xué)生質(zhì)疑和思考。教師要?jiǎng)?chuàng)設(shè)愉悅的課堂氣氛，良好的課堂氣氛更有利于學(xué)生的學(xué)習(xí)和師生交流，讓學(xué)生上臺(tái)展示演講，使學(xué)生自我學(xué)習(xí)，自我完善和自我提升。比如，在講網(wǎng)站滾動(dòng)字幕及交互式相冊(cè)制作時(shí)，讓學(xué)生課前先思考，查資料，上課時(shí)先演示網(wǎng)站上的該功能，激發(fā)學(xué)生的好奇心及強(qiáng)烈的學(xué)習(xí)愿望，然后提出問(wèn)題。有學(xué)習(xí)積極鉆研的學(xué)生，課前已經(jīng)進(jìn)行了充分的準(zhǔn)備，讓學(xué)生上臺(tái)講解如何制作，在學(xué)生講解過(guò)程中，肯定其為課程學(xué)習(xí)付出的努力，讓其獲得學(xué)習(xí)的認(rèn)同感、成就感和自信心，以進(jìn)行后續(xù)的學(xué)習(xí)，激發(fā)學(xué)生的學(xué)習(xí)潛能，培養(yǎng)學(xué)生主人翁意識(shí)，鍛煉自我展示溝通能力，使學(xué)生提高和進(jìn)步，同時(shí)也激發(fā)其他同學(xué)的學(xué)習(xí)熱情。然后再進(jìn)一步提出問(wèn)題，拓展學(xué)生的思維空間，讓學(xué)生進(jìn)行深入思考和實(shí)踐，學(xué)習(xí)討論及交流，不同學(xué)校的學(xué)生也可以彼此互相學(xué)習(xí)。

3.上機(jī)拓展實(shí)踐，團(tuán)隊(duì)合作。上機(jī)實(shí)踐鍛煉學(xué)生實(shí)際動(dòng)手能力和工作能力，在學(xué)生進(jìn)行實(shí)踐之前，老師應(yīng)把實(shí)踐過(guò)程中涉及到的相關(guān)知識(shí)點(diǎn)教授給學(xué)生，讓學(xué)生帶著任務(wù)，帶著探索的精神進(jìn)行實(shí)踐操作。實(shí)踐教學(xué)環(huán)節(jié)中，在學(xué)生動(dòng)手操作之前，作為學(xué)生引導(dǎo)者的教師，必須做好相關(guān)的前期準(zhǔn)備工作，精心設(shè)計(jì)實(shí)驗(yàn)內(nèi)容，寫(xiě)清實(shí)驗(yàn)?zāi)康?、?shí)驗(yàn)內(nèi)容，基本實(shí)驗(yàn)請(qǐng)同學(xué)們獨(dú)立完成，然后布置綜合拓展實(shí)踐，讓學(xué)生以2～4人為一組進(jìn)行團(tuán)隊(duì)合作，分工協(xié)作，共同完成。同組成員可以是同一個(gè)學(xué)校的學(xué)生，也可以是不同學(xué)校的學(xué)生，這樣可以使不同學(xué)校的學(xué)生彼此認(rèn)識(shí)了解和相互學(xué)習(xí)，在實(shí)踐中充分體驗(yàn)學(xué)習(xí)、創(chuàng)造、合作和獲取成功的喜悅。

4.課程考核，完成作品及制作報(bào)告。課程考核以結(jié)課完成作品及制作報(bào)告為內(nèi)容，要求學(xué)生自己組隊(duì)，寫(xiě)出制作報(bào)告。網(wǎng)頁(yè)設(shè)計(jì)與制作考核，作品基本要求包括：（1）主題突出，內(nèi)容實(shí)用、健康、積極向上、信息量大，具有文化內(nèi)涵和時(shí)代氣息。（2）開(kāi)發(fā)規(guī)范。網(wǎng)頁(yè)制作規(guī)范，結(jié)構(gòu)清晰，欄目分類(lèi)清晰，信息歸類(lèi)科學(xué)，內(nèi)容豐富翔實(shí)，網(wǎng)站導(dǎo)航明確，運(yùn)行流暢。（3）頁(yè)面美觀。頁(yè)面規(guī)劃合理、美觀，設(shè)計(jì)莊重大方，創(chuàng)意新穎，頁(yè)面整體的色彩效果要協(xié)調(diào)，即總體協(xié)調(diào)，局部對(duì)比，合理運(yùn)用多種形式表現(xiàn)主題，欄目?jī)?nèi)容要圖文并茂，文字排版要合適，視覺(jué)效果好，整體協(xié)調(diào)。（4）技術(shù)要求。網(wǎng)站設(shè)計(jì)分成兩部分——前臺(tái)和后臺(tái)，并且要協(xié)調(diào)統(tǒng)一。前臺(tái)設(shè)計(jì)屬于靜態(tài)網(wǎng)頁(yè)，靜態(tài)網(wǎng)頁(yè)要求：①主題突出、布局合理、結(jié)構(gòu)清晰規(guī)范;②色彩搭配協(xié)調(diào)、美觀，設(shè)計(jì)有創(chuàng)意、新穎;③技術(shù)運(yùn)用比較全面，技術(shù)含量高;④導(dǎo)航美觀、醒目，鏈接轉(zhuǎn)換方便、自然流暢;⑤網(wǎng)頁(yè)有自制的動(dòng)態(tài)效果;⑥網(wǎng)頁(yè)中所涉及的所有路徑必須為“相對(duì)路徑”;⑦網(wǎng)頁(yè)不少于6頁(yè)，深度至少包括二級(jí)頁(yè)面，顯示分辨率以1024*768或800*600狀態(tài)為準(zhǔn);⑧Logo、Banner適當(dāng);⑨網(wǎng)頁(yè)必須包括文字、圖形、圖像、聲音及動(dòng)態(tài)效果等多媒體元素等，要求使用Dreamweaver、Photoshop和Flash等各軟件實(shí)現(xiàn)，充分發(fā)揮學(xué)生學(xué)習(xí)的主動(dòng)性和創(chuàng)造性，通過(guò)查閱資料、調(diào)查來(lái)獲取相關(guān)素材，對(duì)素材進(jìn)行分析、討論、加工處理并最終得到符合自己要求的素材，讓學(xué)生把所學(xué)知識(shí)融匯貫通，學(xué)以致用，當(dāng)學(xué)生用所學(xué)知識(shí)綜合完成自己的作品時(shí)，非常有成就感和喜悅感。最終成績(jī)的評(píng)定依據(jù)網(wǎng)站的創(chuàng)意、美觀性、內(nèi)容、技術(shù)和工作量等多個(gè)方面來(lái)綜合評(píng)分。本課程最后的綜合成績(jī)?cè)u(píng)定除了依據(jù)上述作品及制作報(bào)告情況，還依據(jù)平時(shí)上課情況和上機(jī)實(shí)訓(xùn)完成情況。制作報(bào)告要求學(xué)生寫(xiě)出網(wǎng)站的主題、網(wǎng)站的整體規(guī)劃，制作過(guò)程、模塊化分、鏈接跳轉(zhuǎn)關(guān)系圖、實(shí)現(xiàn)方法、耗費(fèi)時(shí)間、參考資料及體會(huì)等，讓學(xué)生學(xué)會(huì)學(xué)習(xí)總結(jié)提高，培養(yǎng)學(xué)生科學(xué)的精神、方法和思維。

三、結(jié)束語(yǔ)

網(wǎng)頁(yè)設(shè)計(jì)與制作作為一門(mén)實(shí)踐性很強(qiáng)的課程，在教學(xué)設(shè)計(jì)上，通過(guò)對(duì)教學(xué)內(nèi)容及實(shí)驗(yàn)內(nèi)容的合理安排，對(duì)學(xué)生進(jìn)行正確引導(dǎo)并提高學(xué)生實(shí)際動(dòng)手能力是其中的關(guān)鍵，力求提高學(xué)生分析和解決實(shí)際問(wèn)題的能力，提高學(xué)生的綜合素質(zhì)。通過(guò)教學(xué)實(shí)踐的探索，極大地提高了學(xué)生學(xué)習(xí)的積極性，學(xué)生對(duì)自己更加充滿(mǎn)自信心，同時(shí)也培養(yǎng)了學(xué)生的審美觀，充分發(fā)掘了學(xué)生的創(chuàng)新潛能，鍛煉了合作協(xié)作精神，最終，提高了學(xué)生的綜合素質(zhì)。

參考文獻(xiàn)：

[1]王兆華，王海波.移動(dòng)互聯(lián)網(wǎng)時(shí)代網(wǎng)頁(yè)設(shè)計(jì)與制作課程改革研究[J].計(jì)算機(jī)教育，2013，（9）.

[2]郭鋰，葉惠文.基于“雙層項(xiàng)目驅(qū)動(dòng)教學(xué)模式”的計(jì)算機(jī)基礎(chǔ)課程立體教材開(kāi)發(fā)與應(yīng)用——以《網(wǎng)頁(yè)設(shè)計(jì)與制作》為例[J].中國(guó)大學(xué)教學(xué)，2012，（02）.

[3]陳云花.淺談《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程的教學(xué)[J].中國(guó)科教創(chuàng)新導(dǎo)刊，2010，（08）.