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

网页设计与制作教学平台设计与开发 　　摘要：网页设计与制作作为高等学校计算机基础教育的主干课程之一，实践性非常强，在教学过程中需要与实际接轨的教学平台支撑。通过结合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 用户主目录的自动创建 　　根据学生的学号，我们开发了在服务器上自动创建学