基于Dreamweaver的原子物理学课程网站建设

籍远明 青岛科技大学数理学院，山东青岛266042

基于Dreamweaver的原子物理学课程网站建设

籍远明 青岛科技大学数理学院，山东青岛266042

本文以原子物理课程为对象，研究Dreamweav软er件在专业课程网络教学中的应用，分析网站设计思想，探讨教学网站的设计技术，完成该网站的设计开发，为专业课程网站的网络教学提供实例。

原子物理；Dreamwea；ver课程网站；网络教学

atomic phy；sicsDreamwea；vcerourse web；siotenline teaching

原子物理学是应用物理专业的一门重要必修基础课，主要研究物质在原子、原子核以及基本粒子等结构层次的性质、特点和运动规律，是物理学领域中最具活力的学科之一。在传统的课堂教学中，一般采用的是“教师-黑板-学生”的教学模式，由于原子物理的内容属于微观领域，许多知识点和内容与宏观不同，非常抽象，多数学生难以对教学内容进行及时有效地吸收消化，使所学知识显得晦涩难懂且枯燥乏味，从而影响教学效果。随着多媒体技术的迅猛发展和计算机网络的普及，多媒体计算机辅助教学技术被广泛应用于各类教学中，在深化教学改革和提高教学质量方面显现出重要作用。基于Web的交互式多媒体课件可以在校园网和互联网上运行，学生进行自主学习，研究性学习更为方便，将课堂教学延伸到课外，将传统教学与网络化学习有机结合，获得最佳教学效果。我们针对原子物理学课程特点，融合Dreamweaver、Photoshop、Flash等不同多媒体技术，制作了一套原子物理学网络多媒体教学软件，实践表明，使用该软件，教学效果好，教学质量高，并获得学校优秀课程。

1 课程网站设计

1.1 网站开发工具

基于TCP/IP协议的网络环境下，使用Windows XP为系统平台，开发工具分别为Macromedia Dreamweaver8.0、Adobe PhotoshopCS、Macromedia Flsah8.0制作完成。Dreamweaver是Macromedia公司开发的一款专业网页制作软件，它具有很强的可视化特性，用户无须编写任何一句代码，就可以创建出所需要的网页，制作效果可以方便地通过IE浏览器浏览；其次，Dreamweaver还提供纯粹的代码编辑环境，包括html、CCS、JavaScript、Asp等语言代码编辑工具和参考资源；它允许用户个性化的工作环境，用户可以自己创建完全属于自己的对象和命令，可以编写代码扩充软件功能等。

Photoshop是Adobe公司开发的图形图像处理软件，广泛应用于设计平面图像的各个领域，如平面广告设计、照片处理，Photoshop具有功能强大的选择工具、多种文字效果和各种滤镜；

Flash是Macromedia公司出品的平面动画制作软件，使用该软件制作平面动画十分方便，矢量图形不失真，只要有两个关键帧，就可以产生多幅连续运动、变形等动画，非常适合演示一些原理性的教学内容，用Flash制作的动画体积小，在网络上可以边下载边播放，非常适合网络教学，可以加入声音，增强表现力，能够被多种浏览器所接受，非常适合制作演示各种平面动画。

1.2 网站整体结构

基于我校原子物理教学实际和课程素材准备情况，设计出网站主页结构如下：①教学大纲：把理论课和实验课的教学大纲放在网上，给学生看，使学生对原子物理课程的教学目的、课程要求、课程内容以及学时分配做到清清楚楚；②教师简介：由于实行选课制，学生可以通过该页面了解各位任课教师的基本情况，自由选择适合自己的任课教师；③教学课件：任课教师把自己编写的电子课件放在网上，供学生事先预习和课后研读，指导学生掌握和理解各章节重要知识点和难点内容；④教学录像：本部分为视频教学录像，主要展示各位任课教师课堂教学特色和风采；⑤综合材料：主要包括参考文献、教学情况、课程特色、教学方法与手段、实验指导、教学研究与改革、实践性教学环境等内容，其中参考文献部分向学生推荐学习原子物理课程时，需要阅读的中英文书籍和相关的科技论文；课程特色中介绍本课程的特色和优势；实验指导部分主要有实验大纲和实验指导书等；教学研究与改革中主要是包括本课程教师承担的国家、省市、学校教学和科研项目、科研成果以及在国内刊物发表过的学术论文，取得的成就；实践性教学环境栏目包括开设三个层次的验证性实验、综合性实验和设计性实验，实验室软硬件条件等；⑥参考练习：提供与教材配套的练习题和答案，供学生在完成作业、自学和复习时参考；⑦教学论坛：为学习原子物理课程的学生，提供知识探究、辅导答疑、师生相互交流的平台。

