何麗 　張永梅　席軍林　劉高軍

摘要：首先，作者根據(jù)近幾年Web應(yīng)用技術(shù)課程的教學(xué)情況，分析了該課程目前存在的問題.接著，按照本校應(yīng)用型人才培養(yǎng)的目標(biāo)，從教學(xué)內(nèi)容、教學(xué)方法、教學(xué)考核等方面提出了教學(xué)改革的方法和措施，最后，這些改革及措施在計(jì)算機(jī)專業(yè)學(xué)生中得到實(shí)施，并取得較好效果。

關(guān)鍵詞： Web應(yīng)用技術(shù)；應(yīng)用型人才；教學(xué)改革

中圖分類號(hào)：TP39 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2014）01-0102-03

1 概述

《Web應(yīng)用技術(shù)》是我校計(jì)算機(jī)科學(xué)與技術(shù)專業(yè)為大一學(xué)生開設(shè)的一門專業(yè)選修課程，本課程性質(zhì)為純實(shí)驗(yàn)課程，總學(xué)時(shí)32。其教學(xué)目標(biāo)是給出一個(gè)網(wǎng)站的具體需求，要求學(xué)生通過對(duì)實(shí)際問題的分析，運(yùn)用HTML、CSS、JavaScript等技術(shù)完成網(wǎng)站的設(shè)計(jì)及開發(fā)。使學(xué)生在掌握Web技術(shù)的同時(shí)進(jìn)一步提高自學(xué)能力、分析問題能力。

通過近幾年教學(xué)情況總結(jié)及學(xué)生反饋，發(fā)現(xiàn)目前該課程存在以下問題：

1） 在以往的教學(xué)活動(dòng)中，授課教師是借助于某一個(gè)網(wǎng)頁設(shè)計(jì)工具如DreamWeaver、Frontpage等完成網(wǎng)頁設(shè)計(jì)各個(gè)知識(shí)點(diǎn)的講解，這種教學(xué)方法對(duì)高職高專類院校的學(xué)生來講，可能效果較好。因?yàn)樽罱K學(xué)生掌握了某一個(gè)網(wǎng)頁設(shè)計(jì)工具的使用。但是這種教學(xué)方式不利于我校本專業(yè)學(xué)生對(duì)后繼課程如.NET應(yīng)用程序設(shè)計(jì)、軟件工程實(shí)踐等課程的學(xué)習(xí)，因?yàn)閮H僅通過一門開發(fā)工具去實(shí)現(xiàn)網(wǎng)頁設(shè)計(jì)忽視了學(xué)生自寫HTML、CSS、搭建網(wǎng)頁設(shè)計(jì)框架等能力的培養(yǎng)。借助于某個(gè)工具，很多網(wǎng)頁代碼都是自動(dòng)生成的，導(dǎo)致學(xué)生對(duì)網(wǎng)頁代碼理解就比較膚淺。

2） Web應(yīng)用技術(shù)方面的教材市場(chǎng)上比較多，但是很多只是介紹網(wǎng)頁設(shè)計(jì)工具的使用方法，比如網(wǎng)絡(luò)三劍客Flash、Dreamweaver、Firework等，缺少系統(tǒng)全面講解網(wǎng)站開發(fā)的步驟、思路及方法，沒有通過一個(gè)完整的網(wǎng)頁開發(fā)案例貫穿其中，有些書籍雖然帶有網(wǎng)頁設(shè)計(jì)的案例，但是很多涉及到數(shù)據(jù)庫知識(shí)，對(duì)于還未接觸到數(shù)據(jù)庫設(shè)計(jì)的大一同學(xué)來說非常吃力。因此，目前需要編寫介紹網(wǎng)頁設(shè)計(jì)開發(fā)實(shí)例的教材，在這些教材的指導(dǎo)下，學(xué)生的網(wǎng)頁設(shè)計(jì)能力能有所提高。

3） 在以往教學(xué)任務(wù)中，該課程主要是完成一個(gè)“個(gè)人博客網(wǎng)站”的制作。隨著網(wǎng)絡(luò)技術(shù)及時(shí)代發(fā)展，博客已經(jīng)慢慢淡出人們的視野。為了緊跟時(shí)代發(fā)展，同時(shí)也調(diào)動(dòng)學(xué)生學(xué)習(xí)該課程的積極性，在保證網(wǎng)站的功能要求不變的前提下，需要適當(dāng)調(diào)整網(wǎng)站所完成的內(nèi)容，比如男生可以選擇自己喜歡的游戲做一個(gè)游戲?qū)ｎ}網(wǎng)站，女生可以選擇喜歡的影星做一個(gè)專題網(wǎng)站等等。

