學院網(wǎng)頁設計教學分析范文

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

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

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

1研究概述

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

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

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

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

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

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

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

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

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

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

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

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

3結語

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