吳美英，陳海燕

（1.靖江中等專業(yè)學(xué)校，江蘇 靖江 214500；2.泰州職業(yè)技術(shù)學(xué)院，江蘇 泰州 225300）

近年來，結(jié)合社會(huì)發(fā)展的需要，我校五年制高職中的電子商務(wù)專業(yè)、計(jì)算機(jī)信息管理專業(yè)等的人才培養(yǎng)方案中，對一些專業(yè)課程增加了實(shí)訓(xùn)環(huán)節(jié)，目的是通過相對集中和完整的一段時(shí)間讓學(xué)生做一個(gè)項(xiàng)目，從而達(dá)到對該課程及其相關(guān)知識有一個(gè)較全面和完整的認(rèn)識和掌握。

1 網(wǎng)站設(shè)計(jì)與制作的一般流程

網(wǎng)站設(shè)計(jì)與制作的一般流程主要包括網(wǎng)站規(guī)劃、網(wǎng)站制作、測試、域名和空間申請、站點(diǎn)文件上傳等。其中網(wǎng)站規(guī)劃又包括主題定位、資料搜集、欄目結(jié)構(gòu)設(shè)計(jì)、目錄結(jié)構(gòu)設(shè)計(jì)、形象設(shè)計(jì)如網(wǎng)站的標(biāo)志、色彩、字體、宣傳標(biāo)語等。由此可見，要想完成一個(gè)網(wǎng)站的設(shè)計(jì)與制作，不僅需要培養(yǎng)和提升學(xué)生很多方面的能力，而且還需要有一定的時(shí)間保障。

2 實(shí)訓(xùn)組織和實(shí)施

由于學(xué)生一般都是剛剛接觸網(wǎng)站及其相關(guān)概念，對網(wǎng)站的規(guī)劃設(shè)計(jì)還缺乏較深切的感性認(rèn)識，在短短的一周實(shí)訓(xùn)時(shí)間內(nèi)，他們是很難完成設(shè)計(jì)與制作整個(gè)過程的，所以在以前帶實(shí)訓(xùn)的基礎(chǔ)上，筆者對實(shí)訓(xùn)的內(nèi)容選取及過程的組織實(shí)施作了重新的思考和調(diào)整。主要以模仿為主，但也各有不同，重在培養(yǎng)和訓(xùn)練學(xué)生規(guī)劃站點(diǎn)目錄結(jié)構(gòu)、欄目結(jié)構(gòu)、網(wǎng)頁制作、測試、域名和空間申請、文件上傳等知識。內(nèi)容安排如圖1所示。

2.1 給定選題

在實(shí)訓(xùn)周之前，是教師進(jìn)行為期約13-14周、每周約6課時(shí)的該門課程基礎(chǔ)知識的教學(xué)。教師在教學(xué)過程中，首先需要注意兩點(diǎn)，一是從一開始就定位于靜態(tài)網(wǎng)站，而不是一個(gè)一個(gè)孤立的靜態(tài)頁面，這樣可以讓學(xué)生從始至終有一個(gè)整體的認(rèn)識，更主要的是學(xué)生不會(huì)出現(xiàn)由于圖片等文件沒有存放到網(wǎng)站所對應(yīng)的站點(diǎn)目錄中而導(dǎo)致上傳時(shí)內(nèi)容不完整。二是采用案例教學(xué)法，即選取用于主要依據(jù)模仿制作的一個(gè)相對完整的靜態(tài)網(wǎng)站，引導(dǎo)學(xué)生一點(diǎn)點(diǎn)制作，在一個(gè)網(wǎng)站中再融進(jìn)新的知識點(diǎn)。

