《计算机专业英语》教学网站的设计与开发.doc

《《计算机专业英语》教学网站的设计与开发.doc》由会员分享，可在线阅读，更多相关《《计算机专业英语》教学网站的设计与开发.doc（67页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、 计算机专业英语教学网站的设计与开发摘要随着科技的进步和计算机网络的飞速发展，教育在人们生活中开始占有很重要的地位。为了让人们的学习过程可以不受地域、时间限制，使得教学资源能在最大范围内实现共享，产生了网上教学系统。本网站前台采用Dreamweaver进行页面制作，后台由Access数据库支持，通过使用ASP技术实现动态网页的效果。整个计算机专业英语教学网站包含课程描述、教师队伍、课程建设、习题宝库、下载频道、公告栏、留言板、和师生论坛八个功能模块，本文主要针对我设计的这八个模块，即课程描述、教师队伍、课程建设、习题宝库、下载频道、公告栏、留言板、和师生论坛八个模块的设计与实现进行了论述。通过

2、使用本网站学习计算机专业英语，可以更方便、更灵活、更有效地掌握计算机专业英语课程的知识点、重点和难点，是有效使用互联网的一种体现，具有较高的实用价值。关键词 教学网站；计算机专业英语；ASP；AccessAbstractWith progress in technology and the rapid development in computer network, education becomes very important in everyday life. In order to avoid the progresses being restricted in the zone or

3、 time, the online teaching and learning systems is introduced into education.This websites front desk adopts Dreamweaver to carry on the page animation, the backstage is supported by Access database , through using the result of the dynamic webpage of ASP technology , reach the operation to the data

4、base in order to the request for the user.Procedure teaching websites of whole Computer Professional English includes nine parts: the course description,teacher ranks, construction of course, the online school, bulletin board,download channel,web forum for teachers and students,message board.this te

5、xt is mainly to talk about four parts of them,they are the ourse description,teacher ranks,web forum for teachers and students,message board. Using this website to study the Computer Organization Principles can grasp some of knowledge, focal point and difficult point of course of the Computer Organi

6、zation Principles more convenient, more flexible and more effectively, it is a kind of embodiment using Internet effectively, have higher practical value. Keywords Teaching websites;Computer Professional English;ASP; Access 目录摘要IAbstractII第1章 绪论11.1 课程开发背景11.2 课程开发的现实意义11.3 相关课题发展现状21.4 系统目标3第2章 系统开

7、发技术简介42.1 HTML语言42.2 ASP技术52.2.1 ASP工作原理52.2.2 ASP的优势62.3 ADO技术简介72.4 ACCESS数据库介绍82.5 Macromedia Dreamweaver MX 2004软件说明8第3章 系统概要设计93.1 系统结构设计93.2 系统功能说明103.3 运行环境113.3.1 服务器端113.3.2 客户端11第4章 数据库设计124.1 数据库分析124.2 数据库中表的设计144.2.1 user表的设计144.2.2 article表的设计154.2.3 reply表的设计154.2.4 area表的设计164.2.5 bo

8、ard 表的设计164.2.6 admin表的设计174.2.7 dd 表的设计17第5章 系统详细设计195.1 网站主页的设计195.1.1 主页的设计195.1.2 课件下载模块215.1.3 课程作业模块225.1.4 历届试题模块235.1.5 试验软件模块235.2 课程描述设计245.3 教师队伍设计265.4 课程建设设计285.5 习题宝库设计305.6 学生空间设计325.7 师生论坛设计335.7.1 论坛模块结构设计335.7.2 论坛模块功能说明335.7.3 论坛首页335.7.4 用户登录345.7.5 新用户注册365.7.6 发表帖子375.7.7 浏览帖子3

