结构化学教学网页的设计与制作.pptVIP

当今的社会是一个信息社会，随着我校校园网的进一步普及，不仅各个院系有提供给学生上机的公共机房，就连学生宿舍也建立了局域网，这些局域网和校园网一起连入了教育网。在这样的形式下，仅仅依靠传统课堂教学的教学模式面临着严峻的挑战，多媒体教学网站的建设成了当务之急，结构化学教学网页正是在这样的背景下应运而生。 本文介绍了结构化学教学网页设计与制作的全过程，重点是结构化学教学网页的设计方案与设计过程。设计方案环节由设计思路和设计结构两部分组成，在设计结构中将结构化学教学网页分成课程概况、教学文件、教学科研、教学资料、学习指导、考研指导、模拟试卷、在线测试、留言反馈九部分组成，设计过程环节中重点讲述了结构化学教学网页的设计技术，以Java Script Language、Asp等动态语言为设计脚本，以动态菜单的设计、在线测试设计、字体控制设计、信息反馈设计为主，从而实现教学网页的资料全面、教学交互等教学功能。改变了过去传统仅仅依靠课堂教学的学习模式，最终实现教学与学习模式的多样化。 观看网站整体效果图 在连入教育网的校园网服务器上组建一个“虚拟社区”模式的教学网站。那么不论是校内还是校外的同学和老师都可以通过校园网(或教育、邮电网)连入该教学站点。然后就可以在该站点提供的各种教育资源中自主地学习和交流了，从而达到我们预期的教学目的。 具体分为教学讲稿和教学教案两大类，依照结构化学理论课的自然章节顺序即绪论、第一章 量子力学基础知识、第二章 原子的结构和性质、第三章 双原子分子的结构和性质、第四章 分子的对称性、第五章 多原子分子的结构和性质、第六章 配位化合物的结构和性质、第七章 分子结构测定方法的原理及应用、第八章 晶体结构来具体的实现将理论教学内容成功的借助多媒体教学网站来达到网上教学[11]的目的。按照教学要求，教学内容等资源,编制成图、文、声、像并茂的网页。在把教学内容制作成网页的同时,加入任课老师的对教学内容的讲解，同时将教学内容中出现的诸如核外电子排布、杂化轨道原理、原子在空间的排布、物质构形构像等,用三维图像制作软件，将其制作成三维的演示动画，以帮助同学们加深对原子、分子空间和构型和排布等知识点的理解。 依照结构化学理论课自然章节的顺序，对在学习过程中可能出现的重点和难点进行精辟的讲解与分析，完全实现了书本内容的网络化教学效果，改变了以往传统教学中难以逾越的障碍，为切实推进教学改革做了最好的范例。这部分同样在整个结构化学网上教学系统只占据着极其重要的地位。它是在教学资料的基础上对理论课教学内容进行浓缩和升华，从而理所当然的成为我们建设过程中的重头戏，也是学习者在进行网络学习过程最为亲睐的部分。 动态菜单是本网站最大特色，很大程度上方便了浏览，一个好的教学网页离不开动态技术的支持，在结构化学教学网页设计过程中我们使用了Java script language和Vb script language动态脚本，为丰富教学网页的整体布局起到了很好的效果（原文件附后）。效果图如下 在线测试功能的实现是本网站的亮点之一，为全方位的实现教学网页的教学功能，我们在设计网站的过程中，始终坚持“以人为本”的设计思想，把浏览我们网页的同学的切身利益放在第一位，我们为此设计了互动环节，从而在最大程度上实现我们的教学效果，达到课堂教学所能够具有的效果。 为更好的服务学习者和网站浏览者而设计的环节，留言板的开辟是为我们结构化学网站的交互提供了技术平台，原来只能在课堂教学中才能实现的教学功能，现在在结构化学教学网站上变得更为简便与快捷，而且网站提供的方式与传统教学相比更为灵活，留言板的管理功能为完善网站的稳定的运转提供了根本的保证。留言板基于Asp动态语言进行脚本处理，（原文件附后）具体效果如下面： 字体控制技术也是结构化学网站的一大特色，避免了显示器不同而引起的 网页显示效果的差距。具体实现的原文件为： STYLETD { FONT-SIZE: 12px; COLOR: #cccccc; FONT-FAMILY: 宋体 } P { FONT-SIZE: 12px; COLOR: #cccccc; FONT-FAMILY: 宋体 } .arial { FONT-SIZE: 14px; COLOR: #cccccc; FONT-FAMILY: arial } .l17 { LINE-HEIGHT: 170% } /STYLE 本文介绍了结构化学教学网页设计与制作的全过程。将网页制作技术引入结构化学教学中去，在教学方法上改变了过去传统仅仅依靠课堂教学的学习模式：一方面可以避免传统教学的单调性不能激发学生