實(shí)訓(xùn)準(zhǔn)備階段，老師通常的做法是挑選一個(gè)樣例網(wǎng)站，讓所有學(xué)生模仿著去做。也可以由幾個(gè)人分成一個(gè)小組，從素材收集、處理、網(wǎng)站規(guī)劃等所有的環(huán)節(jié)分工合作逐一完成。前一個(gè)方法大家千篇一律，容易導(dǎo)致學(xué)生偷懶、相互間抄襲，且一個(gè)網(wǎng)站所涉及到的技術(shù)也是有限的，不利于拓寬學(xué)生的視野。后一種方法盡管看上去是按部就班地進(jìn)行網(wǎng)站的規(guī)劃、設(shè)計(jì)和制作，但是學(xué)生對網(wǎng)站還缺乏一個(gè)整體清晰的認(rèn)識，加上實(shí)訓(xùn)時(shí)間通常不會(huì)過長，這樣的實(shí)訓(xùn)很難達(dá)到預(yù)期的效果。針對這些現(xiàn)狀，我們確定在短時(shí)間內(nèi)需要達(dá)到的目標(biāo)是讓學(xué)生通過模仿樣例制作網(wǎng)站，從而真正對網(wǎng)站有感性的認(rèn)識?；诖耍覀冞x擇的做法是給每個(gè)學(xué)生分配一個(gè)靜態(tài)網(wǎng)站樣例，當(dāng)然這就需要老師花費(fèi)足夠多的時(shí)間進(jìn)行網(wǎng)站的挑選。由于靜態(tài)網(wǎng)站很多，所以一是學(xué)生所做練習(xí)不會(huì)重復(fù)，且每個(gè)不同的網(wǎng)站所用到的技術(shù)亦不會(huì)完全相同；二是考慮到利用webdup這樣的工具可以把它完全下載下來供離線瀏覽、學(xué)習(xí)和模仿制作，而且選擇的是跟我們的日常生活、地方特色盡可能貼近的各類網(wǎng)站，如圖2所示，從而使學(xué)生覺得它們就在自己身邊。當(dāng)然事先只給他們相應(yīng)網(wǎng)站的域名，然后帶領(lǐng)學(xué)生一步步來進(jìn)行操作。

2.2 獲取素材

網(wǎng)站的主題選定后，接下來是素材的搜集。這個(gè)工作也不是學(xué)生一時(shí)半會(huì)可以完成的，有的需要拍攝，有的需要掃描，有的需要制作，加上學(xué)生在初學(xué)階段，還無法體會(huì)并實(shí)施網(wǎng)站規(guī)劃的任務(wù)，所以需引導(dǎo)學(xué)生用webdup0.93beta將樣例網(wǎng)站完全下載，這樣無論是網(wǎng)站的目錄結(jié)構(gòu)還是素材就全都有了。這為后續(xù)的模仿制作提供了最直接有效的支撐。

2.3 體驗(yàn)網(wǎng)頁新技術(shù)

在新建站點(diǎn)時(shí)，要求學(xué)生同時(shí)新建兩個(gè)站點(diǎn)，一個(gè)映射到下載下來的樣例網(wǎng)站目錄，一個(gè)對應(yīng)于自己將要開發(fā)的網(wǎng)站目錄。不斷地切換兩個(gè)站點(diǎn)，通過在Dreamweaver中打開樣例文件，結(jié)合平時(shí)所講的方法，學(xué)生能較順利地模仿樣例中的布局進(jìn)行新頁面的設(shè)計(jì)。此外，由于網(wǎng)站中所包含的技術(shù)很多，我們很難通過一個(gè)例子的講解來包含全部，但又希望讓學(xué)生接觸到盡可能多的新知識和技巧。所以通過學(xué)生一人一個(gè)樣例的方法，學(xué)生相互間既無法抄襲、又互相討論從而學(xué)到不少新知識，且都是實(shí)實(shí)在在的應(yīng)用，這讓學(xué)生又有較好的感性認(rèn)識，容易接受。同時(shí)針對一些有特色的技巧性內(nèi)容和普遍性問題，通過電子教室對全班同學(xué)作集體講解。這樣的方式使得學(xué)生一直都保持在較濃厚的興趣和較高的求知欲狀態(tài)，也更加加強(qiáng)了他們相互間的探討和合作。如圖1中所示，將學(xué)生在操作中所遇到的典型問題、網(wǎng)站的典型技巧特色等作了一個(gè)簡單的記載，也為學(xué)生后續(xù)制作說明書的撰寫作了鋪墊。