9、95.7.8 回复帖子405.7.9 论坛后台管理41第6章 系统测试436.1 测试计划436.1.1 测试项目436.1.2 测试人员436.2 测试结果436.3 测试分析44结论45致谢46参考文献47附录A48附录B57第1章 绪论1.1 课程开发背景随着计算机网络通信技术和Internet的飞速发展，基于因特网的计算机网上远程教学已经开始成为一种全新的教学手段，并且越来越受到人们的关注。由于网上教学具有时效性、共享性、交互性和个别化等诸多特点，因此它有着传统教学模式无法比拟的优点，它创造了一种全新的教学模式，打破了传统教学模式在时间、空间上的限制，采用了先进的教学手段和教学方法，可

10、以大大提高教学效率和教学效果，使教学活动上了一个新台阶。蓬勃兴起的网上教育以其全新的高科技教学手段为解决我国当前资源严重短缺而教育需求日益扩大的矛盾提供了一种投资少、见效快、优质高效的解决方案，它必将成为我国未来教育发展的重要方向。因此，根据自身的特点设计一个师生间具有良好交互性的教学网站，就成为了目前我国教学网站开发面临的紧要任务。1.2 课程开发的现实意义2003年4月，教育部关于启动高等学校教学质量与教学改革工程精品课程建设工作的通知下发后，全国高校积极开展了精品课程建设工作。精品课程建设是一项复杂的工程，如何搞好精品课程建设，已经成为广大高校教师十分关注的问题。建设精品课程很重要的一个

11、目的，就是要让好的教学资源能够尽可能的被更多的人来学习使用。这样一来，精品课程网站即教学网站的开发就显得尤为重要。一门精品课程拥有大量的教学资源，我们需要将这些教学资源分门别类地发布在网站上。对于大纲、教案、实验指导书之类的文档教学资源，我们可以将它们制作成HTML网页、Flash动画、PDF或者doc文档等形式发布到网上，便于其他人查看、下载使用；对于课件，我们可以制作成PPT文件、Flash动画、Authware文件等方式发布到网上；对于大量的图片类教学资源，我们可以使用Firework提供的相册功能来处理。这样既方便了开发制作者，也方便了使用者；对于音视频类教学资源，可以将其嵌入到网页当

12、中，或者转化为Flash然后再发布。对于练习题类教学资源，可以采用doc文件供用户下载使用。在精品课程网站上，除了发布各种教学资源外，还可以提供一些和用户、学生互动的服务。比如，学生在线提问、教师在线答疑、师生在线讨论等功能。还可以尝试网上在线考试这种新的考试方法。这个计算机专业英语教学网站的建成将提高学生的学习主动性，提高课程信息传达的及时性，实现课程多种资源的展示与交流，成为教师与学生课下交流的良好平台。1.3 相关课题发展现状课程网站搜索引擎的功能是为学生能方便地在整个课程网站中搜索他们想了解的信息。学生网页的功能是能帮助学生在学习过程中相互协作，也为学生提供了一个方便的空间进行简单的网

13、页设计和管理。从研究的结果来看，我国网络教学平台及网站建设已经进入了一个新的发展阶段，这表现在以下三个方面：1网上教学环境已经形成规模1999年，我国首次在4所普通高校开展现代远程教育试点时，网络应用水平是很低的。经过这些年的努力，网络应用水平正在大幅度提高。在调查的53所学院中，单纯利用网络发布教务文件信息、只提供课件共享点播的学院，不到10所。大多数网络学院都在网上提供了答疑、网上交流等学习支持服务，从而加强了教师与分布在各地的学习者之间的互动，增进学习者的学习效果，使我国利用网络的学习走入了新的发展水平。2适合自主学习的网上教学平台正在丰富和完善网上自主学习模式正在被越来越多的网络教育学

