《網(wǎng)站設(shè)計與制作》教學(xué)環(huán)境搭建技巧

高長軍

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

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

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

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

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

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

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

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

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

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

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

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

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

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

收稿日期：2016-10-15