網(wǎng)頁(yè)設(shè)計(jì)與制作教學(xué)平臺(tái)的設(shè)計(jì)與開(kāi)發(fā)

王海波　張偉娜

摘要：網(wǎng)頁(yè)設(shè)計(jì)與制作作為高等學(xué)校計(jì)算機(jī)基礎(chǔ)教育的主干課程之一，實(shí)踐性非常強(qiáng)，在教學(xué)過(guò)程中需要與實(shí)際接軌的教學(xué)平臺(tái)支撐。通過(guò)結(jié)合FTP服務(wù)平臺(tái)和Web服務(wù)平臺(tái)，建立了網(wǎng)頁(yè)設(shè)計(jì)與制作課程的教學(xué)平臺(tái)。通過(guò)對(duì)FTP服務(wù)器的擴(kuò)展開(kāi)發(fā)，能夠批量地增加FTP服務(wù)器用戶，同時(shí)自動(dòng)生成前端的學(xué)生上傳作品的展示界面。教學(xué)平臺(tái)使得學(xué)生能夠?qū)嶋H體驗(yàn)網(wǎng)站從開(kāi)發(fā)到發(fā)布的完整過(guò)程，為班級(jí)教學(xué)提供了良好的基礎(chǔ)。

關(guān)鍵詞：網(wǎng)頁(yè)設(shè)計(jì)與制作；教學(xué)平臺(tái)；FileZilla；配置文件；批量創(chuàng)建用戶

中圖分類號(hào)：TP393 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2013）09-2135-04

網(wǎng)頁(yè)設(shè)計(jì)與制作是高等學(xué)校計(jì)算機(jī)基礎(chǔ)教育的主干課程之一，是覆蓋面較廣的一門實(shí)踐性非常強(qiáng)的計(jì)算機(jī)基礎(chǔ)課程。學(xué)生在課程中學(xué)習(xí)從網(wǎng)頁(yè)的制作到完整網(wǎng)站的建立的系統(tǒng)的內(nèi)容。教學(xué)過(guò)程中的重點(diǎn)一般放在網(wǎng)頁(yè)的制作這一階段，忽略了網(wǎng)站發(fā)布、網(wǎng)站展示的后一階段的過(guò)程，使得學(xué)生缺乏對(duì)創(chuàng)建網(wǎng)站的全面了解。我們通過(guò)FTP服務(wù)和Web服務(wù)的結(jié)合，建立了網(wǎng)頁(yè)設(shè)計(jì)與制作教學(xué)平臺(tái)，彌補(bǔ)了網(wǎng)站發(fā)布和網(wǎng)站展示環(huán)節(jié)的空缺，使得學(xué)生可以獲得創(chuàng)建網(wǎng)站的完整體驗(yàn)。同時(shí)，在這一過(guò)程中，通過(guò)開(kāi)發(fā)相應(yīng)的擴(kuò)展程序，簡(jiǎn)化了為大量學(xué)生創(chuàng)建教學(xué)環(huán)境的工作，使得教學(xué)工作能夠順利展開(kāi)，在實(shí)際教學(xué)中取得了良好的效果。

1 網(wǎng)頁(yè)設(shè)計(jì)與制作教學(xué)平臺(tái)的框架

網(wǎng)頁(yè)設(shè)計(jì)與制作教學(xué)平臺(tái)通過(guò)提供一個(gè)真實(shí)的網(wǎng)站發(fā)布和展示的空間，使得學(xué)生能夠體會(huì)完整的網(wǎng)站發(fā)布的過(guò)程，從而獲得與實(shí)際接軌的實(shí)踐能力。我們使用FileZilla服務(wù)器作為學(xué)生上傳網(wǎng)站作品的FTP服務(wù)器。在FileZilla服務(wù)器上可以創(chuàng)建用戶，并可以給用戶分配主目錄，設(shè)置訪問(wèn)權(quán)限。但是FileZilla本身不支持批量用戶的創(chuàng)建。我們?cè)贔ileZilla的基礎(chǔ)上，分析了FileZilla的配置文件的格式以及各參數(shù)的語(yǔ)義，開(kāi)發(fā)了批量生成FTP用戶的擴(kuò)展程序。它能夠依據(jù)學(xué)生的學(xué)號(hào)，快速地在FileZilla中創(chuàng)建用戶，并為每個(gè)用戶在服務(wù)器上自動(dòng)生成對(duì)應(yīng)的根目錄。我們還開(kāi)發(fā)了自動(dòng)生成學(xué)生網(wǎng)站作品展示界面的前端頁(yè)面生成器程序，從而使得學(xué)生能夠完整的體驗(yàn)網(wǎng)站的發(fā)布過(guò)程。

網(wǎng)頁(yè)設(shè)計(jì)與制作教學(xué)平臺(tái)的框架如圖 1所示。

其中各部分的功能如下：

FileZilla FTP服務(wù)器：負(fù)責(zé)接受用戶以FTP方式上傳的網(wǎng)站內(nèi)容。

Apache Web 服務(wù)器：負(fù)責(zé)把用戶上傳的網(wǎng)站內(nèi)容以WWW的形式向外發(fā)布。

存儲(chǔ)：負(fù)責(zé)存儲(chǔ)用戶上傳的網(wǎng)站內(nèi)容。FTP服務(wù)器和Web服務(wù)器共享相同的網(wǎng)站內(nèi)容空間。

FileZilla擴(kuò)展：負(fù)責(zé)批量地創(chuàng)建FTP用戶

前端頁(yè)面生成器：負(fù)責(zé)根據(jù)學(xué)生信息自動(dòng)創(chuàng)建學(xué)生作品的展示頁(yè)面。

2 FTP服務(wù)器平臺(tái)的建立