14、院接受和应用，一些学院在实时授课的同时，积极探索和鼓励学生采用网上自主学习方式学习。一些能够突出网上教学优势的功能得到采用，如学习自测管理、网上作业提交、作业评分管理、网上选课、分学科分课程的答疑等等。3注意到与普通高校常规教育资源相结合利用普通高校本身的办学优势，可以提高网上教学平台和网站建设的质量，降低成本。1.4 系统目标本计算机专业英语教学网站预期实现以下目标：1信息发布方便、快捷、为用户提供全新的服务。2支持资源下载技术。3提供用户在线论坛、留言功能，增强网站的互动性。4网站维护简单、方便。5具有较好的网站安全性。第2章 系统开发技术简介通过对本系统功能及应用各方面的综合分析，本网站

15、采用Dreamweaver作为前台设计工具，在此基础上运用平时所学的动画制作软件Flash MX 2004、图形处理软件photoshop8.0等进行辅助设计,制作计算机专业英语多媒体教学资料。后台设计采用ASP技术及Microsoft Access 2000数据库开发工具，通过ADO对象访问数据库，最终建设成一个有持久生命力兼容性、安全性、可扩展性良好并可以满足师生获取信息和服务的教学网站。下面对本网站涉及到的技术进行简要的介绍。2.1 HTML语言HTML（Hyper Text Markup Language，超文本标记语言），它是构成网页的基础，因为程序无法控制浏览器的内存，与浏览器之间

16、只有下载网页及上传数据的关系，所以对HTML语法必须有一定的了解。WWW上的每个网页都对应一个文件。我们浏览一个页面，要先把页面所对应的文件从提供这个文件的计算机通过Internet传送到我们自己的计算机中，再由WWW浏览器翻译成为我们见到的有文字、有图形甚至有声音的页面。这些页面对应的文件不再是普通的“文本文件”，文件中除包含文字信息外，还包括了一些具体的链接。这些包含链接的文件被称为超文本文件。 和普通文本相比，超文本文件中多了一些对文件内容的注释，这些注释表明了当前文字显示的位置、颜色等信息，更重要的是，在有些注释中包含了对用户计算机应做出何种反应的说明，这些注释的内容经过浏览器的翻译后

17、就成了不同的操作。为了使各种不同类型的WWW服务器都能正确地认识和执行，超文本文件要遵从一个严格的标准，这个标准就是超文本标识语言HTML。我们也可以利用这种语言来编写超文本文件，在Internet上制作自己的WWW的主页。超文本文件的概念出现在多媒体技术迅速发展之前，现在随着多媒体技术应用的日益广泛，超文本应该改叫“超多媒体”更加合适，链接的内容已经从原来文本中的一个词或词组，发展到现在一幅图象或是图象的一部分，通过链接得到的内容也更加广泛，可以是地球另一端的某台计算机上的图片、声音、音乐或者电影。但不管叫超文本还是叫做超多媒体，WWW上各网页都是通过链接来完成相互间的访问。而要使访问正常进

18、行，必须使这些链接能够正确地指向所要访问的网页。这些工作是通过统一资源定位器(URL)来实现的。2.2 ASP技术ASP（Active Server Page，动态服务器网页），是一种由Microsoft公司开发的服务器端的脚本语言运行环境。它是一种包含了使用VB Script或Jscript脚本程序代码的网页。当浏览器浏览ASP网页时, Web服务器就会根据请求生成相应的HTML代码然后再返回给浏览器,这样浏览器端看到的 就是动态生成的网页。ASP是微软公司开发的代替CGI脚本程序的一种应用,它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。在了解了VB Script或Jscri

19、pt的基本语法后，只需要清楚各个组件的用途、属性、方法，就可以轻松编写出自己的ASP系统。因为脚本是在服务器端运行的，所以Web服务器完成所有处理后，将标准的HTML页面送往浏览器。这意味着，ASP只能在可以支持的服务器上运行，服务器端的脚本无法被预先复制，用户看到的仅仅是最终产生的HTML内容。而不可能看到原始脚本程序的代码。2.2.1 ASP工作原理ASP脚本是一种服务器端的解释脚本，其后缀名为.asp。当客户端访问一个后缀名为.asp的URL时，该URL请求被发送到Web服务器于是调用相关的ASP引擎asp.dll来将该脚本加以解释。在asp.dll中包含有各种ASP内置对象的集合以及这