因此，鑒于目前現(xiàn)狀，我們申請(qǐng)了學(xué)校的教育教學(xué)改革項(xiàng)目，對(duì)《Web應(yīng)用技術(shù)》課程的教學(xué)內(nèi)容、教學(xué)方式方法進(jìn)行改革。 并以資助資金為支撐， 自行編寫了《Web應(yīng)用技術(shù)》實(shí)驗(yàn)指導(dǎo)書。并完成《CSS+DIV網(wǎng)頁設(shè)計(jì)案例》教材初稿的編寫，預(yù)計(jì)明年3月份由清華大學(xué)出版社出版。

2 《Web應(yīng)用技術(shù)》課程的教學(xué)改革

2.1 教學(xué)內(nèi)容的安排

在教學(xué)內(nèi)容安排上，一方面要充分考慮到學(xué)生學(xué)生對(duì)后繼課程的學(xué)習(xí)基礎(chǔ)，另一方面教學(xué)內(nèi)容也要與時(shí)俱進(jìn)，考慮到學(xué)生畢業(yè)后的就業(yè)需求。因此，為了鍛煉學(xué)生自寫網(wǎng)頁能力，我們要求必須使用文本編輯器（UltraEdit、Editplus、記事本）編寫網(wǎng)頁，不能使用網(wǎng)頁制作工具如DreamWeaver、FrontPage等生成網(wǎng)頁；同時(shí)為培養(yǎng)良好的編程風(fēng)格及習(xí)慣，HTML 文件的后綴必須為.html；CSS、JS 代碼盡量不要直接寫在HTML文件中，作為獨(dú)立的.css、.js 外部文件引入HTML文件中。在實(shí)際教學(xué)過程中，以一個(gè)實(shí)際項(xiàng)目或類似項(xiàng)目貫穿其中，包括項(xiàng)目需求分析、主體框架搭建、各功能模塊設(shè)計(jì)開發(fā)、網(wǎng)站整體測(cè)試、網(wǎng)站發(fā)布等步驟，變“因材施教”為“因需施教”，充分調(diào)動(dòng)學(xué)生學(xué)習(xí)的主觀能動(dòng)性。

2.2教學(xué)方法的改進(jìn)

1） 采用任務(wù)驅(qū)動(dòng)教學(xué)，注重自學(xué)能力培養(yǎng)

在教學(xué)方法方面，采用學(xué)生自學(xué)為主、老師從旁指導(dǎo)為輔的方式。首先將整個(gè)網(wǎng)站設(shè)計(jì)任務(wù)進(jìn)行分解，每個(gè)階段有明確的任務(wù)要求，老師對(duì)其中的關(guān)鍵知識(shí)點(diǎn)首先進(jìn)行講解，積極為學(xué)生提供免費(fèi)的學(xué)習(xí)資源平臺(tái)如www.w3school.com.cn，并講授查閱資料方法。然后讓學(xué)生自行完成每個(gè)階段任務(wù)，對(duì)于實(shí)踐中普遍出現(xiàn)的問題，老師再統(tǒng)一講解、更正。實(shí)現(xiàn)任務(wù)驅(qū)動(dòng)與教學(xué)的統(tǒng)一。

2） 提倡案例教學(xué)，提高學(xué)生學(xué)習(xí)興趣

在每次學(xué)習(xí)一個(gè)新的內(nèi)容或者技術(shù)之前（比如CSS技術(shù)），教師提供相關(guān)的案例進(jìn)行簡(jiǎn)單講解，使學(xué)生掌握技術(shù)應(yīng)用的關(guān)鍵點(diǎn)。先達(dá)到能比照葫蘆畫瓢的目的，然后再進(jìn)一步加深考核要求。

2.3考核方式的改進(jìn)

在考核方式上，改變以前以知識(shí)點(diǎn)考核為主的考核標(biāo)準(zhǔn)，改為以實(shí)踐動(dòng)手能力為主。取消筆試考試，并將期末考核和過程考核相結(jié)合。學(xué)生的最終成績(jī)由平時(shí)考核（20%）、網(wǎng)站設(shè)計(jì)效果考核（70%）、網(wǎng)站設(shè)計(jì)報(bào)告考核（10%）三部分組成。平時(shí)成績(jī)主要包括日?？记?、學(xué)習(xí)態(tài)度、實(shí)驗(yàn)效果等。將原來的10%增加到現(xiàn)在的 20%，從而調(diào)動(dòng)學(xué)生上課以及完成實(shí)驗(yàn)任務(wù)的積極性。對(duì)網(wǎng)站設(shè)計(jì)效果的評(píng)價(jià)標(biāo)準(zhǔn)如下：

