陳明晶　金曉彤

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

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

0 引言

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

1 教學(xué)需求分析

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

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

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

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

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

1.3 課程能力需求

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

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

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

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

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

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

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

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

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

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

（2）設(shè)計(jì)階段以企業(yè)網(wǎng)站為例，采用時(shí)下流行的DIV+CSS布局，盡量使用代碼視圖進(jìn)行網(wǎng)頁設(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í)踐平臺

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

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

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

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

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