2 课程网站的实现

根据教学网站的整体设计和具体内容，首先收集、制作网站所需要的多媒体素材，主要包括文本、图形图像、视频、音频等。文本和符号是网站最基本的素材，主要用于表现课件内容、标题、注释、菜单项目等；图形图像包括背景图、资料图片、示意图等，一方面可以利用扫描仪将一些教学插图转换成数字图像，另一方面可以充分利用网络资源和Photoshop的超强图像处理功能，制作一些与课程内容相关的图像内容；为了形象生动地表现一些微观、抽象问题和动态过程，加深对所学知识的理解，采用Flash软件制成平面动画，占用空间小，网络传播速度较快；音频和视频部分，音频主要用于解说、语音提示，视频则形成连续变化的影像，由于声音和画面同步，表现力强大，大大地提高了课堂教学的直观性和形象性效果。

各个模块文件建立之后，下一步的工作就是将先前收集整理好的资料整合成网页。教学网站的各版块之间采用平行结构，部分版块下面又设有子版块，结构清晰，组织严密。在这一步骤中，Dreamweaver主要通过对文本、图形图像、视频的处理，多方面、立体化地展现各版块的内容和特色。例如，在“教学课件”中提供了教师制作的PPT文件，学生可以在线阅读和下载，“教学录像”模块中制作出主讲教师高清晰的视频文件，结合学校网站的流媒体服务器技术，通过Dreamweaver加载到网页上，便于学生课后学习。

一个成功的网站往往不是一次性完成的，需要在使用的过程中不断调试和修改，要及时收集反馈信息，发现其中的不足之处，逐步充实、完善和更新。

3 结论

本文以原子物理课程内容为基础，采用Dreamweaver并融合各种多媒体技术，建立教学网站，开展网络教学，有助于原子物理课程的内涵深化和外延扩展。Dreamweaver作为当今网页制作中的主流软件，在很多方面具有得天独厚的优势。开展网络教学，改变了传统的教学模式，符合科学技术进步的时代要求，可以使学生在有限的时间掌握相关的理论、方法和技术，便于课后师生教学的互动性和积极性，取得了良好的教学效果。

[1]高京熙.Dreamweav8er 从入门到精通[M].北京：中国青年出版社.2006

[2]郑世旺,李彦敏,王建波.多媒体技术在光学教学课件制作中的融合应用[J].商丘师范学院学报.2008,24(3):123-124

[3]王唯一,张腾，等.基于Dreamweav网er页编程技术的教学网站设计[J].计算机工程与技术.2008,29(16):4305-4307

[4]王默晗,程中军,贺吉昌.工程热力学课程网络教学开发[J].中国电力教育.2010,185(34): 129-134

Design of Atomic Physics Course Website Based on Dreamweaver

JI Yuan-ming School of Mathematics and Physics, Qingdao University of Science & Technology, Qingdao 266042

In this paper, atomic physics course is taken as example.Application of dreamweaver in Online teaching of specialty course is mainly studied.Design idea of teaching website is analyzed,how to design technology of teaching website is discussed, the design and development of course website is implemented.The teaching website provides an example for online teaching of specialty course.

10.3969/j.issn.1001-8972.2011.12.112

籍远明（1964-），博士，副教授，主要从事原子物理教学和科研工作。