主題突出，

用多種表現(xiàn)形式突出重點(diǎn)

文章行文流暢、易于理解，語言通順、文字簡(jiǎn)練

嚴(yán)禁抄襲他人作品，允許但不提倡使用模版

至少5個(gè)欄目以上，20個(gè)頁面以上＼&30分＼&導(dǎo)航、結(jié)構(gòu)和鏈接＼&界面親切友好，方便用戶使用

網(wǎng)站結(jié)構(gòu)清晰，層次分明、邏輯合理

每一頁都有明確清晰的導(dǎo)航，能很方便地在各個(gè)頁面之間切換

沒有無效鏈接，不會(huì)丟失圖片、視頻、動(dòng)畫等網(wǎng)頁元素的顯示＼&15分＼&藝術(shù)性和制作水平＼&界面美觀

排版布局合理

在動(dòng)畫、按鈕等的設(shè)計(jì)中恰當(dāng)?shù)剡\(yùn)用了比較復(fù)雜和高級(jí)的技巧

網(wǎng)頁設(shè)計(jì)新穎、富有創(chuàng)新，具有良好的人機(jī)界面和視覺效果，具有較強(qiáng)的吸引力和抗視覺疲勞效果

頁面設(shè)計(jì)色調(diào)和諧，網(wǎng)頁上各主題與附加圖片、動(dòng)畫的色彩選配方案恰當(dāng)，彩色柔和、樸素大方＼&20分＼&創(chuàng)造性＼&選題和構(gòu)思有獨(dú)創(chuàng)性、有特色

版面和界面設(shè)計(jì)有新意

圖標(biāo)、圖片、動(dòng)畫、視頻的設(shè)計(jì)有較多的原創(chuàng)成分

文章大多數(shù)為原創(chuàng)內(nèi)容，有自己的體會(huì)＼&15分＼&完善與提高＼&多種網(wǎng)站風(fēng)格切換

站內(nèi)與站外搜索

能夠正確的上傳和測(cè)試網(wǎng)站

每個(gè)頁面上要有統(tǒng)一的網(wǎng)站標(biāo)志，統(tǒng)一的整體色調(diào)和風(fēng)格。

有一定的社會(huì)價(jià)值和實(shí)際意義＼&20分＼&]

3 結(jié)論

作者針對(duì)《Web應(yīng)用技術(shù)》課程的特點(diǎn)，結(jié)合本單位對(duì)本課程的教學(xué)實(shí)際要求，在分析該課程目前所存在的問題基礎(chǔ)上，對(duì)課程的教學(xué)內(nèi)容、教學(xué)方法、考核方式進(jìn)行了改革。這些方法和措施已經(jīng)在本校2012級(jí)計(jì)算機(jī)專業(yè)學(xué)生中得到實(shí)施，并取得初步成效。在全國計(jì)算機(jī)應(yīng)用大賽中獲獎(jiǎng)人數(shù)比例有了顯著提升，獲得一等獎(jiǎng)2個(gè)（8人），三等獎(jiǎng)4個(gè)（20人）。希望本文對(duì)同類高等院校的網(wǎng)頁設(shè)計(jì)課程教學(xué)起到拋磚引玉的作用。

參考文獻(xiàn)：

[1] 楊森，劉瀟瀟.《網(wǎng)頁設(shè)計(jì)與制作》課程教學(xué)改革的研究與探索[J].辦公自動(dòng)化，2010（6）：63-64

[2] 邱紅艷.《網(wǎng)頁設(shè)計(jì)與制作》課程的教學(xué)探討[J]. 科學(xué)咨詢（決策管理），2010（1）：118.

[3] 李海燕.基于項(xiàng)目化的《網(wǎng)站規(guī)劃與網(wǎng)頁設(shè)計(jì)》課程教學(xué)改革初探[J].電腦知識(shí)與技術(shù)，2010，6（30）.

[4]張寧.《網(wǎng)頁設(shè)計(jì)》課程項(xiàng)目教學(xué)情境設(shè)計(jì)的探索與研究[J].科協(xié)論壇，2009（5）.