论文部分内容阅读
【摘 要】基于静态网页HTML技术以及动态网页ASP技术搭建完成了一个课程教学网站，网站的后台数据库基于Microsoft的ACCESS数据库搭建完成并对动态网页进行支持。网站主体结构为树形结构，即通过首页发散向网站的各个功能节点，然后再通过各个不同的功能节点根据所包含范围的不同，依次链接到更为底层更为细致的网页。网站分为多个相对独立的又互相关联的功能模块，集成了课程介绍、教师简介、网络资源、实验指导等为主体的，以文字、图片及视频为表现形式的教学资源，构建了答疑、讨论、留言等师生活动交流的平台。
【关键词】教学网站 网页设计 静态网页 动态网页 数据库
【中图分类号】TP311.5 【文献标识码】A 【文章编号】1006-9682（2012）11-0009-04
【Abstract】A teaching website is set up based on the HTML to develop the static pages and the ASP technology to develop the dynamic pages. The database supporting the website is based on the ACCESS that developed by Microsoft. The main structure of the website is tree structure. Users can reach every function points from index， and then can reach the more buttons and more detail points in different scopes. The website is divided into a number of relatively independent and interrelated function modules， which include the introduction of course， the introduction of teachers， self-study base on network， and guidance to the experimental and so on. All above mentioned are showed to the users in words， images and videos. A platform for teachers and students to exchange their ideas of this subject is also built.
【Key words】Teaching website Web page design Static web pages Dynamic web pages Data base
一、引 言
随着网络信息传媒技术的飞速发展，教师的教学方式越来越多地包括了互联网的应用，越来越多的教学资源被开放到网上供更多的用户使用，达到扩展教学时间和空间、教学资源多元化以及教学模式多样化的目的。ASP技术能够实现很好的网络互动形式，配合简单易用的Dreamweaver HTML编辑功能，加之学校提供的足够充裕的网络环境资源，可以很好地实现在教学网站上进行教学活动的目标。本文基于静态网页HTML技术以及动态网页ASP技术设计完成了校级优质课程《信号分析与处理》的教学网站，集成了课程介绍、老师简介、网络自学、实验指导等功能模块，以文字、图片及视频为表现形式，搭建了答疑、讨论、留言等师生活动交流的平台，教学效果良好。
二、教学网站的总体构成
本教学网站实现了课程教学相关软硬件的简介、教学资源的开放、教学实验以及实习实践的介绍、互动交流平台等功能。其主题模块包括：课程综述、师资团队、网络课程、教学实践、学习园地、科研成果、实习实践、留言板以及联系老师等。具体来讲，有以下几个方面：①教学软硬件介绍：通过文本、图片的形式，以生动的网页呈现简介，对师资团队、实验室资源、实习实践、教学方法与创新等教学软硬件进行介绍，使学生全面认识学习渠道与学习环境，避免了学生在学习过程中造成资源的浪费；②学科学习资源库：利用文本、图片、视频等载体，按照一定的教学需要以及教学策略进行分类，并以合适的形式重组对学生的开放，很大程度上避免了学生在大量的资料阅读中迷失，使学生对信息的甄选更有针对性、更加结构化，学习目标也更加明确；③拓展性学习资源：是对学科学习资源库的补充与延展，其资源可能超出课堂甚至考试范围之外，学生可通过对这些资料的阅读增加对本学科的兴趣，从而对本学科的学习产生推动和促进作用。师生在教学活动中发挥创造的内容也可以作为拓展资源的一部分存入资源库，供后来人参阅和学习。拓展性学习资源为学生进行广泛而深入的专业知识研究学习提供了良好的保证；④网上讨论空间：其实质是一个可以帮助学生创造、探索、交流的平台。学生在与教师或同学利用这一平台即兴同步或异步的协商讨论过程中，能够开拓思维，锻炼认知能力、表达能力以及团队协作能力等。图1为该教学网站的拓扑结构。
在整体布局方面，采用表格的方法，这是网页设计所采用的基本方式之一。通过表格布局的方式可以使整个网页各个部分的比例数字化，从而更易把握，同时使网页中各局部的调节以及局
部与整体的适应性、比例等都更容易调节和把握。图2为实际运行网站的首页。
三、教学网站的关键设计
1.HTML静态网页技术
Dreamweaver网页设计软件提供了一套直观的可视界面，可供创建和编辑HTML网站和移动应用程序。[1～2]静态网页制作技术是一种通过HTML标记语言，按照一定的格式整合各种媒体，如图像、文字、声音等，并结合Web服务实现信息网络发布的技术。静态网页没有后台数据库，不含程序及其他不可交互的网页，每个网页都有一个固定的统一资源定位符（URL），或被称为网页地址，作为独立的文件保存在服务器上，内容相对稳定，易于检索和查阅。由于它的稳定性，通过静态网页呈现的信息最好在短时间内是不需要进行修改的，或者其更新周期较长。一般来说，静态网页适合作为单纯信息呈现的载体，直截了当地将想要对学生开放的信息展现出来，不仅易于对网站内容进行管理，而且对网络、服务器资源的使用更趋于合理。 2.ASP动态网页技术
动态网页可以包含各种动画，也可以是纯文字内容，其主要特点有：①一般以数据库技术为基础，只要对数据库进行更新就可以完成对整个网页信息呈现的更新，相较于静态网页更新工作量要小得多；②动态网页实际上并非独立存在于服务器上的网页文件，只有当用户请求服务器时，服务器才会将存在于服务器上的文件解析成网页的形式呈现给用户。采用动态网页技术相较于静态网页可以实现更多的交互式功能。动态网页技术是指客户端与服务器端可以进行交互行为的一种技术，可以开发出具有交互性的动态Web网页，常用的动态网页发布技术有ASP、JSP、PHP等。结合教学网站本身体积较小，而且基本是运行于学校内部资源网，安全性问题较少等因素，又参考了学校服务器操作系统，最终选用ASP技术制作本网站。
ASP动态网页技术是由Microsoft公司开发完成的，其开发环境为IIS，即Internet Information Server，互联网信息服务。它是一种Windows系统自带的网页服务组件，本身就包括Web服务器、FTP服务器、NNTP服务器以及SMTP服务器，分别用于网页浏览、文件传输、新闻服务以及邮件发送等方面。[3]本设计主要运用的是Web服务器。对于Web服务器来说，需要有一个虚拟目录才能完成整个工作过程。所谓虚拟目录是指用户进入Web服务器时所看到的目录结构，因为IIS服务器是假设在Windows环境下的，这个目录实质上是一个Windows文件。在默认的情况下，IIS服务器是使用默认目录来对Web站点的网页进行存放的。当站点的结构过于复杂、拥有多个不同ASP站点时，则需要建立新的虚拟目录来对网页进行存放和规划。
动态网页与静态网页在运行时本质的区别就是，静态网页可以直接将设计的内容通过浏览器显示出来；而动态网页则需要服务器的支持才能让用户浏览到实际网页。因此在设计时由于没有实体的服务器，就需要在主机上建立虚拟地址以及测试服务器以用来对动态服务器资源进行必要的解析。这不仅是浏览动态网页的需要，同时也是设计和修改网站的必要条件，必须用Internet信息服务管理器提供相应的支持。不同的动态网页技术需要搭配不同的服务器环境才能做到正确解析，以便于让用户从客户端进行无障碍浏览。
3.ACCESS数据库技术
网络本身就是将处于不同空间位置、操作相对独立的多个计算机联系在一起，再配以一定的系统和应用软件，从而完成计算机间的资源共享和信息传递。因此其本质特点就是资源共享。而网络数据库正是完成了将网络资源整合在一起以备共享的工作，它是以后台数据库为基础，加之一定的前台程序操作，通过浏览器完成数据的增删、查改等行为。
基于已经选好的ASP动态网页技术，考虑到本网站对数据库的实际要求以及学校服务器的操作系统环境，最终选用ACCESS开发数据库。它是由Microsoft公司出品的隶属于Office软件系统中的一款数据库软件。[4]它的特点是应用普遍，易于操作，用户界面人性化，能够满足用户对于数据库的基本增删、查改等功能，且能与ASP动态网页技术完美契合。
4.B/S（Browser/Server）结构
本教学网站基于B/S（即浏览器/服务器 Browser/Server）结构，其优点明显。在动态网页中使用ASP技术来实现对服务器端的操作功能，而ASP技术语言是基于VBScript脚本语言来完成对客户端的检查，现在市面上所有比较主流的浏览器都默认支持VBScript，因此只要客户端安装了任何一种浏览器，用户都不用再做任何设置即可登陆和使用本网站。B/S架构不需要太大的数据库以及太多的冗余空间，容易进行局部调节，更注重交互性和信息的交流性。对于学校这种非盈利性机构来说，B/S结构还具有价格上的优势。 基于B/S结构，用户在使用时不需要很繁琐的操作或者很高的技术要求，只需打开浏览器输入网址后，根据自己的切实所需，点开所需的网页即可找到自己所需的内容。基于导航条所具有的易操作性，用户在浏览网页时完全可以依赖网站所提供的不同性质的导航条浏览到自己所需的内容。
考虑到用户对不同资料的需要程度，因此开放性资源呈现给用户的具体形式分为下载和网页显示两种。一些可能不需要学生保留的（例如教案等）而只需要用户稍加浏览的或者教师不希望同学长期持有而只希望能在需要的时候再上网查找的（例如作业答案等）资源其呈现方式就选择了网页显示的方式，这种方式依照B/S的结构特点，只需要学生具有自己的用户端以及浏览器即可轻松浏览。另一方面，有些内容学生希望也需要自行保留以便于日后长期地频繁地进行浏览和参考，而这些资料很可能也正是老师希望学生多多参看的，那么这些资料的呈现方式就选择了直接供学生下载。同样基于网站的结构特点，学生只需要利用自己的用户端通过浏览器即可进行相关的选取和下载以及浏览等工作。
基于B/S结构，教师利用自己的PC端，以学校提供的虚拟主机为媒介，形成一个虚拟的服务器端，教师通过操作自己的计算机，同时也是在对网站的服务器端进行操作，而这种操作具有很强的灵活性和实时性。因此教师或网站管理员可以根据自己的实际需要和课程的实际要求对网站内容以及希望呈现给学生的资料、呈现方法进行实时修改。
四、教学网站的静态网页及动态网页实现
1.教学网站下拉菜单导航的设计
对于一个好的网站，清晰的主干脉络、丰富的资料储备以及干净整洁的页面设计固然很重要，但是优质高效的网站导航条对网站的影响更大。特别是对于教学网站而言，学生在查阅自己需要的资料时具有一定的盲目性，很可能迷失在茫茫的资料群中，而良好的导航策略则能使学生对网站中的内容分类一目了然，更加直接更加迅速地帮助学生找到自己所需的材料。
最终设计完成的是下拉菜单式导航条，如图3所示。当鼠标悬停于主体导航条之上时，下拉导航条弹出；当鼠标悬停于下拉导航条时，相应的栏目字体反色并且背景颜色有所变化，从而形成高亮的醒目效果。这类导航条以HTML编码构成，其位置精度是由机器计算得出的，因而不会出现“层”类型导航条的不稳定现象。由于是用编码来调控整个导航属性的，一旦需要修改可能会比较麻烦。 2.教学网站主页插件的设计
在教学网站中，经常需要更新一些公告新闻类的文字供学生查阅。这些文字如果只是以单纯的文字形式展现，可能不够明显，或者因为文字太多而实际上有没有那么大的空间可供使用，这时就涉及到了一个常用的网页插件程序——滚动字幕。
在网页设计中比较常用的制作滚动字幕的标签插件是marquee。其功能就是在网页的任意地方设计一个滚动字幕，然后根据用户的不同需要，对字幕的运行方式进行相应的修改处理，以最终满足用户的实际需要。以下是在本网站首页中的滚动文字所运用的marquee标签的实例。
其中direction、hspace、vspace、width以及align几项属性值分别对滚动文字的滚动方向、到边界的水平及垂直距离、区域的宽度以及水平对齐方式做了具体规定。而其他没有写明的参数则代表遵循默认值。
滚动字幕的应用，使网页内容的呈现形式显得多样化，通过滚动字幕呈现出来的信息比静态信息更醒目。学生在进入本网站首页时，首先会关注到首页上的滚动字幕。这样一来，教师希望首先让学生看到的内容通过此种形式能够更容易更便捷地传达给学生。
3.教学网站的交流互动平台——留言板
留言板模块作为本网站的交互式模块，为师生、生生的学术型交流提供了平台。学生既可以通过这一渠道向老师发问，同时也可以通过这一平台与其他同学进行交流，甚至留下联系方式，方便日后进行相关的学术研讨。而老师则可以通过这一平台为学生答疑解惑，对学生关于课程的学习程度有所了解，以便于对日后的课程安排进行调整。还可根据学生留下的联系方式和学生取得进一步联系，以便于对学生的学习提供进一步的帮助。同时，任课老师同时还拥有管理员的权利与义务，对学生的留言进行管理。根据课程负责人和其他本课程任课老师的权限不同，对留言板的操作权限也有所不同，便于老师们对留言板的运行情况及管理使用进行相关的操作和管理。
留言板模块是一个同步或异步的网上交流互动平台，不是一个静态网页，而是一个基于后台数据库的动态数据库。使用者能够根据需要，对后台数据库进行实时的增删、查改等操作。其设计包括数据库的应用、网页与后台数据库的关联与调用。
留言板模块数据库的主体结构包括两个表，分别是：①admin表：用来存储管理员信息，包括username、password、ADMIN以及ADPW四项。前两项为一组用来保存临时管理员的用户名和密码。因为考虑到任课老师或留言板的管理员可能随时会有变动，因此特别设定了这样的身份。其权限主要是进行对整个留言板信息的增删改查，以及对临时管理员用户名和密码的修改，以配合老师或留言板管理员的变更。而ADMIN和ADPW为一组作为管理员。这一组相对于临时管理员的不同就是他的用户名和密码是不能够被更改的，因为考虑到课程负责人会负责整个网站的管理工作，以及对临时管理员的调配和调度，因此管理员身份拥有更改临时管理员用户名和密码的权限，但是自身的用户名和密码任何人都不能够通过网页更改，当然如果有缺失的需要对管理员的用户名和密码进行变更，可以直接从数据库文件中直接更改。②words表：用来存放学生和老师的所有留言内容。该表可以存放学生的姓名、QQ号、电子邮箱等信息。这样的设定是为了老师或者学生如果对留言者的留言信息感兴趣想取得进一步的话，为他们提供一个便捷的渠道。考虑到太长的留言可能会对整个网络资源造成一些不必要的浪费，根据ACCESS的功能特性，对留言的字数进行了限制。留言板网页形式参见图4。
由于动态网页的全部功能都是依赖于数据库而完成的，因此网页与后台数据库的接口部分尤为重要。在HTML技术中对数据库接口的设计方法有着明确规范，例如系统必须通过“conn”标示才能完成对后台数据库接口的识别。由于ASP动态技术对Microsoft ACCESS数据库的支持，数据库的文件类型必须为.mdb。另外对于数据库接口的定义方式，HTML语言对语句格式也有明确规定。本设计中的数据库接口部分具体程序段如下：
<%
page = Request.QueryString（"page"）
action = Request.QueryString（"action"）
action_e = Request.Form（"action_e"）
set Conn=Server.CreateObject（"ADODB.Connection"）
Conn.Open "driver={Microsoft Access Driver （*.mdb）}；dbq
=" & Server.MapPath（"#bict2008data.mdb"）
%>
该语句段必须位于ASP动态数据库整个代码的首字段，服务器通过对字段的预读和处理才能使网页与后台数据库正确连接。前几行的page、action等字段对网页获取用户信息、操作行为等的获取进行了具体定义，set Conn字段对系统具体建立的对象，在本设计中即数据库的具体链接对象进行了详细定义，最后一行则是对数据库的借口信息进行了详细定义，对数据库文件进行了明确指向。
五、结 论
互联网辅助教学方式，迎合了当今科技发展的大趋势，将线下教学与互联网完美结合，利用学生普遍对网络有着极大兴趣的特点，改变了一成不变的枯燥的书本学习方式，使学生通过查阅自己感兴趣同时也对课程学习有益的资料，让学生体验到学习知识的快乐，在培养学生学习兴趣的同时进一步提高学生的综合素质和能力。
本课程教学网站设计合理，运行可靠。但仍有一些功能在今后还需进一步完善，例如：学生自我测试系统功能，利用ACCESS对文字甄别和筛选的功能，以及对用户留言进行进一步限制和完善的功能，从而提高整个互动平台的安全性，以便为师生提供更多帮助。
参考文献
1 王唯一、张腾、林小玲、叶斌英.基于Dreamweaver网页编程技术的教学网站设计[J].计算机工程与设计，2008（16）
2 孙良军、刘贵国.Dreamweaver CS5动态网页建设ASP篇[M].北京：清华大学出版社，2011
3 张泽红、崇美英.数据库原理及应用——Access 2003[M].北京：电子工业出版社，2008
4 杨青.基于ASP技术的教学测评网站的设计与实现[D].南京邮电大学，2011
【关键词】教学网站 网页设计 静态网页 动态网页 数据库
【中图分类号】TP311.5 【文献标识码】A 【文章编号】1006-9682（2012）11-0009-04
【Abstract】A teaching website is set up based on the HTML to develop the static pages and the ASP technology to develop the dynamic pages. The database supporting the website is based on the ACCESS that developed by Microsoft. The main structure of the website is tree structure. Users can reach every function points from index， and then can reach the more buttons and more detail points in different scopes. The website is divided into a number of relatively independent and interrelated function modules， which include the introduction of course， the introduction of teachers， self-study base on network， and guidance to the experimental and so on. All above mentioned are showed to the users in words， images and videos. A platform for teachers and students to exchange their ideas of this subject is also built.
【Key words】Teaching website Web page design Static web pages Dynamic web pages Data base
一、引 言
随着网络信息传媒技术的飞速发展，教师的教学方式越来越多地包括了互联网的应用，越来越多的教学资源被开放到网上供更多的用户使用，达到扩展教学时间和空间、教学资源多元化以及教学模式多样化的目的。ASP技术能够实现很好的网络互动形式，配合简单易用的Dreamweaver HTML编辑功能，加之学校提供的足够充裕的网络环境资源，可以很好地实现在教学网站上进行教学活动的目标。本文基于静态网页HTML技术以及动态网页ASP技术设计完成了校级优质课程《信号分析与处理》的教学网站，集成了课程介绍、老师简介、网络自学、实验指导等功能模块，以文字、图片及视频为表现形式，搭建了答疑、讨论、留言等师生活动交流的平台，教学效果良好。
二、教学网站的总体构成
本教学网站实现了课程教学相关软硬件的简介、教学资源的开放、教学实验以及实习实践的介绍、互动交流平台等功能。其主题模块包括：课程综述、师资团队、网络课程、教学实践、学习园地、科研成果、实习实践、留言板以及联系老师等。具体来讲，有以下几个方面：①教学软硬件介绍：通过文本、图片的形式，以生动的网页呈现简介，对师资团队、实验室资源、实习实践、教学方法与创新等教学软硬件进行介绍，使学生全面认识学习渠道与学习环境，避免了学生在学习过程中造成资源的浪费；②学科学习资源库：利用文本、图片、视频等载体，按照一定的教学需要以及教学策略进行分类，并以合适的形式重组对学生的开放，很大程度上避免了学生在大量的资料阅读中迷失，使学生对信息的甄选更有针对性、更加结构化，学习目标也更加明确；③拓展性学习资源：是对学科学习资源库的补充与延展，其资源可能超出课堂甚至考试范围之外，学生可通过对这些资料的阅读增加对本学科的兴趣，从而对本学科的学习产生推动和促进作用。师生在教学活动中发挥创造的内容也可以作为拓展资源的一部分存入资源库，供后来人参阅和学习。拓展性学习资源为学生进行广泛而深入的专业知识研究学习提供了良好的保证；④网上讨论空间：其实质是一个可以帮助学生创造、探索、交流的平台。学生在与教师或同学利用这一平台即兴同步或异步的协商讨论过程中，能够开拓思维，锻炼认知能力、表达能力以及团队协作能力等。图1为该教学网站的拓扑结构。
在整体布局方面，采用表格的方法，这是网页设计所采用的基本方式之一。通过表格布局的方式可以使整个网页各个部分的比例数字化，从而更易把握，同时使网页中各局部的调节以及局
部与整体的适应性、比例等都更容易调节和把握。图2为实际运行网站的首页。
三、教学网站的关键设计
1.HTML静态网页技术
Dreamweaver网页设计软件提供了一套直观的可视界面，可供创建和编辑HTML网站和移动应用程序。[1～2]静态网页制作技术是一种通过HTML标记语言，按照一定的格式整合各种媒体，如图像、文字、声音等，并结合Web服务实现信息网络发布的技术。静态网页没有后台数据库，不含程序及其他不可交互的网页，每个网页都有一个固定的统一资源定位符（URL），或被称为网页地址，作为独立的文件保存在服务器上，内容相对稳定，易于检索和查阅。由于它的稳定性，通过静态网页呈现的信息最好在短时间内是不需要进行修改的，或者其更新周期较长。一般来说，静态网页适合作为单纯信息呈现的载体，直截了当地将想要对学生开放的信息展现出来，不仅易于对网站内容进行管理，而且对网络、服务器资源的使用更趋于合理。 2.ASP动态网页技术
动态网页可以包含各种动画，也可以是纯文字内容，其主要特点有：①一般以数据库技术为基础，只要对数据库进行更新就可以完成对整个网页信息呈现的更新，相较于静态网页更新工作量要小得多；②动态网页实际上并非独立存在于服务器上的网页文件，只有当用户请求服务器时，服务器才会将存在于服务器上的文件解析成网页的形式呈现给用户。采用动态网页技术相较于静态网页可以实现更多的交互式功能。动态网页技术是指客户端与服务器端可以进行交互行为的一种技术，可以开发出具有交互性的动态Web网页，常用的动态网页发布技术有ASP、JSP、PHP等。结合教学网站本身体积较小，而且基本是运行于学校内部资源网，安全性问题较少等因素，又参考了学校服务器操作系统，最终选用ASP技术制作本网站。
ASP动态网页技术是由Microsoft公司开发完成的，其开发环境为IIS，即Internet Information Server，互联网信息服务。它是一种Windows系统自带的网页服务组件，本身就包括Web服务器、FTP服务器、NNTP服务器以及SMTP服务器，分别用于网页浏览、文件传输、新闻服务以及邮件发送等方面。[3]本设计主要运用的是Web服务器。对于Web服务器来说，需要有一个虚拟目录才能完成整个工作过程。所谓虚拟目录是指用户进入Web服务器时所看到的目录结构，因为IIS服务器是假设在Windows环境下的，这个目录实质上是一个Windows文件。在默认的情况下，IIS服务器是使用默认目录来对Web站点的网页进行存放的。当站点的结构过于复杂、拥有多个不同ASP站点时，则需要建立新的虚拟目录来对网页进行存放和规划。
动态网页与静态网页在运行时本质的区别就是，静态网页可以直接将设计的内容通过浏览器显示出来；而动态网页则需要服务器的支持才能让用户浏览到实际网页。因此在设计时由于没有实体的服务器，就需要在主机上建立虚拟地址以及测试服务器以用来对动态服务器资源进行必要的解析。这不仅是浏览动态网页的需要，同时也是设计和修改网站的必要条件，必须用Internet信息服务管理器提供相应的支持。不同的动态网页技术需要搭配不同的服务器环境才能做到正确解析，以便于让用户从客户端进行无障碍浏览。
3.ACCESS数据库技术
网络本身就是将处于不同空间位置、操作相对独立的多个计算机联系在一起，再配以一定的系统和应用软件，从而完成计算机间的资源共享和信息传递。因此其本质特点就是资源共享。而网络数据库正是完成了将网络资源整合在一起以备共享的工作，它是以后台数据库为基础，加之一定的前台程序操作，通过浏览器完成数据的增删、查改等行为。
基于已经选好的ASP动态网页技术，考虑到本网站对数据库的实际要求以及学校服务器的操作系统环境，最终选用ACCESS开发数据库。它是由Microsoft公司出品的隶属于Office软件系统中的一款数据库软件。[4]它的特点是应用普遍，易于操作，用户界面人性化，能够满足用户对于数据库的基本增删、查改等功能，且能与ASP动态网页技术完美契合。
4.B/S（Browser/Server）结构
本教学网站基于B/S（即浏览器/服务器 Browser/Server）结构，其优点明显。在动态网页中使用ASP技术来实现对服务器端的操作功能，而ASP技术语言是基于VBScript脚本语言来完成对客户端的检查，现在市面上所有比较主流的浏览器都默认支持VBScript，因此只要客户端安装了任何一种浏览器，用户都不用再做任何设置即可登陆和使用本网站。B/S架构不需要太大的数据库以及太多的冗余空间，容易进行局部调节，更注重交互性和信息的交流性。对于学校这种非盈利性机构来说，B/S结构还具有价格上的优势。 基于B/S结构，用户在使用时不需要很繁琐的操作或者很高的技术要求，只需打开浏览器输入网址后，根据自己的切实所需，点开所需的网页即可找到自己所需的内容。基于导航条所具有的易操作性，用户在浏览网页时完全可以依赖网站所提供的不同性质的导航条浏览到自己所需的内容。
考虑到用户对不同资料的需要程度，因此开放性资源呈现给用户的具体形式分为下载和网页显示两种。一些可能不需要学生保留的（例如教案等）而只需要用户稍加浏览的或者教师不希望同学长期持有而只希望能在需要的时候再上网查找的（例如作业答案等）资源其呈现方式就选择了网页显示的方式，这种方式依照B/S的结构特点，只需要学生具有自己的用户端以及浏览器即可轻松浏览。另一方面，有些内容学生希望也需要自行保留以便于日后长期地频繁地进行浏览和参考，而这些资料很可能也正是老师希望学生多多参看的，那么这些资料的呈现方式就选择了直接供学生下载。同样基于网站的结构特点，学生只需要利用自己的用户端通过浏览器即可进行相关的选取和下载以及浏览等工作。
基于B/S结构，教师利用自己的PC端，以学校提供的虚拟主机为媒介，形成一个虚拟的服务器端，教师通过操作自己的计算机，同时也是在对网站的服务器端进行操作，而这种操作具有很强的灵活性和实时性。因此教师或网站管理员可以根据自己的实际需要和课程的实际要求对网站内容以及希望呈现给学生的资料、呈现方法进行实时修改。
四、教学网站的静态网页及动态网页实现
1.教学网站下拉菜单导航的设计
对于一个好的网站，清晰的主干脉络、丰富的资料储备以及干净整洁的页面设计固然很重要，但是优质高效的网站导航条对网站的影响更大。特别是对于教学网站而言，学生在查阅自己需要的资料时具有一定的盲目性，很可能迷失在茫茫的资料群中，而良好的导航策略则能使学生对网站中的内容分类一目了然，更加直接更加迅速地帮助学生找到自己所需的材料。
最终设计完成的是下拉菜单式导航条，如图3所示。当鼠标悬停于主体导航条之上时，下拉导航条弹出；当鼠标悬停于下拉导航条时，相应的栏目字体反色并且背景颜色有所变化，从而形成高亮的醒目效果。这类导航条以HTML编码构成，其位置精度是由机器计算得出的，因而不会出现“层”类型导航条的不稳定现象。由于是用编码来调控整个导航属性的，一旦需要修改可能会比较麻烦。 2.教学网站主页插件的设计
在教学网站中，经常需要更新一些公告新闻类的文字供学生查阅。这些文字如果只是以单纯的文字形式展现，可能不够明显，或者因为文字太多而实际上有没有那么大的空间可供使用，这时就涉及到了一个常用的网页插件程序——滚动字幕。
在网页设计中比较常用的制作滚动字幕的标签插件是marquee。其功能就是在网页的任意地方设计一个滚动字幕，然后根据用户的不同需要，对字幕的运行方式进行相应的修改处理，以最终满足用户的实际需要。以下是在本网站首页中的滚动文字所运用的marquee标签的实例。
其中direction、hspace、vspace、width以及align几项属性值分别对滚动文字的滚动方向、到边界的水平及垂直距离、区域的宽度以及水平对齐方式做了具体规定。而其他没有写明的参数则代表遵循默认值。
滚动字幕的应用，使网页内容的呈现形式显得多样化，通过滚动字幕呈现出来的信息比静态信息更醒目。学生在进入本网站首页时，首先会关注到首页上的滚动字幕。这样一来，教师希望首先让学生看到的内容通过此种形式能够更容易更便捷地传达给学生。
3.教学网站的交流互动平台——留言板
留言板模块作为本网站的交互式模块，为师生、生生的学术型交流提供了平台。学生既可以通过这一渠道向老师发问，同时也可以通过这一平台与其他同学进行交流，甚至留下联系方式，方便日后进行相关的学术研讨。而老师则可以通过这一平台为学生答疑解惑，对学生关于课程的学习程度有所了解，以便于对日后的课程安排进行调整。还可根据学生留下的联系方式和学生取得进一步联系，以便于对学生的学习提供进一步的帮助。同时，任课老师同时还拥有管理员的权利与义务，对学生的留言进行管理。根据课程负责人和其他本课程任课老师的权限不同，对留言板的操作权限也有所不同，便于老师们对留言板的运行情况及管理使用进行相关的操作和管理。
留言板模块是一个同步或异步的网上交流互动平台，不是一个静态网页，而是一个基于后台数据库的动态数据库。使用者能够根据需要，对后台数据库进行实时的增删、查改等操作。其设计包括数据库的应用、网页与后台数据库的关联与调用。
留言板模块数据库的主体结构包括两个表，分别是：①admin表：用来存储管理员信息，包括username、password、ADMIN以及ADPW四项。前两项为一组用来保存临时管理员的用户名和密码。因为考虑到任课老师或留言板的管理员可能随时会有变动，因此特别设定了这样的身份。其权限主要是进行对整个留言板信息的增删改查，以及对临时管理员用户名和密码的修改，以配合老师或留言板管理员的变更。而ADMIN和ADPW为一组作为管理员。这一组相对于临时管理员的不同就是他的用户名和密码是不能够被更改的，因为考虑到课程负责人会负责整个网站的管理工作，以及对临时管理员的调配和调度，因此管理员身份拥有更改临时管理员用户名和密码的权限，但是自身的用户名和密码任何人都不能够通过网页更改，当然如果有缺失的需要对管理员的用户名和密码进行变更，可以直接从数据库文件中直接更改。②words表：用来存放学生和老师的所有留言内容。该表可以存放学生的姓名、QQ号、电子邮箱等信息。这样的设定是为了老师或者学生如果对留言者的留言信息感兴趣想取得进一步的话，为他们提供一个便捷的渠道。考虑到太长的留言可能会对整个网络资源造成一些不必要的浪费，根据ACCESS的功能特性，对留言的字数进行了限制。留言板网页形式参见图4。
由于动态网页的全部功能都是依赖于数据库而完成的，因此网页与后台数据库的接口部分尤为重要。在HTML技术中对数据库接口的设计方法有着明确规范，例如系统必须通过“conn”标示才能完成对后台数据库接口的识别。由于ASP动态技术对Microsoft ACCESS数据库的支持，数据库的文件类型必须为.mdb。另外对于数据库接口的定义方式，HTML语言对语句格式也有明确规定。本设计中的数据库接口部分具体程序段如下：
<%
page = Request.QueryString（"page"）
action = Request.QueryString（"action"）
action_e = Request.Form（"action_e"）
set Conn=Server.CreateObject（"ADODB.Connection"）
Conn.Open "driver={Microsoft Access Driver （*.mdb）}；dbq
=" & Server.MapPath（"#bict2008data.mdb"）
%>
该语句段必须位于ASP动态数据库整个代码的首字段，服务器通过对字段的预读和处理才能使网页与后台数据库正确连接。前几行的page、action等字段对网页获取用户信息、操作行为等的获取进行了具体定义，set Conn字段对系统具体建立的对象，在本设计中即数据库的具体链接对象进行了详细定义，最后一行则是对数据库的借口信息进行了详细定义，对数据库文件进行了明确指向。
五、结 论
互联网辅助教学方式，迎合了当今科技发展的大趋势，将线下教学与互联网完美结合，利用学生普遍对网络有着极大兴趣的特点，改变了一成不变的枯燥的书本学习方式，使学生通过查阅自己感兴趣同时也对课程学习有益的资料，让学生体验到学习知识的快乐，在培养学生学习兴趣的同时进一步提高学生的综合素质和能力。
本课程教学网站设计合理，运行可靠。但仍有一些功能在今后还需进一步完善，例如：学生自我测试系统功能，利用ACCESS对文字甄别和筛选的功能，以及对用户留言进行进一步限制和完善的功能，从而提高整个互动平台的安全性，以便为师生提供更多帮助。
参考文献
1 王唯一、张腾、林小玲、叶斌英.基于Dreamweaver网页编程技术的教学网站设计[J].计算机工程与设计，2008（16）
2 孙良军、刘贵国.Dreamweaver CS5动态网页建设ASP篇[M].北京：清华大学出版社，2011
3 张泽红、崇美英.数据库原理及应用——Access 2003[M].北京：电子工业出版社，2008
4 杨青.基于ASP技术的教学测评网站的设计与实现[D].南京邮电大学，2011