2.1 FileZilla的配置信息

FileZilla服務(wù)器使用“FileZilla Server.xml”作為它的配置文件，其中記錄了FileZilla的監(jiān)聽(tīng)端口以及FileZilla的用戶信息等內(nèi)容。一個(gè)FileZilla用戶的配置信息大致如下：

其中各行配置的含義如下：

1：用戶user01的配置信息起始處

2：用戶的密碼

3：用戶所屬的組。同一組用戶擁有組的相同的配置，從而減少配置的工作量。

4-6：限制來(lái)自某些IP地址的用戶不能訪問(wèn)服務(wù)器。

7：用戶的主目錄，即用戶登錄后進(jìn)入的目錄。

8：用戶讀文件的權(quán)限。如果值為1，則擁有讀文件的權(quán)限。

9：用戶寫文件的權(quán)限。如果值為1，則擁有寫文件的權(quán)限。

10：用戶刪除文件的權(quán)限。如果值為1，則擁有刪除文件的權(quán)限。

11：用戶追加文件的權(quán)限。如果值為1，則擁有追加文件的權(quán)限。

12：用戶創(chuàng)建文件夾的權(quán)限。如果值為1，則擁有創(chuàng)建文件夾的權(quán)限。

13：用戶刪除文件夾的權(quán)限。如果值為1，則擁有刪除文件夾的權(quán)限。

14：用戶列出文件夾的權(quán)限。如果值為1，則擁有列出文件夾的權(quán)限。

16：用戶user01的配置信息結(jié)束處

通過(guò)對(duì)FileZilla配置信息的解讀，為自動(dòng)建立配置信息文件奠定了基礎(chǔ)。

2.2 FileZilla擴(kuò)展的開(kāi)發(fā)

我們使用VB.Net開(kāi)發(fā)了FileZilla批量用戶生成擴(kuò)展工具。通過(guò)循環(huán)讀取學(xué)生的學(xué)號(hào)，使用這一信息作為學(xué)生FileZilla服務(wù)器上的用戶名。根據(jù)2.1節(jié)的配置信息的含義，自動(dòng)為每個(gè)用戶生成相應(yīng)的配置信息。工具的使用界面如圖2所示。

當(dāng)點(diǎn)擊“生成配置信息”后，通過(guò)如下的代碼批量地生成所有用戶的配置信息。

2.3 用戶主目錄的自動(dòng)創(chuàng)建

根據(jù)學(xué)生的學(xué)號(hào)，我們開(kāi)發(fā)了在服務(wù)器上自動(dòng)創(chuàng)建學(xué)生在FileZilla服務(wù)器上的根目錄的功能。

通過(guò)循環(huán)讀取學(xué)生的學(xué)號(hào)，使用“My.Computer.FileSystem”對(duì)象在服務(wù)器上創(chuàng)建以學(xué)生的學(xué)號(hào)為文件夾名稱的學(xué)生在FileZilla服務(wù)器上的根目錄。

2.4 配置信息的生效

關(guān)于所有學(xué)生的配置信息生成后，通過(guò)先把“FileZilla服務(wù)”停止，然后把自動(dòng)生成的配置文件“FileZilla Server.xml”拷貝到FileZilla服務(wù)軟件所在的文件夾，并重新啟動(dòng)“FileZilla服務(wù)”，批量創(chuàng)建的用戶即可生效。

3 Web服務(wù)器平臺(tái)的建立

當(dāng)學(xué)生通過(guò)FTP客戶端使用自己的用戶名和密碼登錄FileZilla服務(wù)器并上傳網(wǎng)站作品后，需要通過(guò)Web服務(wù)把各個(gè)學(xué)生上傳的網(wǎng)站作品展示出來(lái)。我們把學(xué)生的主目錄映射到Web服務(wù)器Apache的虛擬目錄，并開(kāi)發(fā)了自動(dòng)生成展示界面的前端頁(yè)面生成器程序。其中，為學(xué)生的每次上傳的作品生成對(duì)應(yīng)的通過(guò)Web服務(wù)器發(fā)布的鏈接。

4 結(jié)束語(yǔ)

網(wǎng)頁(yè)設(shè)計(jì)與制作是一門注重實(shí)踐的課程。該文借助FTP服務(wù)平臺(tái)和Web服務(wù)平臺(tái)以及相應(yīng)的輔助擴(kuò)展程序的開(kāi)發(fā)，建立了面向網(wǎng)頁(yè)設(shè)計(jì)與制作的教學(xué)平臺(tái)，彌補(bǔ)了通常教學(xué)環(huán)境中由于不具備實(shí)際的網(wǎng)站環(huán)境從而無(wú)法為學(xué)生提供完整的網(wǎng)站建設(shè)過(guò)程講解的缺陷，使得學(xué)生能夠獲得與實(shí)際接軌的完整的網(wǎng)頁(yè)設(shè)計(jì)制作的經(jīng)驗(yàn)。

參考文獻(xiàn)：

[1] Bradley J C，Millspaugh A C.Visual Basic.NET程序設(shè)計(jì)[M].李旭，譯.北京：清華大學(xué)出版社，2008.

[2] Randolph N.Visual Studio 2010高級(jí)編程[M].任鴻，譯.北京：清華大學(xué)出版社，2012.

[3] Powers L，Snell M.Visual Studio技術(shù)大全[M].劉彥博，譯.北京：人民郵電出版社，2009.

[4] FileZilla project[EB/OL].http：//filezilla-project.org.

[5] Apache HTTP Server project[EB/OL].http：//httpd.apache.org.

[6] 王江偉.Apache服務(wù)器配置與使用工作筆記[M].北京：電子工業(yè)出版社，2012.