计算机网络教学网站设计

　　摘要：利用ASP技术和数据库技术，设计了一个功能全面的计算机网络教学网站。网站使用FLASH作透明背景，增强了网站的动态效果。网站中的留言信息管理系统，实现人机交互和师生互动。网络教学课件使用PowerPoint生成的显示在嵌入式框架中的MHT网页，突出了教学网站的立体特色。

　　关键词：计算机网络；嵌入式框架；ASP技术

　　中图分类号：TP393文献标识码：A文章编号：1007-9599(2011)14-0000-02

　　一、引言

　　教学网站具有普通课堂授课所不具有的优势，网站信息的非线性组织结构允许呈现多主题、分层次的学习任务；网站的超链接功能使教师可以预设和提供学习支持功能；网站的广域信息发布功能可支持全员成果展示与全参与式互评；网站的动态信息发布功能使教师搜集过程性评价信息成为可能；网站信息的持续存在性和交互支持功能可延展课堂教学的时间和空间。

　　二、相关技术分析

　　（一）ASP技术

　　ActiveServerPages即ASP是微软开发的一种类似HTML（HypertextMarkupLanguage超文本标识语言）、Script（脚本）与CGI（CommonGAtewayInterface通用网关接口）的结合体，它没有提供自己专门的编程语言，而是允许用户使用包括VBSCRIPT，JavaScript等在内的许多已有的脚本语言编写ASP的应用程序。ASP的程序编制比HTML更方便且更有灵活性。它是在WEB服务器端运行，运行后再将运行结果以HTML格式传送至客户端的浏览器。

　　ASP吸收了许多流行的技术，如IIS，ACTIVEX，VBSCRIPT，ODBC等，是一种发展较为成熟的网络应用程序开发技术；其核心技术是对组件和对象技术的充分支持。通过使用ASP的组件和对象技术，用户可以直接使用ActiveX控件，调用对象方法和属性，以简单的方式实现强大的功能。ASP技术有一个缺陷：它基本上是局限于微软的操作系统平台之上。ASP主要工作环境是微软的IIS应用程序结构，又因Activex对象具有平台特性，所以ASP技术不能很容易地实现跨平台的WEB服务器的工作。

　　（二）FRONTPAGE2003和MACROMEDIADREAMWEAVER技术

　　这两个网页设计软件都很常用，具体不再详述。这里我只强调一下“层”功能，过去，FrontPage最欠缺的功能之一就是无法像MacromediaDreamweaver那样使用层。而层的应用在网页制作中已经是不可或缺了，好在FrontPage2003终于支持了此项功能。

　　点击菜单栏上的“插入→层”，将在当前页面中显示一个默认为“layer1”的层。用鼠标在各节点上拖曳，调节其大小，然后把光标插入点置于层中，插入所需的文字或图片。另外，将光标定位于该层内，在其右键弹出菜单中选择“层属性”，就可在界面右侧的任务窗格上设置该层的ID等参数。

　　（三）SWISH软件

　　SWISH软件是一种非常方便的FLASH字体特效的制作工具，特效中有许多默认设定的细节，结合使用能得到非常炫的效果，在制作过程中可以直接预览，最后直接导出为SWF文档格式，此软件虽然不支持中文但是在FLASH中能通过修改组件达到目的。

　　用此软件制作字体效果，方便易行，只要选中要设置效果的字，打开“添加效果”右侧的倒三角，会出现一系列的效果类型，并且每种效果类型下还设置了很多默认的更为具体详细的样式，根据自己的爱好，做出选择即可。当然也可以在打开的相应属性面板中，对所选效果的运动方向、位置、间距、路径、角度等进行设置，以达到自己想要而模板中没有的效果。

　　这个软件不仅适用于字体效果，还适用于动态影片的制作，类似于FLASH软件但较之简单。在电影选项卡中，可以设置影片的背景颜色，还可以在“文件”菜单下，导入图片作为背景图片。如果将GIF图片导入为精灵，则在目的影片中，依然保持图片的动态效果，使影片更丰富多彩。最后选择“文件”菜单下的“导出SWF文件”命令，完成特效制作。