20、些对象的处理信息。所以.asp由asp.dll解析后，将生成相应的HTML代码，该代码由Web服务器返回给客户端浏览器执行，于是用户就在屏幕上看到了该.asp执行的结果。ASP的工作原理如图2.1所示。调用asp.dll来解析.asp脚本ODBC驱动程序数据库客户浏览器向服务器发出.asp文件请求Web服务器返回结果图2.1 ASP的工作原理2.2.2 ASP的优势ASP之所以能深受大家欢迎，主要是因为它所产生的执行结果都是标准的HTML格式，而且这些程序是在网络服务端中执行，它依据访问数据库的结果集自动生成符合HTML语言的网页，去响应用户的请求。所有相关的发布工作由Web服务器负责。它具有

21、以下几点优势：1灵活易用对于一个有一定脚本语言编程经验的开发人员来说，只要经过简短的学习，在一个小时内就能编出一个完整的应用程序，同时，编程人员并不能局限与使用VB Script或Jscript来编写应用程序。由于服务器提供了脚本接口，开发人员可以使用自己熟悉的语言来编制ASP应用程序，甚至开发人员还可以在同一个页面中混合使用多种编程语言。2强大的可扩充性除了可以让开发人员自由选择编程脚本外，ASP还可以在页面中嵌入ActiveX组件，并支持COM技术，使得ASP页面的功能得到了极大的扩充。3无需编译ASP使用普通的文本编辑器，如Windows的记事本，即可进行编辑设计。与浏览器无关。用户端只

22、要是用可执行HTML代码的浏览器，无需编译，即可浏览用ASP设计的网页内容。 4独立于浏览器目前流行的浏览器有IE和Netscape Navigator，用以往的开发工具所开发出来的代码由于是要下载到客户端浏览器运行，所以同一段代码往往会在不同的浏览器上产生不同的效果。而ASP是在服务器端运行的脚本，其传递给客户端的均是经服务器运行输出的标准HTML代码，所以能独立于浏览器运行。2.3 ADO技术简介ADO（ActiveX Data Objects，动态数据对象），实际上是一种提供访问各种数据类型的连接机制。客户端应用程序能够通过 OLEDB（微软的战略性的通向不同的数据源的低级应用程序接口）

23、提供者访问和操作在数据库服务器中的数据，ADO支持用于建立基于客户端/服务器和 Web 的应用程序的主要功能。其主要优点是易于使用、高速度、低内存支出和占用磁盘空间较少。ADO 同时具有RDS（远程数据服务）功能，通过 RDS 可以在一次往返过程中实现将数据从服务器移动到客户端应用程序或 Web 页，在客户端对数据进行处理然后将更新结果返回服务器的操作。ADO对象模型中包括7个对象和3个集合，其中最重要的3个对象的说明如表1.1所示。表1.1 ADO重要的对象对象描述Connection(连接对象)用来建立数据源和ADO程序之间的过程Command(命令对象)用来嵌入SQL查询，包括对存储过程

24、的调用Recordset(记录集对象)用来浏览及操作实际数据库内的数据2.4 ACCESS数据库介绍Access是微软公司推出的基于Windows的桌面关系数据库管理系统（RDBMS），是Office系列应用软件之一。它提供了表、查询、窗体、报表、页、宏、模块7种用来建立数据库系统的对象；提供了多种向导、生成器、模板，把数据存储、数据查询、界面设计、报表生成等操作规范化；为建立功能完善的数据库管理系统提供了方便，也使得普通用户不必编写代码，就可以完成大部分数据管理的任务。Access数据库具有大型数据库的一些基本功能，支持事物处理功能，Access不仅是数据库管理系统，而且还是一个功能强大的开