2.4 確定說明書的內(nèi)容

作為一個(gè)完整的實(shí)訓(xùn)項(xiàng)目，最后還包含一個(gè)網(wǎng)站制作說明書的撰寫。由于學(xué)生較少有綜合性的訓(xùn)練，他們不知道說明書中該寫什么。同樣為了盡快達(dá)到目標(biāo)，我們給了一個(gè)樣例文章，請他們根據(jù)網(wǎng)站開發(fā)的流程來組織文章的內(nèi)容。并強(qiáng)調(diào)要實(shí)事求是，實(shí)訓(xùn)過程怎么做的、做了些什么就寫什么。其中需要出現(xiàn)的截圖可以用QQ截圖、紅蜻蜓抓圖軟件等工具來快速實(shí)現(xiàn)，功能框圖、流程圖等可以用visio 2003軟件來制作。從而使學(xué)生知道，要完成一件事，通常是多個(gè)軟件多個(gè)工具通力合作來實(shí)現(xiàn)的。并鞏固、補(bǔ)充了他們以前薄弱的word處理功能：強(qiáng)制分頁、分節(jié)符、頁碼的設(shè)置等。在word文檔結(jié)束時(shí)，又教學(xué)生在word中新建目錄樣式（跟網(wǎng)頁中的樣式是同樣的含義），然后通過“插入” “引用” “索引和目錄…”來自動(dòng)生成目錄。學(xué)生每天都學(xué)到很多新知識。

2.5 上傳免費(fèi)主頁的空間申請和站點(diǎn)文件

網(wǎng)絡(luò)對學(xué)生來說總是充滿神秘感，總想弄清上傳到底是怎么回事。所以要想實(shí)訓(xùn)不留遺憾、畫一個(gè)完整的句號的話，這一環(huán)節(jié)是必不可少的。我們機(jī)房開通了公網(wǎng)，然后引導(dǎo)學(xué)生各自申請到了自己的免費(fèi)主頁空間，同時(shí)讓他們記下了域名。他們明白了域名的含義，并都成功上傳了網(wǎng)站。學(xué)生通過域中訪問到自己的網(wǎng)站后，非常有成就感。同時(shí)針對自己出現(xiàn)的問題（更多的是有的圖片不能正確顯示），他們會(huì)更主動(dòng)地查找原因進(jìn)行修改，然后再上傳。

3 結(jié)語

學(xué)生在最后的實(shí)訓(xùn)小結(jié)中都反饋：希望這樣的實(shí)訓(xùn)多一些。我們常說：“教學(xué)有法，教無定法，貴在得法。”良好的教學(xué)方法，可以發(fā)揮教學(xué)智慧，否則就達(dá)不到預(yù)期的教學(xué)效果。然而教學(xué)又無定法，我們必須根據(jù)學(xué)情來研究和確定教學(xué)方法，結(jié)合生活，不斷嘗試和探索，充分調(diào)動(dòng)學(xué)生的學(xué)習(xí)積極性和求知欲，讓學(xué)生快樂學(xué)習(xí)，并收獲累累碩果。

［1］尤鴻霞.ASP.NET實(shí)訓(xùn)課程教學(xué)方法研究[J].遵義師范學(xué)院學(xué)報(bào),2012,(2):93-94.

［2］馬海峰，李軍華.高職“ASP.NET程序設(shè)計(jì)實(shí)訓(xùn)”課程教學(xué)改革探索[J].江蘇技術(shù)師范學(xué)院學(xué)報(bào),2010,(4): 81-84.

［3］張娟,李博,楊征.談高職院校實(shí)訓(xùn)周實(shí)訓(xùn)方案的制訂[J].保定職業(yè)技術(shù)學(xué)院學(xué)報(bào),2011,(2):35-37.