　　三、网站的特色分析

　　（一）利用FLASH文件做网页背景

　　在部分网页中使用FLASH文件作为透明背景，使文本呈现出凌驾于图片之上的美感，避免了直接插入动态图片的烦琐，使网页简洁而丰富。

　　第一步，在网页中插入一个表格，设置其宽度、高度为100%，再插入FLASH的SWF文件。

　　第二步，设置SWF文件宽度和高度均为100%，在其属性对话框中选中透明选项或者点击其paramenters，参数设置为wmode，变量设置为transparent，设置成一个有透明效果的SWF。

　　第三步，在SWF文件上插入一个层，大小不要超过SWF文件的大小，在层上写上字，大功告成！

　　（二）利用嵌入式框架美化网页的布局

　　嵌入式框架和框架网页类似，不同之处在于嵌入式框架及其内容是嵌入在现有的网页中的。任何可以放入普通网页的内容都可以放到嵌入式框架中，可以像处理普通框架一样自定义嵌入式框架，也可以启用滚动条，当然还可以实现嵌入式框架的嵌套。

　　具体操作步骤如下：

　　点击菜单栏上的“插入→嵌入式框架”，将在当前光标所在位置显示一个默认名称为“I”的框架。单击框架，并用鼠标在各节点上拖曳，可调节其大小。在其右键弹出菜单中选择“嵌入式框架属性”，就可设置该框架的名称，初始网页等属性。当然，也可使具体网页显示在指定的框架中，只是在链接时，指定目标框架的路径即可，这样可以使多个网页中相同的部分不必再重载一次，而只是让不同的部分在框架中变换，如此达到界面简洁美观，且网页打开速度加快的效果。

　　（三）利用POWERPOINT生成MHT网页

　　把OFFICE文档转存为MHT格式，原因在于MHT格式的文件用于协同阅览时可以快速开启，不但安全稳定而且不受客户端计算机打开OFFICE文件需要安装OFFICE软件的限制。那么如何将OFFICE文档转存为MHT格式呢？

　　打开要转存的OFFICE文档后，直接选择“文件”菜单下的“另存为网页（G）”命令即可将其转存为MHT网页。

　　由POWERPOINT文件生成的MHT网页综合了普通网页和演示文稿的优点，既可以脱离程序的开发运行环境直接浏览，加快浏览速度，又可以以幻灯片放映的形式进行播放。

　　（四）利用留言本实现人机交互和师生互动

　　利用ASP+数据库技术，制作了具有相应管理功能的留言本，这一部分使用MacromediaDreamweaver软件进行制作，由于ASP主要工作环境是微软的IIS应用程序结构，且Activex对象具有平台特性，所以ASP技术不能很容易地实现跨平台的WEB服务器的工作。也就是说，此留言本只可在安装了IIS的计算机上进行演示。

　　该留言本使用表单实现留言的输入和交互功能，链接了MicrosoftWord电子邮箱编辑器，便于用户的使用。

　　四、总结

　　本网站作为教学网站，遵循新颖简洁的设计风格，色调搭配朴素大方，模块划分详尽合理，各个模块都在嵌入式框架中进行切换，避免了每一页都建立链接的麻烦，既节省了网站空间，又提高了网页的打开速度。对于其中应用到的动态图片应用SWISH软件进行制作，网站综合使用FrontPage2003和MacromediaDreamweaver软件，结合ASP技术进行设计。使用FLASH文件作透明背景，网页内容在特定的嵌入式框架中显示，用PowerPoint生成的MHT网页实现教学课件和网络实验的文稿演示，利用ASP+数据库技术，制作了具有相应管理功能的留言本，真正实现了人机交互和师生之间的交流。此计算机网络教学网站为学生提供了良好的学习环境，实现了预期的功能，基本达到了课题设计的目的。