25、发工具。本系统选择使用Access，主要是因为：Access数据库相比SQL要简洁，容易操作和管理。2.5 Macromedia Dreamweaver MX 2004软件说明Macromedia Dreamweaver MX 2004是集网页制作和网站管理于一身的网页编辑软件，是一套针对专业网页设计者和开发者的可视化网页开发工具。它具有功能强大、代码简洁和操作方便等特点，利用它可以轻而易举地制作出跨越平台限制的充满动感的网页。开发人员可以将其选择的服务器技术与Dreamweaver配合使用，建立将用户连接到数据库、Web服务和系统强大的Internet应用程序。Dreamweaver是专业网

26、页设计、网站管理、网页可视化编辑的软件。它采用了多种先进技术，如利用Dreamweaver的Roundtrip HTML技术让用户可以随意导入HTML文件而无需重新设置代码格式，用户还可以利用Dreamweaver MX 2004清除或重新格式化HTML代码，实现代码的优化，使网页创作过程变得非常简单。同时Dreamweaver还提供了强大的设计工具，在不用书写一行代码的情况下，就能够快速创建各种极具动态HTML特性的网页，例如动画和分层等；利用Dreamweaver的目标浏览器检查特性，可以创建兼容性极好的网页，以适用于各种平台和各种浏览器。第3章 系统概要设计3.1 系统结构设计根据本教学

27、网站的特点，可以将其分为前台和后台两个部分设计。前台主要实现信息浏览、资源下载、在线论坛和留言等功能，后台主要用管理员对网站前台信息、论坛及留言进行管理。我们把该教学网站设计为八大模块，分别是用户系统、课程描述、教师队伍、课程建设、在线学习、下载频道、师生论坛、和留言板。整个计算机专业英语教学网站的系统结构如图3.1所示。 教学网站主页教师队伍课程建设在线学习课程描述师生论坛留言板下载频道用户系统图3.1 网站系统结构图师生论坛模块的系统结构分为师生论坛前台主页和系统论坛后台。师生论坛前台主页结构如图3.2所示。师生论坛系统后台结构如图3.3所示。师生论坛前台主页生活指南交流大家侃侃系统管理用

28、户系统 图3.2 师生论坛前台模块结构图论坛后台主页删除帖子回复帖子查看帖子论坛管理管理员身份验证图3.3 师生论坛后台模块结构图3.2 系统功能说明1 课程描述模块介绍了计算机专业英语课程的历史沿革、课程内容、教学计划等相关的课程描述。2教师队伍模块介绍了课程主要负责人情况、教师队伍情况以及本学期的教师日历。3课程建设模块包括我院计算机专业英语课程教学环境、教学方法及教学手段、学院的政策措施等相关内容。4习题宝库包括习题练习以及考试题型。其中在线辅导包含了计算机专业英语各章节的教学目的、课程的主要内容及教学的重点和难点。5下载频道帮助学生下载课件、作业、历届试题、相关软件等课程资源。6论坛主

29、要用于让学生和老师进行一些教学答疑或是学术探讨。 7留言板主要收集一些用户对于网站的意见或建议，以便对网站进行改善。 3.3 运行环境3.3.1 服务器端软件环境：1操作系统：Windows 2000 Server2Web服务器：IIS5.03数据库服务器：Access20004浏览器：IE5.0硬件环境：1CPU P42内存 IBM 512MB3硬盘 ST 60GB3.3.2 客户端软件环境：1操作系统：Windows 2000 Server2浏览器：IE5.0硬件环境：1CPU P42内存 IBM 512MB3硬盘 ST 60GB第4章 数据库设计根据本教学网站的实际需求和数据流量的大小，

30、决定使用小型数据库作为本网站数据库，Access数据库具有操作简单、使用方便、性价比高等诸多优点，于是本教学网站采用了Access数据库。4.1 数据库分析针对网站功能结构分析，本教学网站可能涉及到的数据项和数据结构如下：1. 用户基本信息包括的数据项有用户名、用户密码、E-mail等基本信息。2 .管理员基本信息包括的数据项有管理员名称、管理员密码等基本信息。3. 论坛文章基本信息包括的数据项有文章标题、文章内容、工作区域名称、发表时间等信息。4. 用户留言基本信息包括的数据项有留言内容、留言者姓名、留言者QQ等信息。为了保证数据库的安全性，我们做了以下工作：需要用户注册登录后才能进入论坛或

