學院網頁設計教學分析范文

本站小編為你精心準備了學院網頁設計教學分析參考范文，愿這些范文能點燃您思維的火花，激發您的寫作靈感。歡迎深入閱讀并收藏。

目前網頁設計課程還沒有統一的教材，對教材內容和教學方法的探索仍然處在初級階段，重點教哪些內容，如何上好網頁設計課，成了眾多專業教師關注的重點．網頁設計課程主要開設在計算機、電子信息、電子商務等理工科專業或視覺傳達等藝術設計專業．這也決定了課程在培養目標、教學內容、教學方法與手段、考核體系等方面側重有所不同．理工科專業更多偏向HTML及JavaScript等網頁語言的編寫，即重視純技術;而藝術設計專業多偏向界面版式設計，重視覺傳達．但招聘單位要求求職人員兩者都精通，單純的美工和純網頁設計師現在的需求越來越少．針對這一市場需求的變換，很多高職院校藝術設計專業都在嘗試改進網頁設計課程的教學內容及教學方法，開始注重網頁設計語言的學習，使藝術與技術完美結合，對此也進行了一些教學模式的應用研究［1，2］．

但是，即便掌握了網頁語言的使用，在高職院校網頁設計課程的教學體系中，也很少涉及網站易用性、無障礙網頁設計、面向用戶的網頁設計、網站安全等計算機科學及信息技術領域的相關知識．這往往使得網頁設計脫離實際，過于追求美觀與新功能而忽視用戶體驗，華而不實．面對如此眾多的計算機科學及信息技術領域的相關知識，在選擇教學內容時并不能完全覆蓋，如何取舍已經成為一個影響課程教學質量的關鍵問題．為了使教學更適合每位學生的知識結構，必須有針對性、側重性．本文就是在這樣的背景下，提出了一種基于學生先前知識的教學內容選擇方法．

1研究概述

本文針對高職院校藝術設計專業網頁設計課程的教學內容及實施過程進行研究．首先介紹了測試學生網頁設計先前知識的過程，然后對獲得的數據進行統計分析，最后呈現基于分析結果的教學內容選擇及教學實施過程．由于網頁設計總是同其他學科聯系在一起，所以當我們嘗試創建一個功能性強、吸引力高的網站時，經常會遇到很多問題．這使得網頁設計人員既要學習藝術方面的課程，如平面設計、樣式和風格、繪畫、色彩，又要掌握網頁設計方面的課程，如網頁設計工具的使用、網頁界面設計及網頁編程語言，與此同時還要了解像網站易用性、無障礙網頁設計、面向用戶的網頁設計、隱私及安全等其他學科方面的擴展內容．然而，目前大多數高職院校藝術設計專業的教學計劃還主要集中在網頁藝術設計、網頁視覺及版式設計、網頁設計軟件、網頁語言的學習，忽視上面提到的易用性、無障礙設計等問題．這主要由于藝術設計專業課程結構所致，并不能對計算機科學及信息技術領域的相關知識做詳細講解．那么如何在有限的教學時間內，根據學生的先前知識狀態，有針對性地擴展其他領域的相關教學內容便成為本文的研究重點．本文的研究基于北海藝術設計職業學院于2010年開設的一門全新的網頁設計選修課程———網頁客戶端表現技術．課程開始前，首先要求選修該課程的學生對網頁設計有初步的了解，同時喜歡設計網頁，然后再進行網頁設計先前知識的測試．測試包含十個相關科目的50個不同的網頁設計問題．測試的結果可以幫助我們更有針對性地選擇教學內容，靈活地實施教學．

1．1學生網頁設計先前知識的測試過程在開設網頁設計課程之前，本文做了一系列調研及相關文獻的查閱［3，4］，并對收集到的信息進行分析，總結出高職院校藝術設計專業在網頁設計教學中經常忽視的十個科目．根據每個科目的相關知識，制作了一份50道題目的測試試卷，然后對選修該門課程的55個學生進行測試．他們的年齡在20～22歲之間，涉及專業包括視覺傳達、多媒體技術、動漫設計、環境藝術設計，男女比例為30:25．測試結果如表1所示．下面是多數學生都回答錯誤的幾個問題．首先是網站易用性問題．設計網站時運用一些約定成俗的設計規范(如將超鏈接標記成藍色，可以使訪問者快速的找到鏈接)，這個非常重要的網站易用性問題，很多學生都不知道它的作用，如圖1所示．測試結果顯示:網站易用性、面向用戶的網頁設計、無障礙網頁設計、網站安全，這四個科目的問題回答正確率相對較低，全部低于30%．由于這些內容是保證網頁設計質量的關鍵，同時也是選修該門課程的學生最缺乏的知識，所以“網頁客戶端表現技術”課程需要擴展上述內容．

