北京學院路地區高校教學共同體的網頁設計與制作教學探討

黃宇

摘要：網頁設計與制作是一門實踐性、操作性、綜合性很強的課程，對學生實踐動手能力的要求很高。本文就如何上好北京學院路地區高校教學共同體的網頁設計與制作課程，通過課堂教學設計等，在培養學生的綜合素質上，進行了有益的探索，教學受到了學生的肯定，本人就教學進行了簡要的總結及反思。

關鍵詞：教學設計;網頁設計與制作;綜合素質

中圖分類號：G642.41 ? ? 文獻標志碼：A ? ? 文章編號：1674-9324（2016）07-0209-02

一、引言

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

二、教學設計的探索

教學設計是上好一門課的關鍵，是為了提高教學效率和教學質量，讓學生在有限的時間內學到更多的知識，提高學生綜合能力，使學生能夠得到良好的發展，獲得成功的教學。教學設計重點和難點在于如何培養學生的綜合設計能力與實踐能力，為此我做了教學設計如圖1所示，下面就該教學設計做一個簡單介紹。

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

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

3.上機拓展實踐，團隊合作。上機實踐鍛煉學生實際動手能力和工作能力，在學生進行實踐之前，老師應把實踐過程中涉及到的相關知識點教授給學生，讓學生帶著任務，帶著探索的精神進行實踐操作。實踐教學環節中，在學生動手操作之前，作為學生引導者的教師，必須做好相關的前期準備工作，精心設計實驗內容，寫清實驗目的、實驗內容，基本實驗請同學們獨立完成，然后布置綜合拓展實踐，讓學生以2～4人為一組進行團隊合作，分工協作，共同完成。同組成員可以是同一個學校的學生，也可以是不同學校的學生，這樣可以使不同學校的學生彼此認識了解和相互學習，在實踐中充分體驗學習、創造、合作和獲取成功的喜悅。

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

三、結束語

網頁設計與制作作為一門實踐性很強的課程，在教學設計上，通過對教學內容及實驗內容的合理安排，對學生進行正確引導并提高學生實際動手能力是其中的關鍵，力求提高學生分析和解決實際問題的能力，提高學生的綜合素質。通過教學實踐的探索，極大地提高了學生學習的積極性，學生對自己更加充滿自信心，同時也培養了學生的審美觀，充分發掘了學生的創新潛能，鍛煉了合作協作精神，最終，提高了學生的綜合素質。

參考文獻：

[1]王兆華，王海波.移動互聯網時代網頁設計與制作課程改革研究[J].計算機教育，2013，（9）.

[2]郭鋰，葉惠文.基于“雙層項目驅動教學模式”的計算機基礎課程立體教材開發與應用——以《網頁設計與制作》為例[J].中國大學教學，2012，（02）.

[3]陳云花.淺談《網頁設計與制作》課程的教學[J].中國科教創新導刊，2010，（08）.