31、留言系统。根据上面的分析，设计规划出的实体主要有用户实体、管理员实体、论坛文章实体，工作域实体、用户留言实体。其中我所负责设计的模块所涉及的实体有四个，它们是用户实体、管理员实体、论坛文章实体，工作域实体各实体。各实体E-R图描述如下：用户实体E-R图如图4.1所示。用户文章数量电子邮件用户昵称真实姓名用户密码用户ID图4.1 用户实体E-R图管理员实体E-R图如图4.2所示。管理员管理员姓名管理员密码管理员ID名图4.2 管理员实体E-R图论坛工作域实体E-R图如图4.3所示。论坛工作域工作域名称版主姓名工作域ID图4.3 论坛工作域实体E-R图论坛文章实体E-R图如图4.4所示。论坛文章读

32、帖次数文章内容用户ID发表时间回帖时间文章ID回帖次数文章标题工作域名称图4.4 论坛文章实体E-R图4.2 数据库中表的设计数据库的内容以及表的设计直接影响到开发的系统的质量，好的设计可以达到方便易用的功能。根据系统的要求,我们采用的数据库是Microsoft Access，系统拟建三个数据库文件即师生论坛数据库Lily.mdb、留言板数据库admin.mdb和管理员数据库db.mdb。由我设计的模块所涉及的数据库文件是师生论坛数据库Lily.mdb和管理员数据库db.mdb，其中Lily.mdb数据库中包含的表有用户表user、发表文章表 Article、留言模块表board、回复文章表r

33、eply和工作域表area；db.mdb包含的表是表admin和表dd。4.2.1 user表的设计设计数据库表user，用来存放注册用户的信息，包括用户序列号、用户名、密码、性别、注册时间、电子邮件、个人签名、是否管理员等。user表的结构如表4.1所示。表4.1 user表结构字段名称数据类型说明userID自动编号编号，是用户内容的关键字段，设为主键UserNick文本用户昵称UserName文本用户姓名，设为必填内容UserPWD密码用户密码，设为必填内容ArticleNum数字发贴次数E_mail文本用户邮箱4.2.2 article表的设计在数据库Lily.mdb中，设计一个ati

34、cle表，该表是用于保存论坛中所有用户所发帖子的信息的，包括帖子序号、主题、内容以及发帖用户名、时间等。aticle表的结构如表4.2示。表4.2 aticle表结构字段名称数据类型说明articleID自动编号帖子序列号，并将该字段设置为主键UserName文本用户姓名，不能为空PostTime日期/时间发帖时间，默认值为“Now”Replytime日期/时间回复帖子时间，BoardName文本选择要讨论的工作域Title文本帖子主题Content备注帖子内容ReadCount数字读帖次数ReplyCount数字回帖次数4.2.3 reply表的设计在数据库Lily.mdb中，设计一个rep

35、ly表，该表是用来保存论坛中所有用户所回复帖子的信息，包括回帖序号、被回复帖子的序号、作者用户名、所在工作域名、回帖时间、回复内容。reply表的结构如表4.3所示。表4.3 reply表结构字段名称数据类型说明replyID自动编号帖子序列号，并将该字段设置为主键articleID自动编号被回复主题帖子的序列号UserName文本用户姓名，设为必填内容BoardName文本选择要讨论的工作域PostTime时间帖子主题Content备注帖子内容4.2.4 area表的设计在数据库Lily.mdb中，设计一个area表，该表用于保存论坛中所有用工作域的信息，包括工作域序号、工作域名称、域主姓名

