高长军

信息技术作为一门重要的技术，已经被越来越多的人们所使用。在当今及未来社会，掌握信息技术是人类的一种基本要求。信息技术教育不但可以提高学生的技术素养、促进学生全面发展，而且还能发展学生交流与处理、设计与应用的实践能力，培养学生的创新精神、创业意识。信息技术教育校本选修课程作为我校开发领域宽阔的选修系列特色课程之一，在积极培养学生的创新实践能力，促进每位学生全面、和谐、个性地发展，进一步深化素质教育方面发挥着不可或缺的作用。笔者拟就我校信息技术校本选修课《网站设计与制作》教学环境的搭建谈谈具体做法。

1 课程提出背景与制作工具选择

随着社会信息化进程的深入和互联网的普及，网站日益成为人们交谈的话题。各行各业都可以通过网站展示自己、扩大影响，增进与同行的交流合作。

校本选修课有别于常规课堂教学内容，它以学生的兴趣为契机，把兴趣发展为特长，最终鼓励学生参加各级各类电脑制作比赛，为学生施展才华争取更多的展示平台。其学习评价方式主要有过程观察、成果展示，作品与课堂表现相结合，课时充足、教学内容广、知识专业性强。基于以上几点，我们选用功能强大的Dreamweaver软件作为网站制作工具。它是集网页制作和网站管理于一身的所见即所得网页编辑器，是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。

2 操作素材长期持续存储

学生经过初期的规划、设计，确定好自已喜欢的主题和风格后即进入后期的实践操作过程。一般情况下主题网站制作周期较长，内容具有持续性，每节课都有新的文本、图片、动画、视频等素材增加，还要保证网站中样式和元素文件合理的路径。通常的做法是：让学生交作业给老师保存，然后再发给学生、让学生自己上传下载，让学生自己保存。相信广大教师都曾面临着学生素材持续更新存放的问题。以上的做法或多或少会出现操作时间过长、步骤繁琐、可持续性和稳定性差等缺点。笔者在实践中，摸索出方便可行的解决方案：架设FTP服务器与DW站点功能结合。

FTP服务器（File Transfer Protocol Server）是在互联网上提供文件存储和访问服务的计算机，用户可通过客户机程序向（从）远程主机上传（下载）文件。即学生每次操作后素材存放于FTP服务器中，给每个学生设定帐号与密码，利用FTP权限保护每个用户的数据安全。笔者采用Serv—U是作为FTP服务器端软件，简单易操作。用FTP服务器存储并不是简单地让学生用B/S方式下载与上传（单线程），这种方式并不能体现出网站素材文件存储的优越性，碰到大容量文件时，速度慢、易断线，下载上传易出错。DW的自带站点功能有效地与FTP服务器相结合，它具有多线程FTP传输方式，节省上传大型文件或多文件的时间，能更快速高效地上传下载网站文件，缩短制作时间。DW提供的站点管理功能，以树型结构来展示网站的内容分布，从而实现了对站点布局及细节内容的展示及修改，实现本地站点文件与远程FTP服务器中的文件内容同步更新，传统Frontpage工具软件无此功能。

第一种模式是本地站点与FTP服务器对接。①打开DW软件，点击菜单“站点”—“新建站点”；②输入站点名称（名称每次可以不唯一）；③使用服务器技术，根据实际需要填写；④选择“编辑我的计算机上的本地副本，完成后再上传到服务器”，设置本地文件夹作为网站位置；⑤连到远程服务器，选择FTP方式，输入FTP地址：10.127.192.200；输入FTP用户名与密码；⑥单击“测试连接”按钮，能弹出“已成功连接到您的服务器”对话框，即代表DW软件与FTP服务器连接成功；⑦后面操作按默认值即可。至此本地站点新建成功，在DW界面右侧的文件窗口中（见图1），单击向下箭头即从FTP服务器中获取本帐户所有内容并下载至本地站点，文件出现在本地站点中所设的位置文件夹里，学生就可以自如地在本地完成上节课网站制作内容，可在本地及时增添素材信息，调试网站；当本节课制作任务完成后，只需单击向上蓝色箭头即将本地站点中的所有文件信息自动上传到FTP服务器。稍等片刻，学生所做的网站内容自动备份至FTP服务器，学生无需担心信息的丢失和保存。

第二种模式是直接远程修改网站文件：①打开DW软件，点击菜单“站点”—“管理站点”；②点“新建”按钮，选择“FTP与RDS服务器”子菜单；③输入FTP主机：10.127.195.200，主机目录不要填写；输入登陆（FTP帐号），密码（FTP密码）；④单击“测试”按钮，能弹出连接成功对话框即可（见图2）；⑤单击确定，再单击完成。此时DW右侧文件区域出现的内容即为FTP服务器中的内容（见图3），若要修改某个页面，双击打开，然后直接保存。整个修改过程全在FTP服务器中存取，非常方便。若有大批量文件修改，建议采用模式一，占用服务器资源少。

以上两种模式均能解决网站文件结构一致性、完整性等问题，根据制作任务不同选择相应模式，学生只需在DW软件中设置好站点信息就可以连续制作网站。

3 网站信息浏览与作品的评价

考虑到网站制作的通用性、互动性，单纯静态单个页面已经落伍，交互性强的动态页面ASP可以实现数据库信息的读写，此时网站的调试浏览必须在IIS（互联网信息服务器）环境下进行，若让每个学生独立安装IIS并配置，技术难度较大。笔者的解决方案是在FTP服务器上安装IIS，设置一个虚拟目录，将学生素材存放文件的上级目录设置为虚拟目录就可以解决此问题，文件存储与信息浏览一一对应起来（见图4、图5），此时学生网站调试的地址如1号同学http：//10.127.195.200：8001/01/，2号同学http：//10.127.195.200：8001/02……因此，作品的展示就显得非常简单快捷，学生在校园网上的任何地方都可以看到自己或别人的作品，学生之间可以充分开展自评与互评。

有了以上环境，作品成果展示形式多种多样，学校科技节、班级主题网站比赛、研究性学习等。举办小组展示会，组织全班作品展示，各小组推荐一位代表进行成果汇报，每个小组无需搭建繁琐网站平台，直接在校园网上演示他们制作的网站作品，汇报小组各成员完成项目的过程，在设计和制作网站时使用新的方法和技巧。学生之间交流学习过程中的经验和体会，充分享受成功制作作品的快乐。

笔者采用以上策略很好地完成了《网站设计与制作》教学素材文件持续存储及动态网页浏览环境的创建工作，解决了《网站设计与制作》的教学环境搭建的问题。实践证明，采用上述办法制作网站，有利于教师腾出时间钻研教学业务，也更能激发学生制作出富有特色的网站作品。

收稿日期：2016-10-15