基于目標(biāo)導(dǎo)向的Internet與網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)改革研究

陳明晶　金曉彤

摘要：Internet與網(wǎng)頁(yè)設(shè)計(jì)是一門(mén)適應(yīng)面廣、實(shí)踐性強(qiáng)的計(jì)算機(jī)應(yīng)用課程。文章介紹一種以實(shí)踐成果為導(dǎo)向的課程教學(xué)方法，通過(guò)合理的案例將教學(xué)內(nèi)容有效組織，搭建一體化實(shí)踐平臺(tái)來(lái)發(fā)布學(xué)生的作品，并對(duì)課程考核方式進(jìn)行改革，最終達(dá)到改善教學(xué)效果的目的。

關(guān)鍵詞：Internet；網(wǎng)頁(yè)設(shè)計(jì)；教學(xué)改革；目標(biāo)導(dǎo)向

0 引言

在Internet廣泛應(yīng)用的今天，網(wǎng)頁(yè)不僅僅是一種傳播信息的載體，已經(jīng)成為向外界宣傳個(gè)人或單位形象、開(kāi)展一系列活動(dòng)的平臺(tái)，因此，網(wǎng)頁(yè)設(shè)計(jì)已不單單是各種素材的簡(jiǎn)單拼湊，更應(yīng)該是一種融入某種思想的設(shè)計(jì)活動(dòng)。為適應(yīng)社會(huì)的需要，Internet與網(wǎng)頁(yè)設(shè)計(jì)在各高校已成為信息技術(shù)類專業(yè)的必修課和其他各專業(yè)的選修課。與其他程序設(shè)計(jì)類課程不同的是，該課程的核心內(nèi)容較為分散，且主要技術(shù)也在不斷地發(fā)展，傳統(tǒng)的按知識(shí)點(diǎn)組織內(nèi)容、案例驗(yàn)證法的教學(xué)形式，無(wú)法讓學(xué)生全面了解一個(gè)網(wǎng)站制作的全過(guò)程，因此已不能適應(yīng)新形勢(shì)的需要。針對(duì)該課程當(dāng)前存在的問(wèn)題，結(jié)合課程的教學(xué)目標(biāo)和相關(guān)專業(yè)的培養(yǎng)方案，浙江財(cái)經(jīng)大學(xué)信息學(xué)院Internet與網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)團(tuán)隊(duì)就該課程的教學(xué)改革進(jìn)行了積極的探索。

1 教學(xué)需求分析

1.1 課程教學(xué)內(nèi)容

Internet與網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)以HTML和CSS為藍(lán)本，全面介紹與Web及網(wǎng)頁(yè)設(shè)計(jì)制作有關(guān)的知識(shí)，向?qū)W生闡明與互聯(lián)網(wǎng)相關(guān)的一些基本概念及Web的基本工作機(jī)制，并使學(xué)生具有解決一般網(wǎng)頁(yè)制作問(wèn)題的能力。與此同時(shí)，通過(guò)對(duì)Web網(wǎng)頁(yè)制作技術(shù)、制作工具及互聯(lián)網(wǎng)常用工具的學(xué)習(xí)使用，使學(xué)生對(duì)于建立Web站點(diǎn)所涉及的相關(guān)知識(shí)有一個(gè)全面的了解。

通過(guò)該課程的學(xué)習(xí)，學(xué)生能夠掌握互聯(lián)網(wǎng)相關(guān)概念及一些互聯(lián)網(wǎng)基本工具的使用；能夠熟練地使用網(wǎng)頁(yè)設(shè)計(jì)軟件、HTML語(yǔ)言及CSS語(yǔ)言，了解動(dòng)態(tài)網(wǎng)頁(yè)的工作原理，掌握Web應(yīng)用環(huán)境的構(gòu)建技術(shù)；了解Web站點(diǎn)注冊(cè)、發(fā)布、建設(shè)、管理、推廣的整個(gè)過(guò)程。通過(guò)該課程的學(xué)習(xí)，能建立一個(gè)某種功能的Web站點(diǎn)，并進(jìn)行簡(jiǎn)單的維護(hù)、管理工作。

1.2 在專業(yè)培養(yǎng)方案中的地位

課程的教學(xué)工作主要分為兩部分：面向信息類專業(yè)的必修課和面向其他專業(yè)的選修課，對(duì)于信息類專業(yè)而言，基于Web的應(yīng)用與開(kāi)發(fā)是專業(yè)方向中的一個(gè)重要分支。而在諸多Web技術(shù)課程中，Internet與網(wǎng)頁(yè)設(shè)計(jì)課程無(wú)疑是其他課程的基礎(chǔ)，也是學(xué)生最早接觸的，因此，作為Web技術(shù)的基礎(chǔ)和主框架，課程的教學(xué)效果直接影響著后續(xù)課程。對(duì)于其他專業(yè)，Web對(duì)專業(yè)發(fā)展的影響也不可忽視，掌握網(wǎng)頁(yè)設(shè)計(jì)知識(shí)也是勢(shì)在必行。

1.3 課程能力需求

課程涉及多方面知識(shí)和技術(shù)。對(duì)于不同專業(yè)而言，學(xué)生需要掌握不同的重點(diǎn)，以便與本專業(yè)的知識(shí)體系相結(jié)合，形成一定的職業(yè)技能。主要專業(yè)對(duì)課程的能力需求見(jiàn)表1。

基于以上分析，課程在教學(xué)內(nèi)容、方法以及考核方式上都進(jìn)行了改革，以滿足不同專業(yè)、不同層次的需求。

2 教學(xué)改革總體思路

