高長軍

信息技術(shù)作為一門重要的技術(shù)，已經(jīng)被越來越多的人們所使用。在當(dāng)今及未來社會(huì)，掌握信息技術(shù)是人類的一種基本要求。信息技術(shù)教育不但可以提高學(xué)生的技術(shù)素養(yǎng)、促進(jìn)學(xué)生全面發(fā)展，而且還能發(fā)展學(xué)生交流與處理、設(shè)計(jì)與應(yīng)用的實(shí)踐能力，培養(yǎng)學(xué)生的創(chuàng)新精神、創(chuàng)業(yè)意識(shí)。信息技術(shù)教育校本選修課程作為我校開發(fā)領(lǐng)域?qū)掗煹倪x修系列特色課程之一，在積極培養(yǎng)學(xué)生的創(chuàng)新實(shí)踐能力，促進(jìn)每位學(xué)生全面、和諧、個(gè)性地發(fā)展，進(jìn)一步深化素質(zhì)教育方面發(fā)揮著不可或缺的作用。筆者擬就我校信息技術(shù)校本選修課《網(wǎng)站設(shè)計(jì)與制作》教學(xué)環(huán)境的搭建談?wù)劸唧w做法。

1 課程提出背景與制作工具選擇

隨著社會(huì)信息化進(jìn)程的深入和互聯(lián)網(wǎng)的普及，網(wǎng)站日益成為人們交談的話題。各行各業(yè)都可以通過網(wǎng)站展示自己、擴(kuò)大影響，增進(jìn)與同行的交流合作。

校本選修課有別于常規(guī)課堂教學(xué)內(nèi)容，它以學(xué)生的興趣為契機(jī)，把興趣發(fā)展為特長，最終鼓勵(lì)學(xué)生參加各級(jí)各類電腦制作比賽，為學(xué)生施展才華爭取更多的展示平臺(tái)。其學(xué)習(xí)評(píng)價(jià)方式主要有過程觀察、成果展示，作品與課堂表現(xiàn)相結(jié)合，課時(shí)充足、教學(xué)內(nèi)容廣、知識(shí)專業(yè)性強(qiáng)。基于以上幾點(diǎn)，我們選用功能強(qiáng)大的Dreamweaver軟件作為網(wǎng)站制作工具。它是集網(wǎng)頁制作和網(wǎng)站管理于一身的所見即所得網(wǎng)頁編輯器，是第一套針對(duì)專業(yè)網(wǎng)頁設(shè)計(jì)師特別發(fā)展的視覺化網(wǎng)頁開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁。

2 操作素材長期持續(xù)存儲(chǔ)

學(xué)生經(jīng)過初期的規(guī)劃、設(shè)計(jì)，確定好自已喜歡的主題和風(fēng)格后即進(jìn)入后期的實(shí)踐操作過程。一般情況下主題網(wǎng)站制作周期較長，內(nèi)容具有持續(xù)性，每節(jié)課都有新的文本、圖片、動(dòng)畫、視頻等素材增加，還要保證網(wǎng)站中樣式和元素文件合理的路徑。通常的做法是：讓學(xué)生交作業(yè)給老師保存，然后再發(fā)給學(xué)生、讓學(xué)生自己上傳下載，讓學(xué)生自己保存。相信廣大教師都曾面臨著學(xué)生素材持續(xù)更新存放的問題。以上的做法或多或少會(huì)出現(xiàn)操作時(shí)間過長、步驟繁瑣、可持續(xù)性和穩(wěn)定性差等缺點(diǎn)。筆者在實(shí)踐中，摸索出方便可行的解決方案：架設(shè)FTP服務(wù)器與DW站點(diǎn)功能結(jié)合。

FTP服務(wù)器（File Transfer Protocol Server）是在互聯(lián)網(wǎng)上提供文件存儲(chǔ)和訪問服務(wù)的計(jì)算機(jī)，用戶可通過客戶機(jī)程序向（從）遠(yuǎn)程主機(jī)上傳（下載）文件。即學(xué)生每次操作后素材存放于FTP服務(wù)器中，給每個(gè)學(xué)生設(shè)定帳號(hào)與密碼，利用FTP權(quán)限保護(hù)每個(gè)用戶的數(shù)據(jù)安全。筆者采用Serv—U是作為FTP服務(wù)器端軟件，簡單易操作。用FTP服務(wù)器存儲(chǔ)并不是簡單地讓學(xué)生用B/S方式下載與上傳（單線程），這種方式并不能體現(xiàn)出網(wǎng)站素材文件存儲(chǔ)的優(yōu)越性，碰到大容量文件時(shí)，速度慢、易斷線，下載上傳易出錯(cuò)。DW的自帶站點(diǎn)功能有效地與FTP服務(wù)器相結(jié)合，它具有多線程FTP傳輸方式，節(jié)省上傳大型文件或多文件的時(shí)間，能更快速高效地上傳下載網(wǎng)站文件，縮短制作時(shí)間。DW提供的站點(diǎn)管理功能，以樹型結(jié)構(gòu)來展示網(wǎng)站的內(nèi)容分布，從而實(shí)現(xiàn)了對(duì)站點(diǎn)布局及細(xì)節(jié)內(nèi)容的展示及修改，實(shí)現(xiàn)本地站點(diǎn)文件與遠(yuǎn)程FTP服務(wù)器中的文件內(nèi)容同步更新，傳統(tǒng)Frontpage工具軟件無此功能。

