《计算机本科论文完整版.doc》由会员分享，可在线阅读，更多相关《计算机本科论文完整版.doc（48页珍藏版）》请在三一办公上搜索。
1、教育信息处理与网络课程设计与实现论文摘要网络课程已经成为课程资源共享的重要途径之一，无论是远程教育还是传统学校教育中，网络课程的设计和开发都是课程建设的重要内容。对于教育技术学专业的教育信息处理课程，目前华东师范大学和北京师范大学都开发了相应的网络课程，本文首先对这两所学校所开发的教育信息处理网络课程进行了深入的分析和研究，发现它们在教学过程和教学资源的设计开发上各有优点和不足。在此基础上，根据现代教学设计的理论和方法，运用Macromedia Dreamweaver MX 2004、ASP（Active Server page）、Microsoft Access 2003等为开发工具，设计开
2、发了主要用于学生自主学习的教育信息处理网络课程。该课程提供了合理的学习过程和丰富的学习资源，对学生的课程预习、复习以及促进课程资源的共享方面能发挥更好作用。关键词：教育信息 自主学习 网络课程 学习方式 ABSTRACTWeb-based curriculum has become an important way to share course resources, both in traditional learning and in distance education. The design and development of Web-based course are an impo
3、rtant aspect of the course construction. At present, East China Normal University and Beijing Normal University have developed web-based courses for the students who majors in educational technology. In this paper, these two web-based courses are analyzed carefully. It is found that there are many d
4、ifferent characteristics in the design of the learning process and resources. Both are have their own advantages and disadvantages. Based on that, according to modern instructional design method and using Macromedia Dreamweaver MX 2004,ASP (Active Server page), Microsoft Access 2003 as developing to
5、ols, a new version of the web-based course of Education information processing is designed, which can be used for the independent study or the assistance of learning in class. This system provides a more reasonable learning process with the corresponding learning resources, which will promote the st
6、udents learning and give facilities for the teachers teaching and the sharing of resources.Key words: Independent learning Web Course Learning methods “software technology foundation”目录第1章 引言51.1 选题背景51.2 我国目前教育信息处理与网络课程设计现状51.3 研究任务和目标6第2章 教育信息处理与网络课程设计基础知识介绍72.1制作工具以及选型依据72.1.1制作工具72.1.2选型依据72.2静态
7、网制作工具介绍82.2.1 Dreamweaver8 介绍82.2.2 Fireworks 8 介绍92.3 动态网页设计工具介绍102.3.1 Access2003数据库介绍102.3.2 ASP动态网页设计介绍112.4 设计的基本原则133.1.1 网络课程主体设计的基本原则133.1.2 互动性设计的基本原则142.5 网络课程主体设计思路和设计的基本内容143.2.1 主体设计思路143.2.2 设计的基本内容15第3章 网络课程概要设计17第4章 网络课程详细设计174.1 主页设计与制作174.1.1 导航栏设计184.1.2 网站基本色彩设计184.1.3 日期和气预报设计18
8、4.2 数据库设计194.3 教学资料模块、重点难点模块和公告中心模块设计与制作224.4 下载中心模块设计254.4.1 上传系统的设计254.4.2 下载系统的设计254.5 在线留言模块设计与制作264.6 答疑系统、常见问题和搜索引擎模块的设计与制作274.6.1 答疑系统的设计与制作274.6.2 常见问题的设计与制作284.6.3 搜索引擎的设计与制作294.7 学习论坛模块的设计与制作294.8 调查表模块的设计与制作30第5章 站点测试与管理315.1 创建站点315.2 站点测试325.3 站点维护32第6章 总结336.1 经验和不足336.1.1 制作经验336.1.2
9、制作不足336.2 设想和展望34结束语37参考文献38致谢39附录40外文资料原文45翻译文稿47第1章 引言1.1 选题背景网络课程与一般的多媒体教学软件不同，它是学习者利用网络进行远程学习的教材，2001年教育部现代远程教育资源建设技术规范描述了网络课程的基本内涵：网络课程是指通过网络表现的某门学科的教学内容及实施的教学活动的总和。它包括两个组成部分：按一定的教学目标、教学策略组织起来的教学内容和网络教学支撑环境。其中网络教学支撑环境特指支持网络教学的软件工具、教学资源以及在网络教学平台上实施的教学活动。我国当前的教育课程改革提出了转变学生的学习方式，建立以“主动参与、乐于探究、交流与合
10、作”为特征的学习方式。自主学习是一种能充分发挥学生主动性、合作精神的学习模式。网络的发展为自主学习提供了新的空间。基于网络环境的自主学习将书本知识和社会的各种信息相结合,一方面是网络的便利特性，给学习者提供了新的环境，使学习环境的内涵和外延得到扩展；另一方面，自主式学习模式在网络技术与教学的整合中找到一个切合点，为教学搭建起一个开放平台，让学生以自主建构的方式展开学习活动。因此，积极开展基于网络环境下的自主学习是实现学习方式变革的有效途径。设计好网络课程中自主学习活动具有重要意义。1.2 我国目前网络课程设计现状据查阅的中国电化教育、中国远程教育、中国期刊网以及有关自主学习、网络课程、任务驱动
11、的理论、技术书籍和网络课件，在目前，对自主学习和网络课程有比较系统研究。比如，苏玉雄的基于网络环境的自主学习的探究，李红美的网络环境下自主学习模式的探讨，唐剑岚、 胡建兵的自主学习模式下的网络环境设计等。这些研究几乎都是围绕网络环境下的自主学习展开的，它们为继续深入研究这个主题打下了充分而坚实的基础。但是对两者结合起来的网络课程中自主学习活动的设计研究还不全面、不具体。目前研究主要是针对网络课程中自主学习的策略、原则、条件、具备的能力和意义的总体研究。但是对网络课程中自主学习活动的学习方式、学习内容、手段没有提出很详细的研究，没有研究具体的设计，也还未在技术上支持设计。在网络课程中自主学习活动
12、设计要合理，设计功能要完善，一个好的设计能营造一个学习环境。在良好条件和环境下，学习者能轻松学习、保证学习进度和状态、保证学习效果，完成学习任务。网络课程是一种新的教学模式，它不仅会改变我们的班级授课形式，使得课堂教学的效率得到进一步提高，而且它还会为我们带来方便廉价的网络授课方式，改变许多人接受教育的形式。但目前我国部分地区上网条件和学生的计算机技能等方面还存在限制，还不能实现完全网络化的学习。因此，设计网络课程必须切合实际，合理估计网上学习的效果，切忌片面夸大网络课程的学习功能。我们要形成正确的网络教学观念，使网上教学和网络课程发挥出应有的作用。1.3 研究任务和目标主要研究任务是教育信息
13、处理网络课程框架的搭建与网络学习平台设计，教师处于辅导和服务的地位，所以，给学生提供一个自主化、个性化和能方便获取信息资源的网络环境是一个较关键的要素。在研究过程中，我将应用Dream Werver、Fireworks、Photoship等工具进行静态网页制作,再使用数据库Access和网页开发语言JSP进行动态制作。本学习平台将依据现代的教学设计理论和建构主义学习理论,对系统设计包括如下子系统: 系统管理和维护支持模块；学习引导模块；学习工具模块；网上答疑模块；交流展示模块；评价模块；资源库等。根据教育信息处理课程的特点和自主学习特征，重点对支持自主互动学习环境进行设计，网络课程的主要内容包
14、括1. 实现网站整体构架: 教学计划、教学大纲、重点难点、和实验大纲等栏目;2. 与学生自主学习的基本栏目及形式和初步内容: 在线自测、上传下载、答疑系统、常见问题FAQ搜索引擎;体现师生互动的特色栏目:留言板、调查表等。第2章 网络课程设计基础知识介绍2.1制作工具以及选型依据2.1.1制作工具我选择的网站制作工具:网页开发工具:Dreamweaver 8 多媒体素材制作: Fireworks 8 + Flash 8后台数据库开发工具:Access 2003网站开发工具:ASP + IIS2.1.2选型依据作为初学者,我选择了以上几种制作工具,具体选择原因如下:1.Dreamweaver 、
15、Fireworks、Flash 三个软件合在一起，被称为网页制作“三剑客”这三个软件相辅相承，可谓是制作网页的最佳拍档。其中，Dreamweaver主要用来制作网页文件，制作出来的网页兼容性比较好，制作效率也很高；Flash用来制作精美的网页动画；而Fireworks用来处理网页中的图形。 2. Microsoft Active Server Pages 即我们所称的 ASP ，其实是一套微软开发的服务器端脚本环境，意为“活动服务器网页”，通过 ASP 我们可以结合 HTML 网页、 ASP 指令和 ActiveX 元件建立动态、交互且高效的 WEB 服务器应用程序。3. MicrosoftS
16、QLAccess2003就是关系数据库开发工具，数据库能汇集各种信息以供查询、存储和检索。MicrosoftAccess2003的优点在于它非常的可靠、质量好、易用、可伸缩性、简单的管理和调整（能自动运行管理和性能监测，提供了集中的数据库管理。）、灵活的和可扩展的数据转换（能够构建更加坚固的数据转换服务（DTS）软件包）、集成了可扩展的分析服务（提供了数据采集、为生成报表而设计了灵活的向上流动特性，实现单元级和成员安全的功能，还有写回原始大小的能力）。自定义窗体收集信息。数据表示图提供了一种类似于Excel的电子表格，可以使数据库一目了然，还提供了排序功能。MicrosoftAccess200
17、3也提供了数据存储库，可以使用桌面数据库文件把数据库文件置于网络文件服务器，与其他网络用户共享数据库。如上所述，Microsoft2.2静态网制作工具介绍2.2.1 Dreamweaver8 介绍Dreamweaver 是由美国著名的软件开发商Macromedia公司（现在已经被Adobe公司购并）推出的一个“所见即所得”的可视化网站开发工具,网友一般称呼其为“织梦者”。 Macromedia Dreamweaver 8 是一款专业的 HTML 编辑器，用于对 Web 站点、Web 页和 Web 应用程序进行设计、编码和开发。无论您是喜欢直接编写 HTML 代码的驾驭感还是偏爱在可视化编辑环境
18、中工作，Dreamweaver 都会为您提供帮助良多的工具，丰富您的 Web 创作体验。Dreamweaver 的功能:利用 Dreamweaver 中的可视化编辑功能，您可以快速创建 Web 页面而无需编写任何代码。您可以查看所有站点元素或资源并将它们从易于使用的面板直接拖到文档中。您可以在 Macromedia Fireworks 或其它图形应用程序中创建和编辑图像，然后将它们直接导入 Dreamweaver，从而优化您的开发工作流程。Dreamweaver 还提供了其它工具，可以简化向 Web 页中添加 Flash 资源的过程。除了可帮助您生成 Web 页的拖放功能外，Dreamweav
19、er 还提供了功能全面的编码环境，其中包括代码编辑工具（例如代码颜色、标签完成、“编码”工具栏和代码折叠）；有关层叠样式表 (CSS)、JavaScript、ColdFusion 标记语言 (CFML) 和其它语言的语言参考资料。Macromedia 的可自由导入导出 HTML 技术可导入您手工编码的 HTML 文档而不会重新设置代码的格式，您可以随后用您首选的格式设置样式来重新设置代码的格式。Dreamweaver 还使您可以使用服务器技术（如 CFML、ASP.NET、ASP、JSP 和 PHP）生成动态的、数据库驱动的 Web 应用程序。如果您偏爱使用 XML 数据，Dreamweave
20、r 也提供了相关工具，可帮助您轻松创建 XSLT 页、附加 XML 文件并在 Web 页中显示 XML 数据。Dreamweaver 可以完全自定义。您可以创建您自己的对象和命令，修改快捷键，甚至编写 JavaScript 代码，用新的行为、属性检查器和站点报告来扩展 Dreamweaver 的功能。Dreamweaver 8 的新增功能:Dreamweaver 8 包括许多新增功能，使您只需花费最少的时间和精力便可生成 Web 站点和应用程序。Dreamweaver 使复杂的技术变得简单而方便，以帮助您达到事半功倍的效果。下面是 Dreamweaver 8 中的一些主要新增功能：l “缩放”
21、工具和辅助线 l 可视化 XML 数据绑定 l 新的 CSS 样式面板 l CSS 布局的可视化 l 代码折叠 l “编码”工具栏 l 后台文件传输 2.2.2 Fireworks 8 介绍Fireworks以处理网页图片为特长，并可以轻松创作GIF动画。它的最大特点是制作丰富的频道式按钮。Fireworks本身是动态按钮制作工具，且直接面向网页图形制作，对动态按钮的控制上非常有效。Fireworks 是第一个完全为网页制作者设计的软件。作为一款为网络设计而开发的图象处理软件，它能够自由地导入各种图象(如 Macintosh 的 PICT、FreeHand，Illustrator，CorelD
22、raw8 的矢量文件 Photoshop文件、GIF、JPEGBMP、 TIFF)，甚至是ASCII的文本文件；能够自动切图、生成鼠标动态感应的 Javascript，具有十分强大的动画功能和一个几乎完美的网络图象生成器(Export功能)；并且Fireworks可以辨认矢量文件中的绝大部分标记以及Photoshop 文件的层。Fireworks不同于FreeHand和Photoshop，它并不专限于创建矢量图或处理位图，而是综合了它们双方的某些特性。Fireworks是一个可以同时编辑位图和矢量图形的软件，而其他图形图像软件总是偏重于某一方面。为此，Fireworks MX拥有两种图形编辑模
23、式：位图编辑模式和矢量图编辑模式。在Fireworks中，可以非常方便地在矢量图编辑模式和位图编辑模式之间进行切换。Fireworks简化了网页图形和屏幕图形的制作过程，同时提供了完全的机动性和可编特性。 在没有Fireworks的时候，网也设计者要在一个矢量绘图程序，如FreeHand上创建图形，然后再把这个矢量图形引入到位图程序中进行涂抹和添加滤镜效果。设计者可能还需要使用一个动画工具或image map工具来创建动态图形。为了测试图形，设计者必须在浏览器中查看创建的图形。如果此时再需要对图形进行修改，或许会迫使设计者从头开始并重复上述每一个步骤。有了Fireworks，设计者的工作就不再
24、是复杂地从一个工具转到另一个工具，大量的重复工作量被省略，由此可以节省大量宝贵的时间。Fireworks 8 新功能如下:l 新增图像编辑面板l 支持更多格式导入:QuickTime Image, MacPaint, SGI, and JPEG 2000l 优化了批量输出流程l 增强矢量图兼容性l 识别ActionScript 颜色值 (0xFFCC00)l CSS 下拉菜单制作l 透视阴影l 立体阴影l 移动设备界面组件l Auto shape属性面板l 特殊字符面板l 26钟新的混合模式2.3 动态网页设计工具介绍2.3.1 Access2003数据库介绍 Microsoft Office
25、 Access（前名 Microsoft Access）是由微软发布的关联式数据库管理系统。它结合了 Microsoft Jet Database Engine 和 图形用户界面两项特点，基于Windows的桌面关系数据库管理系统（RDBMS），是Office系列应用软件之一。它提供了表、查询、窗体、报表、页、宏、模块7种用来建立数据库系统的对象；提供了多种向导、生成器、模板，把数据存储、数据查询、界面设计、报表生成等操作规范化；为建立功能完善的数据库管理系统提供了方便，也使得普通用户不必编写代码，就可以完成大部分数据管理的任务。 Access能够存取 Access/Jet、Microsoft
26、 SQL Server、Oracle，或者任何 ODBC 兼容数据库内的资料。熟练的软件设计师和资料分析师利用它来开发应用软件，而一些不熟练的程序员和非程序员的进阶用户则能使用它来开发简单的应用软件。虽然它支援部份面向对象（OO）技术，但是未能成为一种完整的面向对象开发工具。Access是一种桌面数据库，只适合数据量少的应用，在处理少量数据和单机访问的数据库时是很好的，效率也很高。但是它的同时访问客户端不能多于4个。access数据库有一定的极限，如果数据达到100M左右，很容易造成服务器iis假死，或者消耗掉服务器的内存导致服务器崩溃。MicrosoftAccess2003的优点在于它非常的
27、可靠、质量好、易用、可伸缩性、简单的管理和调整（能自动运行管理和性能监测，提供了集中的数据库管理。）、灵活的和可扩展的数据转换（能够构建更加坚固的数据转换服务（DTS）软件包）、集成了可扩展的分析服务（提供了数据采集、为生成报表而设计了灵活的向上流动特性，实现单元级和成员安全的功能，还有写回原始大小的能力）。自定义窗体收集信息。数据表示图提供了一种类似于Excel的电子表格，可以使数据库一目了然，还提供了排序功能。MicrosoftAccess2003也提供了数据存储库，可以使用桌面数据库文件把数据库文件置于网络文件服务器，与其他网络用户共享数据库。如上所述，2.3.2 ASP动态网页设计介绍
28、Microsoft Active Server Pages 即我们所称的 ASP ，其实是一套微软开发的服务器端脚本环境， ASP 内含于 IIS 3.0 和 4.0 之中 , 通过 ASP 我们可以结合 HTML 网页、 ASP 指令和 ActiveX 元件建立动态、交互且高效的 WEB 服务器应用程序。有了 ASP 你就不必担心客户的浏览器是否能运行你所编写的代码，因为所有的程序都将在服务器端执行，包括所有嵌在普通 HTML 中的脚本程序。当程序执行完毕后，服务器仅将执行的结果返回给客户浏览器，这样也就减轻了客户端浏览器的负担，大大提高了交互的速度。 以下罗列了 Active Server
29、 Pages 所独具的一些特点： 1. 使用 VBScript 、 JScript 等简单易懂的脚本语言，结合 HTML 代码，即可快速地完成网站的应用程序。 2. 无须 compile 编译，容易编写，可在服务器端直接执行。 3. 使用普通的文本编辑器，如 Windows 的记事本，即可进行编辑设计。 4. 与浏览器无关 (Browser Independence), 用户端只要使用可执行 HTML 码的浏览器，即可浏览 Active Server Pages 所设计的网页内容。 Active Server Pages 所使用的脚本语言 (VBScript 、 Jscript) 均在 WEB
30、 服务器端执行，用户端的浏览器不需要能够执行这些脚本语言。5.Active Server Pages 能与任何 ActiveX scripting 语言相容。除了可使用 VBScript 或 JScript 语言来设计外，还通过 plug-in 的方式，使用由第三方所提供的其他脚本语言，譬如 REXX 、 Perl 、 Tcl 等。脚本引擎是处理脚本程序的 COM(Component Object Model) 物件。 6.Active Server Pages 的源程序，不会被传到客户浏览器，因而可以避免所写的源程序被他人剽窃，也提高了程序的安全性。7. 可使用服务器端的脚本来产生客户端的脚
31、本。8.ActiveX Server Components(ActiveX 服务器元件 ) 具有无限可扩充性。可以使用 Visual Basic 、 Java 、 Visual C+ 、 COBOL 等编程语言来编写你所需要的 ActiveX Server Component 。 与一般的程序不同， .asp 程序无须编译， ASP 程序的控制部份，是使用 VBScript 、 JScript 等脚本语言来设计的，当执行 ASP 程序时，脚本程序将一整套命令发送给脚本解释器 ( 即脚本引擎 ) ，由脚本解释器进行翻译并将其转换成服务器所能执行的命令。当然，同其他编程语言一样， ASP 程序的编
32、写也遵循一定的规则，如果你想使用你所喜爱的脚本语言编写 ASP 程序，那么你的服务器上必须要有能解释这种脚本语言的脚本解释器。当你安装 ASP 时，系统提供了两种脚本语言： VBsrcipt 和 JScript ，而 VBscript 则被作为系统默认的脚本语言。ASP 程序其实是以扩展名为 .asp 的纯文本形式存在于 WEB 服务器上的，你可以用任何文本编辑器打开它， ASP 程序中可以包含纯文本、 HTML 标记以及脚本命令。你只需将 .asp 程序放在 WEB 服务器的虚拟目录下（该目录必须要有可执行权限），就可以通过 WWW 的方式访问 ASP 程序了。要学好 ASP 程序的设计，必
33、须掌握脚本的编写，那么究竟什么是脚本呢？其实脚本是由一系列的脚本命令所组成的，如同一般的程序，脚本可以将一个值赋给一个变量，可以命令 WEB 服务器发送一个值到客户浏览器，还可以将一系列命令定义成一个过程。要编写脚本，你必须要熟悉至少一门脚本语言，如 VBScript 。脚本语言是一种介乎于 HTML 和诸如 JAVA 、 Visual Basic 、 C+ 等编程语言之间的一种特殊的语言，尽管它更接近后者，但它却不具有编程语言复杂、严谨的语法和规则。如前所述 ASP 所提供的脚本运行环境可支持多种脚本语言，譬如： JScript 、 REXX 、 PERL 等等，这无疑给 ASP 程序设计者
34、提供了广泛的发挥余地。 ASP 的出现使得广大 WEB 设计者不必在为客户浏览器是否支持而担心，实际上就算你 在同一个 .asp 文件中使用不同的脚本语言，你都无须为此担忧，因为所有的一切都将在服务器端进行，客户浏览器得到的只是一个程序执行的结果，而你也只需在 .asp 中声明使用不同的脚本语言即可。第3章 网络课程概要设计3.1 设计的基本原则3.1.1 网络课程主体设计的基本原则网络课程的使用主要是利用院校的校园网和多媒体教室，以因特网为载体，通过教学网站、BBS讨论板、留言板、Email等网络信息传播手段，形成一个具有丰富教学资源与完善网络教学支持服务的体系。不同的学者对网络课程的设计原
35、则有不同的认识。一般来讲，其设计原则有以下基本部分组成。1科学性原则由于学生学习网络课程是以自主探究性学习为主，因此就要求网络课程所表达的知识要具有科学性，措辞要准确，行文要流畅，符合知识的内在逻辑体系和学生的认知结构。注意分析教学目标和教学内容的结构，设计符合学生认知心理的知识表现形式和能够促进知识建构的策略，教学设计要体现网上学习的特点。不能将网络课程设计成“电子翻书器”。2协作性原协作学习有利于高级认知能力以及合作精神的培养，而网络课程为网络教学的协作学习提供了理想的环境。为了发挥网络课程的优势，既要提供协作学习的工具还要将课程与它搭载的教学平台实现最佳的链接，实现与在线教师、学习伙伴进
36、行通讯交流和共享学习空间。3交互性原则教学过程中的双向或多向交流与现代学习规律相吻合，能有效地发挥学生学习的主动性和创造性。网络课程要有良好的交互性，能及时对学生的学习活动做出相应的反馈。用户界面要美观，符合学生的视觉心理；要对教案的文字、图表、视频和音频作合理的布局和设计；设置导航栏目，操作应简单，提示信息要详细、准确和恰当。4艺术性原则符合审美要求的网络课程能减轻学生的认知负担，促进学生以积极的态度投入到学习中。网络课程的艺术设计是技术与艺术的整合，内容与形式的统一。对于网络课程的多媒体元素和界面设计两个方面都应遵循艺术性原则。网络课程内容不再是以线性方式组织的教科书文本，而是以超文本方式
37、组织的多媒体教学内容，创设相关情景，为学生建构知识提供良好的学习环境。3.1.2 互动性设计的基本原则本网站的设计还以应该特别注意教学目标及教学内容分析、设计教学活动时注意情境创设，强调“情境”要学习中的重要作用、注意信息资源设计，强调利用各种信息资源来支持“学”(而非支持“教”)、强调以学生为中心、注重自主学习设计、强调“协作学习”，要注重协作学习环境设计、注重基于网络教学策略设计。为了确保环境设计能够达到发挥学生学习的主体性、促进学生自主学习能力的提高及为学生创建良好的自主学习空间的目的，尤其应该遵循以下几个重要原则。1.以学习者为中心的原则确立以学习者为中心的设计思想，面向广大的的学习者
38、，以给他们更多的选择和追求自己的兴趣为目的，给予更多地参与和学习机会，将这个网站真正建设成为学习者的家园。2.情境化原则网络环境设计的基本目的就是为学习者创建一个情境化的学习环境，让学习者身处一个真实的情境中，通过构造出真实行为赖以发生的社会网络和活动系统，促进学习者的知识、思维和行为间的互动。3.互动的充分性原则自主学习过程中，互动活动主要包括师生互动、生生互动及学生与教学内容的互动。把握好每方面的互动，在以学习为本的基础上尊重他人的言论和成果，切实做好学习工作。4.准确性和实时性原则教学资料以及通告信息等要保证其准确性和实时性，要认真地检查避免无必要的错误。认真对待学习者提出的问题和建议，
39、在出现错误时要及时修正和提示，并对错误进行纪录。3.2 网络课程主体设计思路和设计的基本内容3.2.1 主体设计思路在具体的开发过程中，要注意描述性文字要精炼、准确。中文字体尽量用宋体和黑体，字号不宜太小和变化太多，背景颜色应与字体前景颜色协调，以便减少在屏幕上阅读的疲劳。在画质上，应要求构图合理、美观，画面清晰、稳定，色彩分明、色调悦目，动画、影像播放流畅、具有真实感。图形图象应有足够的清晰度。 色彩的选择应清晰、明快、简洁，颜色搭配合理，主题与背景在色彩上要有鲜明的对比。网页色彩要与内容相适应，背景颜色应与前景颜色协调，各页间也不宜变化太大。清晰度反映了显示系统呈现画面细节的能力。构图是指
40、画面的结构布局。构图的基本要求是设计好屏幕的空间关系，使画面新颖简洁、主体突出，具有艺术感染力，是教学内容形象地展示在学习者面前。 动画是课件的主要表现形式。flash的造型要合乎教学内容的要求，比喻和夸张要合理，动作应尽量准确，flash要尽可能接近事实。 在声音质量上，应要求解说准确无误，通俗生动，流畅清晰；音响时机恰当，效果逼真，配乐紧扣主题，朴素流畅，有利于激发感情，增强记忆。在声音的处理上要慎重考虑，应与影像结合起来综合平衡，如果是在WWW上使用的课件应尽量少使用声音，在局域网上使用的课件也不可滥用，能用文字表达的尽量用文字表达。 课程的网页应保持统一的风格和操作界面。背景音乐应选用
41、恰当。控制功能、操作方法符合常规习惯。表现形式要生动活泼、色彩要和谐、页面布局美观，重点内容要有多媒体表现。3.2.2 设计的基本内容网络课程设计功能设计和知识结构设计。功能设计的基本原则是满足使用者的需求，使用方便。知识结构设计应以有利于体现教学内容的层次体系并有利于实现个别化学习，有利于培养学生的发散思维。此外，还应考虑学习者的认知特点，对学习环境进行认真的设计，为学生学习提供及时的帮助。网络课程设计的方式是主要目的是自主学习板块的设计，教师处于辅导和服务的地位,所以,给学生提供一个自主化、个性化和能方便获取信息资源的网络环境是一个较关键的要素。本学习平台将依据现代的教学设计理论和建构主义
42、学习理论,对系统设计包括如下子系统:系统管理和维护支持模块；学习引导模块；学习工具模块；网上答疑模块；评价模块；资源库等。环境是一个较关键的要素。本学习平台将依据现代的教学设计理论和建构主义学习理论,对系统设计包括如下子系统:系统管理和维护支持模块；学习引导模块；学习工具模块；网上答疑模块；评价模块；资源库等。根据软件技术基础课程的特点和自主学习特征，网络课程的主要内容包括教学资料、重点难点、图片资料、公告中心等栏目，重点对支持自主学习活动的环境进行了设计，由学习资源、调查表、下载系统、在线测试、在线留言、答疑系统、常见问题(FAQ)搜索引擎构成，如图1所示。图1网络课程结构框架图第3章 网络
43、课程详细设计3.1 主页设计与制作网络课程的界面设计要本着友好性、灵活性、明确性和可靠性的原则，使人机交互简单快捷，形成较好的教学反馈。画面结构布局要合理，教学内容应能突出而形象地展示在学习者的面前。结合设计的内容、方式等，设计的教育信息处理的网络课程的首页界面如图2所示。图2教育信息处理网络课程的首页界面设计3.1.1 导航栏设计由于网络课程信息量巨大,内部信息之间的关系可能异常复杂。个别化学习中，学习者是主动的探索者，而且网络课程信息量大、开放性强，内部信息之间的关系可能异常复杂。学习内容、学习进度、学习过程由学习者自己掌握，如果学习者在学习过程中缺乏教师的指导，易发生迷航。因此，设计导航
44、尤其重要，要综合考虑用户对象、学科特点及软件类型等多方面问题。因此在设计网络课程时,要求在信息结构上要进行合理设计；要求有清晰、明确、简单的导航设计,以符合学生认知心理, 要综合考虑用户对象、学科特点及软件类型等多方面问题。导航设计的优劣,直接决定了网络课程的使用效率。 如果没有好的导航,学习者就可能陷入盲目的查找和探索中,大大加重认知的负担 。 为实现网络课件的系统性和交互性, 网页采用导航方式, 课程内容的组织以有导航结构的WEB 页面为主, 使学习者易于定位学习内容；课程内容采用模块化组织方法, 以模块为具体划分依据。在设计中结合教育信息处理的网络课程内容，设计导航条如图3所示。图3 导
45、航栏设计3.1.2 网站基本色彩设计网页色彩的运用要达到独特的效果,必须对色彩进行合理的配置, 注意对学习者心理的作用, 把握住色调的比重。色彩的选择要符合视觉规律，主体与背景的色彩要对比明显并且和谐，既吸引学生的注意力又不至于使学生感到视觉疲劳。页面以浅色调为主, 使页面氛围显得柔和、轻松，从心理学角度考虑, 这有利于学习者学习。3.1.3 日期和气预报设计日期和天气预报的设计既丰富了网站的内容，也更加体现出网站的人性化目的，方便了学习者的学习生活。在设计中结合网络课程的主页搭配，设计日期和天气预报如图4和图5所示。图4 日期设计图5 天气预报设计3.2 数据库设计设计中采用Access数据
46、库管理系统，MicrosoftAccess2003作为关系数据库开发具备了许多优点，可以在一个数据包中同时拥有桌面数据库的便利和关系数据库的强大功能，足以满足网络的数据管理及处理需要。数据库的设计动态网站设计的重要环节，Access数据库可以快速创建具有专业特色的数据库，而不需要高深的理论知识和编程技巧。教育信息处理网络课程的设计处理和存储的信息量较少，Access数据库便是最佳选择。其他的数据库设计，公告中心和教学资料栏目表结构一致；下载系统和图片资料栏目表结构一致；搜索引擎和常见问题栏目表结构设计一致。下面介绍对几个重要表的设计。教学资料的表结构设计如表1所示。表1教学资料的表结构表述的内
47、容字段名称数据类型编号id自动编号主题title文本主题内容content备注发表时间time日期/时间点击次数hits数字调查表的表结构设计如表2所示。表2 调查表的表结构表述的内容字段名称数据类型主题title文本点击次数hit数字编号id自动编号图片资料的表结构设计如表3所示。表3 图片资料的表结构表述的内容字段名称数据类型编号num自动编号主题name文本主题内容i文本图片imagedataOLE 对象发布时间time日期/时间是否公开argee是/否常见问题的表结构设计如表4所示表4常见问题的表结构表述的内容字段名称数据类型类别cataid数字标题title文本内容content备注数量imagenum数字名称firstimagename文本加入时间addtime日期/时间点击次数hits数字在线留言