課程的教學(xué)要確立以練帶學(xué)、先模仿后創(chuàng)新的基本思路，少理論多實(shí)踐、靈活控制教學(xué)進(jìn)度。每個(gè)知識(shí)點(diǎn)要給學(xué)生留足探索的空間，以提高學(xué)生的理解和自學(xué)能力；采用過(guò)程控制代替結(jié)果控制，既能讓學(xué)生體驗(yàn)網(wǎng)頁(yè)設(shè)計(jì)的全程，又能有效防止期末突擊、作業(yè)抄襲等不合理現(xiàn)象；通過(guò)課程的開(kāi)放式平臺(tái)，將學(xué)生的課程設(shè)計(jì)作業(yè)發(fā)布在Internet上，并設(shè)置好評(píng)度和訪問(wèn)量排行榜，以提高學(xué)生的參與積極性，并從學(xué)習(xí)和實(shí)踐中找到成就感；將網(wǎng)站創(chuàng)新作為課程評(píng)價(jià)的重要指標(biāo)，培養(yǎng)學(xué)生的獨(dú)立創(chuàng)新意識(shí)；利用一體化實(shí)踐平臺(tái)，將課程的案例和課程設(shè)計(jì)作品與后續(xù)課程對(duì)接，幫助學(xué)生完成一系列Web開(kāi)發(fā)技術(shù)的積累，同時(shí)意識(shí)到網(wǎng)頁(yè)設(shè)計(jì)在Web開(kāi)發(fā)中的基礎(chǔ)作用。

3 教學(xué)內(nèi)容改革

3.1 教學(xué)環(huán)節(jié)設(shè)計(jì)

現(xiàn)代社會(huì)對(duì)網(wǎng)頁(yè)需求的變化促使網(wǎng)頁(yè)設(shè)計(jì)已成為一門(mén)由設(shè)計(jì)與計(jì)算機(jī)技術(shù)組成的交叉學(xué)科。傳統(tǒng)的教學(xué)內(nèi)容按照網(wǎng)頁(yè)設(shè)計(jì)相關(guān)語(yǔ)言（HTML、CSS和JavaScript等）的知識(shí)點(diǎn)進(jìn)行組織，并且通過(guò)在網(wǎng)頁(yè)制作軟件中操作來(lái)進(jìn)行講解，導(dǎo)致各個(gè)知識(shí)點(diǎn)分散，忽略了貫穿全局的線索。因此，課程對(duì)教學(xué)內(nèi)容和教學(xué)環(huán)節(jié)進(jìn)行全新的設(shè)計(jì)，在順利導(dǎo)入課程內(nèi)容之后，進(jìn)行網(wǎng)站規(guī)劃和頁(yè)面效果設(shè)計(jì)，以此為藍(lán)圖構(gòu)建網(wǎng)站框架，并在后續(xù)的學(xué)習(xí)中不斷完善網(wǎng)站功能，最終形成完整的作品。課程具體教學(xué)環(huán)節(jié)設(shè)計(jì)見(jiàn)表2。

3.2 教學(xué)案例設(shè)計(jì)

在不同的教學(xué)階段，采用不同案例進(jìn)行教學(xué)。

（1）導(dǎo)入階段以個(gè)人簡(jiǎn)介網(wǎng)頁(yè)為例，采用表格布局，使用設(shè)計(jì)視圖進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)，注重Dreamweaver菜單和面板的操作，強(qiáng)調(diào)網(wǎng)站視覺(jué)的整體性，不關(guān)注HTML和CSS代碼的規(guī)范性。學(xué)生也可以模板教學(xué)案例完成階段作品，目的是讓學(xué)生快速掌握Dreamweaver的操作并且通過(guò)階段成果找到成就感。

（2）設(shè)計(jì)階段以企業(yè)網(wǎng)站為例，采用時(shí)下流行的DIV+CSS布局，盡量使用代碼視圖進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)，強(qiáng)調(diào)代碼的規(guī)范性和兼容性，同時(shí)也要求作品有一定的創(chuàng)新性，體現(xiàn)出網(wǎng)站特有的設(shè)計(jì)思路，提高網(wǎng)站的質(zhì)量。

4 教學(xué)手段和方法改革

4.1 教學(xué)實(shí)踐平臺(tái)

課程的教學(xué)實(shí)踐平臺(tái)依托學(xué)校網(wǎng)絡(luò)資源，面向全校學(xué)生提供課程教學(xué)資源、在線教程、交流論壇及相關(guān)信息。平臺(tái)主要分為兩部分：課程網(wǎng)站和學(xué)生個(gè)人主頁(yè)空間。

1）課程網(wǎng)站。

課程網(wǎng)站是以本課程教學(xué)資源為中心的網(wǎng)站系統(tǒng)，在線展示所有教學(xué)內(nèi)容和操作手冊(cè)，幫助學(xué)生自學(xué)，同時(shí)還提供大量的相關(guān)學(xué)習(xí)材料、視頻資料等外部資源，以及課程內(nèi)容討論區(qū)，為有興趣深入學(xué)習(xí)的學(xué)生創(chuàng)造更多的發(fā)展空間。主要功能模塊如圖1所示。

2）學(xué)生個(gè)人主頁(yè)空間。

平臺(tái)以教學(xué)班為單位，為學(xué)生提供個(gè)人主頁(yè)空間，學(xué)生只要將最終的課程設(shè)計(jì)網(wǎng)站源代碼上傳到服務(wù)器，即可在線預(yù)覽。系統(tǒng)也會(huì)將每個(gè)班級(jí)的優(yōu)秀作品滾動(dòng)展示在課程平臺(tái)首頁(yè)。endprint