第一種模式是本地站點(diǎn)與FTP服務(wù)器對(duì)接。①打開DW軟件，點(diǎn)擊菜單“站點(diǎn)”—“新建站點(diǎn)”；②輸入站點(diǎn)名稱（名稱每次可以不唯一）；③使用服務(wù)器技術(shù)，根據(jù)實(shí)際需要填寫；④選擇“編輯我的計(jì)算機(jī)上的本地副本，完成后再上傳到服務(wù)器”，設(shè)置本地文件夾作為網(wǎng)站位置；⑤連到遠(yuǎn)程服務(wù)器，選擇FTP方式，輸入FTP地址：10.127.192.200；輸入FTP用戶名與密碼；⑥單擊“測試連接”按鈕，能彈出“已成功連接到您的服務(wù)器”對(duì)話框，即代表DW軟件與FTP服務(wù)器連接成功；⑦后面操作按默認(rèn)值即可。至此本地站點(diǎn)新建成功，在DW界面右側(cè)的文件窗口中（見圖1），單擊向下箭頭即從FTP服務(wù)器中獲取本帳戶所有內(nèi)容并下載至本地站點(diǎn)，文件出現(xiàn)在本地站點(diǎn)中所設(shè)的位置文件夾里，學(xué)生就可以自如地在本地完成上節(jié)課網(wǎng)站制作內(nèi)容，可在本地及時(shí)增添素材信息，調(diào)試網(wǎng)站；當(dāng)本節(jié)課制作任務(wù)完成后，只需單擊向上藍(lán)色箭頭即將本地站點(diǎn)中的所有文件信息自動(dòng)上傳到FTP服務(wù)器。稍等片刻，學(xué)生所做的網(wǎng)站內(nèi)容自動(dòng)備份至FTP服務(wù)器，學(xué)生無需擔(dān)心信息的丟失和保存。

第二種模式是直接遠(yuǎn)程修改網(wǎng)站文件：①打開DW軟件，點(diǎn)擊菜單“站點(diǎn)”—“管理站點(diǎn)”；②點(diǎn)“新建”按鈕，選擇“FTP與RDS服務(wù)器”子菜單；③輸入FTP主機(jī)：10.127.195.200，主機(jī)目錄不要填寫；輸入登陸（FTP帳號(hào)），密碼（FTP密碼）；④單擊“測試”按鈕，能彈出連接成功對(duì)話框即可（見圖2）；⑤單擊確定，再單擊完成。此時(shí)DW右側(cè)文件區(qū)域出現(xiàn)的內(nèi)容即為FTP服務(wù)器中的內(nèi)容（見圖3），若要修改某個(gè)頁面，雙擊打開，然后直接保存。整個(gè)修改過程全在FTP服務(wù)器中存取，非常方便。若有大批量文件修改，建議采用模式一，占用服務(wù)器資源少。

以上兩種模式均能解決網(wǎng)站文件結(jié)構(gòu)一致性、完整性等問題，根據(jù)制作任務(wù)不同選擇相應(yīng)模式，學(xué)生只需在DW軟件中設(shè)置好站點(diǎn)信息就可以連續(xù)制作網(wǎng)站。

3 網(wǎng)站信息瀏覽與作品的評(píng)價(jià)

考慮到網(wǎng)站制作的通用性、互動(dòng)性，單純靜態(tài)單個(gè)頁面已經(jīng)落伍，交互性強(qiáng)的動(dòng)態(tài)頁面ASP可以實(shí)現(xiàn)數(shù)據(jù)庫信息的讀寫，此時(shí)網(wǎng)站的調(diào)試瀏覽必須在IIS（互聯(lián)網(wǎng)信息服務(wù)器）環(huán)境下進(jìn)行，若讓每個(gè)學(xué)生獨(dú)立安裝IIS并配置，技術(shù)難度較大。筆者的解決方案是在FTP服務(wù)器上安裝IIS，設(shè)置一個(gè)虛擬目錄，將學(xué)生素材存放文件的上級(jí)目錄設(shè)置為虛擬目錄就可以解決此問題，文件存儲(chǔ)與信息瀏覽一一對(duì)應(yīng)起來（見圖4、圖5），此時(shí)學(xué)生網(wǎng)站調(diào)試的地址如1號(hào)同學(xué)http：//10.127.195.200：8001/01/，2號(hào)同學(xué)http：//10.127.195.200：8001/02……因此，作品的展示就顯得非常簡單快捷，學(xué)生在校園網(wǎng)上的任何地方都可以看到自己或別人的作品，學(xué)生之間可以充分開展自評(píng)與互評(píng)。

有了以上環(huán)境，作品成果展示形式多種多樣，學(xué)校科技節(jié)、班級(jí)主題網(wǎng)站比賽、研究性學(xué)習(xí)等。舉辦小組展示會(huì)，組織全班作品展示，各小組推薦一位代表進(jìn)行成果匯報(bào)，每個(gè)小組無需搭建繁瑣網(wǎng)站平臺(tái)，直接在校園網(wǎng)上演示他們制作的網(wǎng)站作品，匯報(bào)小組各成員完成項(xiàng)目的過程，在設(shè)計(jì)和制作網(wǎng)站時(shí)使用新的方法和技巧。學(xué)生之間交流學(xué)習(xí)過程中的經(jīng)驗(yàn)和體會(huì)，充分享受成功制作作品的快樂。

筆者采用以上策略很好地完成了《網(wǎng)站設(shè)計(jì)與制作》教學(xué)素材文件持續(xù)存儲(chǔ)及動(dòng)態(tài)網(wǎng)頁瀏覽環(huán)境的創(chuàng)建工作，解決了《網(wǎng)站設(shè)計(jì)與制作》的教學(xué)環(huán)境搭建的問題。實(shí)踐證明，采用上述辦法制作網(wǎng)站，有利于教師騰出時(shí)間鉆研教學(xué)業(yè)務(wù)，也更能激發(fā)學(xué)生制作出富有特色的網(wǎng)站作品。

收稿日期：2016-10-15