36、1、域主姓名2、域主姓名3。area表的结构如表4.4所示。表4.4 area表结构字段名称数据类型说明areaID自动编号工作域序号，并将该字段设置为主键areaName文本工作域名称，不能为空Manager1文本版主姓名，不能为空Manager2文本版主姓名，不能为空Manager3文本版主姓名，不能为空4.2.5 board 表的设计在数据库Lily.mdb中，设计一个board表，该表是用来创建留言板版面信息，包括自动编号、版块名称以及创建者。表4.5 board表结构字段名称数据类型说明BoardID自动编号工作域序号，并将该字段设置为主键AreaID自动编号工作域序号，不能为空Bo

37、ardName文本版快名称，不能为空Manager1文本版主姓名，不能为空Manager2文本版主姓名，不能为空4.2.6 admin表的设计设计数据库表admin，用来实现对留言的维护和删除，即存放管理员的帐户和密码。admini 表的结构如表4.5示。表4.6 admin 表结构字段名称数据类型说明admin文本管理员姓名，设为主键，不能为空password文本密码，不能为空4.2.7 dd 表的设计设计数据库表dd，是用来对学生的留言进行存放的，学生所有通过学生论坛所进行的留言都将保存在此表中，以便管理员随时查看学生对网站的意见。表4.7 dd表结构字段名称数据类型说明ID自动编号工作域

38、序号，并将该字段设置为主键zhmj文本留言者姓名lx文本留言者性别zhdz文本定义变量，可为空hszh文本定义变量，可为空hzfs文本定义变量，可为空xm文本定义变量，可为空zhyq文本留言内容dh文本QQ号yx文本邮箱地址data日期/时间发布时间，不能为空第5章 系统详细设计5.1 网站主页的设计网站主页是用户登录后首先看到的页面，所以主页的设计至关重要，应该亮丽美观、尽可能表现出计算机组成原理教学网站的风格、内容，吸引用户的注意力，否则很难给用户留下深刻的印象。5.1.1 主页的设计根据课程提供的材料和网站本身的性质，经过仔细的分析、策划，选用蓝色作为网站的主色调，同时辅助以紫红色、白色

39、，本网站建设的目的是为了方便学生学习，所以要区别于娱乐、游戏等休闲网站，主页要简洁、大方，庄重。尽可能表现出算机组成原理课程的特色。本网站主页设计的特色之一是小图标的运用，这些小图标不仅给整个网页增加了不少趣味，也使网页更加清新、活泼，同时也表达了网站的性质。布局上，主页上部输入课程名称。主页左侧设计导航栏，列举本站提供的五个相关的课程模块，即课程描述、教师队伍、课程建设、习题宝库、学生空间。主页中上部输入课程简介，以便没有接触计算机专业英语的来访者能对本站有个初步认识。“课程简介”位置下面设计方便学生及时得到课程相关资源的快速通道，即“下载频道”。学生在此可以下载到近期老师布置的作业、历届计

40、算机组成原理试题、教学课件、课程相关软件等课程资源。首页界面如图5.1所示。图5.1 首页界面主页右侧设置会员登录框，当同学想访问本网站的是后，必须通过会员登录框登录后，方可以访问本网站 。如果不是本网站会员可以通过会员注册成为网站会员，这样就可以进行访问网站了。如图5.2所示。图5.2 登录界面同时为了方便学生浏览其他相关网站，我设计了一个 “友情链接”窗口，在“友情链接”中，我加入的首先有学校主页，其次有百度和新浪两个网上搜索信息的网站。如图5.3所示。图5.3 友情链接界面在“友情链接”下面设置一个进入师生论坛的标志图片。做为用户登录得快捷方式主页最下部输入本网站的版权信息。本教学网站规

