高中化学“物质结构”教学网站的设计与制作
- 格式:doc
- 大小:26.50 KB
- 文档页数:3
高中化学“物质结构”教学网站的设计与制作
本文介绍了高中化学“物质结构” 教学网站的设计方案与设计过程。
设计方案分成课程概况、教学文件、教学科研等八部分,设计过程重点讲述了网站的设计技术,以Java Script Language、Active Server Pages动态语言为脚本,以在线测试、信息反馈等为设计内容,从而实现教学网站的教学交互功能。
改变了过去仅仅依靠课堂教学的学习模式,最终实现教学模式的多样化。
1前言
21世纪将是人类全面进入信息化社会的世纪,多媒体教学网站[1]的建设成了当务之急。
教学网站融多媒体技术和超文本技术于一体,集图形、图像、图表、声音、文字于一身,传递信息,有利于学生多种感官参与认知,促进学生对知识的建构,同时,也有利于激发学生学习兴趣,培养学生情感,有利于素质教育的实施。
高中化学“物质结构”选修课程主要是反映20世纪以来人们在研究物质微观体系的许多重要的化学知识和规律。
课程的核心内容就是从微观的角度探讨物质的结构与性能间的关系,知识点包括微观粒子所遵循的运动规律,原子、分子中电子的分布情况和能量状态,以及原子、分子的空间构型和排布等。
因此,在教学中需要学生既要有严密的逻辑思维能力,还要有较好的空间想象能力。
不仅要有一定的数学、物理的基础,更要有相应的化学专业的知识,才能从化学的角度认识物质结构与性能的本质问题。
由此可见,该课程从教与学双方面都存在着较大的难度。
我们认为除了课堂教学、阅读好的教材外,采用多媒体教学网络[2]来辅助教学,也是提高教学效果的好途径之一。
2高中化学“物质结构”教学网站的设计方案
2.1设计思路:在连入教育网的校园网服务器上组建一个“虚拟社区”模式的高中化学“物质结构”教学网站[3],不论是校内还是校外的同学和老师都可以通过校园网(或教育、邮电网)连入该教学站点。
然后就可以在该站点提供的各种教育资源中自主地学习和交流了,从而达到我们预期的目的。
2.2设计结构:高中化学“物质结构”教学网站由课程概况、教学文件、教学科研等部分组成。
具体效果见图1。
本文限于篇幅,我们仅仅以教学资料、学习指导两部分来做重点说明。
教学资料:具体分为教学讲稿和教学教案两大类,依照物质结构理论课的自然章节顺序来具体的实现将理论教学内容成功的借助多媒体教学网站来达到网上教学的目的。
按照教学要求,教学内容等资源,编制成图、文、声、像并茂的网页。
在把教学内容制作成网页的同时,加入任课老师的对教学内容的讲解,同时将教学内容中出现的诸如核外电子排布、杂化轨道原理、原子在空间的排布、物质构形构像等,用三维图像制作软件,将其制作成三维的演示动画,以帮助同学们加深
对原子、分子空间和构型和排布等知识点的理解。
学习指导:对在学习过程中可能出现的重点和难点进行精辟的讲解与分析,完全实现了书本内容的网络化教学效果,改变了以往传统教学中难以逾越的障碍,为切实推进教学改革做了最好的范例。
这部分同样在整个高中化学“物质结构”网上教学系统[4]只占据着极其重要的地位。
它是在教学资料的基础上对理论课教学内容进行浓缩和升华,从而理所当然的成为我们建设过程中的重头戏,也是学习者在进行网络学习过程最为亲睐的部分。
3高中化学教学网站的设计过程
3.1设计工具:本站在设计过程中主要运用Frongpage 、Dreamweaver、Photoshop、Flash等网页、图象、动画设计工具。
3.2设计技术
3.2.1授权密码登陆:作为一个合格的教学网站,授权密码登陆环节(图2、图3)是十分重要的,一方面是出于维护我们教学网站的版权,防止我们在网站上提供的教学资源被其他人恶意拷贝乃至破坏我们的教学网站;另一方面也是为规范化管理我们的教学网站,对我们网站的浏览者的相关资料建立数据库,这样我们的教学网站才能稳定的运转,进而我们可以为广大师生提供更优质的服务。
3.2.2动态菜单设计:动态菜单设计:动态菜单(图4)是本网站的一个特色,很大程度上方便了浏览,一个好的教学网站离不开动态技术的支持,在高中化学“物质结构”教学网站设计过程中我们使用了Java script language和Active Server Pages动态脚本,为丰富教学网页的整体布局起到了很好的效果。
3.2.3字体控制设计:字体控制设计:字体控制技术也是网站的重点环节,本站采用样式表对字体进行定义,从而避免了因为浏览者的显示器不同而引起的网页显示效果的差别,最终保证我们教学网站的整体风格一致。
具体实现的源文件为:
TD {
FONT-SIZE: 12px; COLOR: #cccccc; FONT-FAMILY: 宋体
}
P {
FONT-SIZE: 12px; COLOR: #cccccc; FONT-FAMILY: 宋体
}
.arial {
FONT-SIZE: 14px; COLOR: #cccccc; FONT-FAMILY: arial }。