圖示法在《網站設計》教學的應用

李天華

[摘 要] 網站設計是中職計算機應用專業的一門必修科目，課程的最終目標是使學生能夠獨自開發一個完整的網站，這是一門實踐性和操作性非常強的課程。以中職學生動手能力較強為突破口，運用圖示法教學，把學科知識圖表化、形象化、系統化，方便學生對重難點的記憶，層次圖形化與操作步驟的圖形化讓學生一目了然地按圖索驥，輕松地掌握實訓內容，最終達到提升學生實操技能的教學目標。圖示教學等同于教給學生一種簡便易學、行之有效的自學方法，對拓展其思維能力、提升他們的動腦動手能力具有較好的教學效果。

[關 鍵 詞] 圖示教學法；網站設計；層次圖示；步驟圖示

[中圖分類號] G712 [文獻標志碼] A [文章編號] 2096-0603（2018）07-0153-01

圖示教學法是一種以圖形或圖像為主要形式，揭示事物現象或本質特征，激發學生思維、加快教學過程的一種教學方法，也叫“圖文示意”教學法。用形象化的圖形、圖像或表格講授概念或規律，揭示事物之間的內在聯系，使學生頭腦中形成精細操作的意識，從而激發學生學習計算機的興趣，達到獲取技能的教學目的。

中職學生以訓練技能為主。課堂上，學生掌握程度不一，常常需要重復提示，結合網頁教學的特點，使用圖示法教學，可以清晰地表達科學概念、認識復雜問題。把知識圖表化、形象化、系統化，方便學生對知識點的記憶。而步驟的圖形化則讓學生一目了然地完成實訓內容，提高學生實操技能水平。

網頁制作是我校計算機類專業的一門必修課程，要求學生掌握Dreamweaver制作網頁的技術，這不僅僅是為了掌握軟件的應用和基本操作，更重要的是要求學生掌握網站的設計制作方法，鍛煉學生的綜合應用能力，課程的教學目標就是要求學生能夠獨立開發一個完整的網站。完整的網站由一個個的網頁組成，網頁制作是一門實踐性和操作性非常強的課程，通過幾輪的教學，我認為在這門課程的教學中不能采用傳統的教學方法，這不是簡單地知識的傳授和灌輸，而是要努力提高學生的綜合應用能力和創新能力，加強學生的實踐動手能力。課程必須安排在計算機房進行，采用教與學結合的方式，在老師的指導下，學生通過更多的實際操作訓練來提升技能。

如何使用圖示法教學？通過幾輪的教學，我主要從以下幾方面實施：（1）層次圖示。即網站內各網頁關系脈絡圖示例，可以使用軟件提供的“站點地圖”功能，也可以用PowerPoint的組織結構圖將網頁關系畫出來，讓學生清晰明了網頁間的鏈接關系。（2）步驟圖示。步驟圖示分三種，第一種是文本提示，文本提示主要是將步驟要點以文本文件的方式提供給學生，這種方式主要面向基礎較好的學生，讓他們通過重難點的提示即可完成操作任務。（3）示例圖展示。示例圖的展示主要是網頁布局的展示，學生從模仿到創新，是一個艱難的過程，在保證其會模仿的前提下，使用進階練習，減少示例圖的發送，讓學生自主完成，這是一個提升的過程。（4）白板提示。在發送的電子檔圖示及文本提示不完善或提示不足，而同一問題在多名學生身上出現時，利用白板添加必要的提示，這種提示比較靈活，可以根據上課的實際使用水性筆書寫板書，更改起來也比較容易。

通過一學期的圖示法教學，取得了很好的效果。期末考試，我要求學生設計一個完整的網站來結束本課程，而不是要求在給定時間內完成任務，一個網站的建設包括素材的收集、版面的布局、內容的充實等，在短短的兩三個小時內是無法完成的，學生還可以利用互聯網來收集相關的資料，參考、引用他人的模板來完成，因此，本課程的期末考試成績是對學生上交專題網站的綜合測評，而不是像原來所執行的兩個小時完成考題。在修改作品的過程中，老師一邊巡視一邊評價，考核學生的不僅是最后的作品，而是將設計網站的過程也作為我們評價學生技能的一個依據。最后，上交的作品可以讓全班學生互相點評、互相評價，在評價別人作品的同時提高自己的水平。

中職學生有的動手能力較強，應以此為突破口，多列舉我校學生畢業后從事網站建設等的成功案例，讓學生知道自己在社會上的優勢，樹立起學生的自信，順利地完成教學。經過幾年的圖示法教教學，從學生提交的作品看，每次測試的完成率及質量都有比較大的進步。2010年，學校從我任課的3個教學班113人中，篩選了3名學生代表參加韶關市中職學生的網站設計項目技能競賽，一人獲總分第一名，兩人分別獲第六、八名的較好成績。

運用“圖示教學法”進行網站設計教學是提高計算機教學質量的有效途徑，可以促進學生思維能力的發展。“圖示教學法”等于教給學生一種簡便易學、行之有效的自學方法，教師用圖示教學，學生也可以自己設計圖示，在對教師設計的圖示理解記憶的過程中，特別是學生自己動手設計圖示的過程中，其思維能力可以得到充分的發展，可以提高他們學習的積極性和自學能力，同時也培養和提高了學生的動腦動手能力。

參考文獻：

[1]張淑艷.歷史教學中計算機與圖示教學法的整合[J].網絡科技時代，2008（11）.

[2]劉冰.教育網站設計[J].中國電化教育，2001（1）.