41、模不是太大，为方便教师、学生使用，主页采用简单的集合导航模式，即把具有逻辑关系的超链接放置在一起，用户可以方便地访问某一类信息。在网站首页大体包括课程介绍，下载频道，公告栏，会员登录以及友情链接等几大板块，使用户可以方便的了解本站所具备的功能，为用户的浏览提供了极大的方便。5.1.2 课件下载模块下载频道模块中包括教学课件，课程作业，历届试题，试验软件四个模块。教学课件里包括本课程教学所需要的幻灯片课件，有效的帮助学习各章节的重要知识点。如图5.4所示当中的课件都是点后下载的，下载后即可以观看。如图5.5所示。图5.4 教学课件模块图5.5 下载课件图例5.1.3 课程作业模块课程作业中有一些

42、常用词汇，句子的翻译，帮助学生更好的打好基础。此模块的使用方法和教学课件的方法一样，都需要下载，方法同上。如图5.6所示。 图5.6 课程作业模块5.1.4 历届试题模块历届试题中有近几年的计算机专业英语考试的试题几答案，学生可以测试自己的当前的学习状况，有助于找出自己学习当中的薄弱之处。如图5.7所示。 图5.7 试题下载模块5.1.5 试验软件模块试验软件中可以下载翻译软件，翻译软件可以有效的帮助学生解决学习中的疑难地方。如图5.8所示。 图5.8 试验软件模块5.2 课程描述设计为保持网站风格的一致性，子页面采用与主页一样的色调，统一为蓝色为主色调，同时辅助以紫红色、白色，网页上部和底部

43、与主页一样，不用改变。不同之处是导航栏增加了一栏。即在网页标志下边列举了和主页里一样的导航内容，使得在每一个网页上都可以进入主要的功能模块，同时在网页左边也列举了对应模块的子导航内容。这样，用户无论在哪一个位置都不会迷失方向，要到另一个功能模块也没有必要撤回主页了。课程描述设计包括课程的历史沿革、教学（实验）大纲以及课程相关的参考网站。历史沿革页面效果如图5.9所示。教学大纲页面效果如图5.10所示。课程相关的参考网站页面效果如图5.11所示。 图5.9 历史沿革图例 图5.10 教学大纲图例 图5.11 课程参考网站图例5.3 教师队伍设计与课程描述模块设计的方法相同，教师队伍模块包括课程负

44、责人介绍、课程组教师介绍以及各教师课表安排。其中课程负责人介绍可以让用户了解本课程负责老师的情况，如姓名、性别、学历、职称、学术研究情况、所获奖励等信息。教师队伍充分展示了课程组教师的风采。教师队伍模块包括课程负责人介绍，课程组教师介绍，本学习教师日历。课程负责人介绍页面效果如图5.12所示。课程组教师介绍页面效果如图5.13所示。本学习教师日历页面效果如图5.14所示。图5.12 课程负责人介绍图例图5.13 课程组教师图例图5.14 本学期教学日历图例5.4 课程建设设计课程建设模块中共包括课程特色，教学内容的选择，课程建设规划三个板块中课程特色中主要介绍了此科目的特点，有助于帮助学生掌握

45、课程特色。而在教学内容的选择模块中介绍了所选课本的原因及此书有点所在。最后的课程建设规划中则重点阐述了国家对此课程的要求。课程特色页面效果如图5.15所示。教学内容的选择页面效果如图5.16所示。课程建设规划页面效果如图5.17所示。图5.15 课程特色图例图5.16 教学内容的选择图例图5.17 课程建设规划图例5.5 习题宝库设计习题宝库中包括两大模块，即习题练习和考试题型。习题练习中主要是让学生们做一些词汇和句子的练习，让学生掌握好基础知识，以便为以后的学习打下坚实的基础。但是在考试题型中则是包括考试中的各种题型，使学生熟悉考试题型，以便学生在考试时方便应对。习题练习页面效果如图5.18所示。宝石题型页面效果如图5.19所示。图5.18 习题练习图例图5.19 考试题型图例5.6 学生空间设计学生空间是一个学生留言的平台，对浏览过本网站的人，他们说想说的话，可以通过此功能告诉给我们网站的管理员，以便