2基于先前知識的教學內容選擇及實施過程

2．1基于先前知識的教學內容選擇

根據學生的先前知識狀態，有針對性地擴展計算機科學及信息技術領域內的4個相關科目內容．

(1)網站易用性:伴隨著對網站用戶體驗的關注度普遍上升，網站易用性建設已經受到廣泛的重視．一個好的網站首先要平衡目的、網頁內容、虛擬因素、技術這四項基本準則．但是，由于學生缺乏易用性方面的知識，很多學生設計的網站都無法平衡網站功能和表現形式．因此，網站易用性教學就顯得尤為重要．教學內容及教學重點如表2所示．

(2)面向用戶的網頁設計:學生在制作網頁時很少分析用戶需求，總是認為自己的設計很有吸引力，但是對于訪問者來說，他們的設計經常過于復雜或者內容冗余無用．所以，學生應該明確他們是在為用戶做開發，而非展示自己的網頁技術知識．因此，有必要引入面向用戶的網頁設計教學．教學內容及教學重點如表3所示．

(3)無障礙網頁設計:無障礙網頁設計可以幫助殘障人士使用網頁．更確切地說，無障礙網頁設計可以幫助殘障人士感知、理解、瀏覽網頁．近些年，歐美的網站已經開始系統的研究無障礙網頁設計思想，而國內也開始對這方面進行研究．下面通過實例介紹無障礙網頁設計特點．例如購物網站可以為商品添加顏色的冗余文字信息，以支持色盲在線購物．對于讀寫困難的人來說，網頁中過多的動畫及滾動文字會增加他們的閱讀難度等．教學內容及教學重點如表4所示．

(4)網站安全:由于一個網站設計者更多地考慮滿足用戶應用，如何優化界面，實現業務，但很少考慮網站應用開發過程中所存在的隱患．大多數網站設計者、網站維護人員對網站安全技術了解甚少，所以有必要介紹一些網站安全技術．教學內容及教學重點如表5所示．

2．2基于先前知識的教學實施過程

(1)課程背景和目的《網頁客戶端表現技術》是藝術設計專業二年級學生的一門選修課．根據對企業調研的結果，發現企業承接的網站項目較多，并且企業、客戶都很看重網站客戶端頁面的表現效果，即是否能夠吸引客戶挑剔的眼球．本課程就是在這樣的背景下建立的．藝術設計專業學生具有良好的平面設計、樣式和風格、繪畫、色彩基礎，這也正是網頁客戶端表現的基礎．通過對網頁設計工具、網頁界面設計及網頁編程語言的學習，學生可以制作出美觀、大方的客戶端頁面．但是由于缺乏計算機科學或信息技術領域的相關知識，使得學生制作的網頁脫離實際，過于追求美觀而忽視用戶體驗．通過在教學中引入其他學科的網頁設計相關知識，使學生得到全面的培養，最終滿足企業對于網頁客戶端的設計要求．

(2)課程的教學實施過程下面是“網頁客戶端表現技術”課程的教學內容及實施過程，如表6所示．

3結語

本文介紹了一種基于先前知識的高職院校藝術設計專業網頁設計課程教學內容的選擇方法，并進行了具體實施．通過測試學生先前知識的狀態，呈現他們對網頁設計相關問題的真實理解，以做到有的放矢地組織教學內容．從學生的學習效果和學習水平測試分析中得出:這種方法可以更有針對性地選擇教學內容，靈活地實施教學．學生設計的作品通過網絡進行匯報展示，并邀請相關專業課教師對作品進行分析評價，最終結論驗證了這種教學方法的有效性．