网页设计与制作教学平台的设计与开发

王海波　张伟娜

摘要：网页设计与制作作为高等学校计算机基础教育的主干课程之一，实践性非常强，在教学过程中需要与实际接轨的教学平台支撑。通过结合FTP服务平台和Web服务平台，建立了网页设计与制作课程的教学平台。通过对FTP服务器的扩展开发，能够批量地增加FTP服务器用户，同时自动生成前端的学生上传作品的展示界面。教学平台使得学生能够实际体验网站从开发到发布的完整过程，为班级教学提供了良好的基础。

关键词：网页设计与制作；教学平台；FileZilla；配置文件；批量创建用户

中图分类号：TP393 文献标识码：A 文章编号：1009-3044（2013）09-2135-04

网页设计与制作是高等学校计算机基础教育的主干课程之一，是覆盖面较广的一门实践性非常强的计算机基础课程。学生在课程中学习从网页的制作到完整网站的建立的系统的内容。教学过程中的重点一般放在网页的制作这一阶段，忽略了网站发布、网站展示的后一阶段的过程，使得学生缺乏对创建网站的全面了解。我们通过FTP服务和Web服务的结合，建立了网页设计与制作教学平台，弥补了网站发布和网站展示环节的空缺，使得学生可以获得创建网站的完整体验。同时，在这一过程中，通过开发相应的扩展程序，简化了为大量学生创建教学环境的工作，使得教学工作能够顺利展开，在实际教学中取得了良好的效果。

1 网页设计与制作教学平台的框架

网页设计与制作教学平台通过提供一个真实的网站发布和展示的空间，使得学生能够体会完整的网站发布的过程，从而获得与实际接轨的实践能力。我们使用FileZilla服务器作为学生上传网站作品的FTP服务器。在FileZilla服务器上可以创建用户，并可以给用户分配主目录，设置访问权限。但是FileZilla本身不支持批量用户的创建。我们在FileZilla的基础上，分析了FileZilla的配置文件的格式以及各参数的语义，开发了批量生成FTP用户的扩展程序。它能够依据学生的学号，快速地在FileZilla中创建用户，并为每个用户在服务器上自动生成对应的根目录。我们还开发了自动生成学生网站作品展示界面的前端页面生成器程序，从而使得学生能够完整的体验网站的发布过程。

网页设计与制作教学平台的框架如图 1所示。

其中各部分的功能如下：

FileZilla FTP服务器：负责接受用户以FTP方式上传的网站内容。

Apache Web 服务器：负责把用户上传的网站内容以WWW的形式向外发布。

存储：负责存储用户上传的网站内容。FTP服务器和Web服务器共享相同的网站内容空间。

FileZilla扩展：负责批量地创建FTP用户

前端页面生成器：负责根据学生信息自动创建学生作品的展示页面。

2 FTP服务器平台的建立

2.1 FileZilla的配置信息

FileZilla服务器使用“FileZilla Server.xml”作为它的配置文件，其中记录了FileZilla的监听端口以及FileZilla的用户信息等内容。一个FileZilla用户的配置信息大致如下：

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

1：用户user01的配置信息起始处

2：用户的密码

3：用户所属的组。同一组用户拥有组的相同的配置，从而减少配置的工作量。

4-6：限制来自某些IP地址的用户不能访问服务器。

7：用户的主目录，即用户登录后进入的目录。

8：用户读文件的权限。如果值为1，则拥有读文件的权限。

9：用户写文件的权限。如果值为1，则拥有写文件的权限。

10：用户删除文件的权限。如果值为1，则拥有删除文件的权限。

11：用户追加文件的权限。如果值为1，则拥有追加文件的权限。

12：用户创建文件夹的权限。如果值为1，则拥有创建文件夹的权限。

13：用户删除文件夹的权限。如果值为1，则拥有删除文件夹的权限。

14：用户列出文件夹的权限。如果值为1，则拥有列出文件夹的权限。

16：用户user01的配置信息结束处

通过对FileZilla配置信息的解读，为自动建立配置信息文件奠定了基础。

2.2 FileZilla扩展的开发

我们使用VB.Net开发了FileZilla批量用户生成扩展工具。通过循环读取学生的学号，使用这一信息作为学生FileZilla服务器上的用户名。根据2.1节的配置信息的含义，自动为每个用户生成相应的配置信息。工具的使用界面如图2所示。

当点击“生成配置信息”后，通过如下的代码批量地生成所有用户的配置信息。

2.3 用户主目录的自动创建

根据学生的学号，我们开发了在服务器上自动创建学生在FileZilla服务器上的根目录的功能。

通过循环读取学生的学号，使用“My.Computer.FileSystem”对象在服务器上创建以学生的学号为文件夹名称的学生在FileZilla服务器上的根目录。

2.4 配置信息的生效

关于所有学生的配置信息生成后，通过先把“FileZilla服务”停止，然后把自动生成的配置文件“FileZilla Server.xml”拷贝到FileZilla服务软件所在的文件夹，并重新启动“FileZilla服务”，批量创建的用户即可生效。

3 Web服务器平台的建立

当学生通过FTP客户端使用自己的用户名和密码登录FileZilla服务器并上传网站作品后，需要通过Web服务把各个学生上传的网站作品展示出来。我们把学生的主目录映射到Web服务器Apache的虚拟目录，并开发了自动生成展示界面的前端页面生成器程序。其中，为学生的每次上传的作品生成对应的通过Web服务器发布的链接。

4 结束语

网页设计与制作是一门注重实践的课程。该文借助FTP服务平台和Web服务平台以及相应的辅助扩展程序的开发，建立了面向网页设计与制作的教学平台，弥补了通常教学环境中由于不具备实际的网站环境从而无法为学生提供完整的网站建设过程讲解的缺陷，使得学生能够获得与实际接轨的完整的网页设计制作的经验。

参考文献：

[1] Bradley J C，Millspaugh A C.Visual Basic.NET程序设计[M].李旭，译.北京：清华大学出版社，2008.

[2] Randolph N.Visual Studio 2010高级编程[M].任鸿，译.北京：清华大学出版社，2012.

[3] Powers L，Snell M.Visual Studio技术大全[M].刘彦博，译.北京：人民邮电出版社，2009.

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

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

[6] 王江伟.Apache服务器配置与使用工作笔记[M].北京：电子工业出版社，2012.