《醛》网页设计.docVIP

《醛》网页设计 〔总体实验目标〕 依照网页设计模式，遵循网页设计原则设计出符合有机化学知识体系特点的网页，以期验证上述设计模式的可行性。 〔实验细化目标〕 网页设计模式是否科学。 网页的艺术性如何。 3、网页交互性如何。 4、增补内容的科学性及可行性。 〔此节网页设计要突破的难点〕 1、有机物的结构对它的化学性质起决定作用，学生对有机物结构的理解在本节学习中起重要作用。同时有机反应机理也是学生应重点掌握的知识点之一。在本节中有乙醛、甲醛、丙酮的结构，乙醛与氢气反应、乙醛与氧气反应、酚醛树脂的制取等重要的反应机理，如何使这些微观现象直观化、形象化是本网页设计要突破的难点之一。 2、在本节中有两个化学实验，一是银镜反应，一是乙醛与新制的氢氧化铜反应，如何在计算机上进行化学实验模拟以使其效果最优是本节要突破的难点之二。 3、 学生是第一次上网学习，如何体现艺术性并使学生产生学习兴趣是难点之三 4、如何增强人机交互使网上教学达到预期效果是难点之四。 〔网页设计语言的选择〕 化学研究的对象有宏观可见物质，还有分子、原子等微观肉眼不可见的粒子，同时化学又是一门实验学科，故它对微观物质结构模拟、化学反应机理动画的模拟、化学实验的模拟要求较高，对交互性要求较强。而网页编辑语言Flash4.0有如下优点： 1、Flash是矢量文件，生成的文件小，占用的存储空间只是位图文件的几千分之一，便于化学网上教材的存储及在互联网上的传送和播放。 2、Flash矢量图象可真正做到无级放大，放大后不会降低画面质量，且显示速度快，使化学图象可以快速、真实的展现在学生面前，学生还可根据自己需要进行放大或缩小。 3、具有增强的多媒体支持功能。支持位图输入、色调渐变、形状渐变、移动渐变、Alpha透明、声音压缩，使学生多角度、多感官对化学知识进行感受。 4、极强交互性。Flash动画生成是由计算机算出来的，动画流动性强。并可随意创建按钮、多级菜单、复选框、文字嵌入框。 由以上可以看出，Flash4.0恰好能满足化学学科对网页编程语言的要求，故主要使用Flash4.0进行网页的设计。但是Flash的文字编辑功能不是很强大，过多的文字设计可利用与Flash4.0兼容的dreamweaver3.0进行文字编辑。 〔具体设计过程〕 〔网页的框架结构〕见《醛》网页 〔各网页内容简单描述〕 目的、重点、难点：略 本节内容：纲要式的呈现醛这一节主要内容。 它包含下列子网页： 　　乙醛的比例模型：具有立体感的比例模型，同时它能垂　　　　　　直旋转。 　　乙醛与氢气反应机理模拟：乙醛、氢气都是以球棍模型表示，在反应中键的断裂和重新形成的过程中的每一步都由学生手动控制。 　　乙醛与氧气反应机理模拟：同乙醛与氢气反应模拟设计理念相同。 　　银镜反应：学生在电脑上模拟银镜反应实验操作。对学生的操作步骤用箭头导引进行显性提示，当学生操作错误时会导致实验不能进行下去的隐性提示。 　　乙醛与氢氧化铜反应：同银镜反应设计理念相同。 　　甲醛与苯酚反应机理模拟：以一个链节的形成表示反应的过程，其余与乙醛和氢气反应设计理念相同。 　　丙酮：知识内容与高中教材中丙酮相同。 练习提高：它包含四个子网页。它们分别是： 　　形成性练习一：五道小题。能力要求达到毕业能力层次。 　　形成性练习二：五道小题。知识点、能力层次与形成性练习一相同。 学生如果对形成性练习一做到较好（以做对题数多少来衡量，通常要求全部做对），就可以直接做发展性练习。如果学生做得不好，则学生可继续对知识内容进行进一步的学习之后再做形成性练习二。 　　发展性练习：高考能力层次。 　　挑战性练习：竞赛能力层次。少数能力较强的学生可以做。 参考文献及网站：本节学习的参考文献及网站。 做科学：它包括四个网页： 　　课文知识拓展：乙醛与银氨溶液及与氢氧化铜反应的几个注意事项。 　　科学史话：制镜及革新的历史。 　　文献资料检索：要求学生查出工业制镜需要检索的文献。 　　工业技术设计：冷镀制镜的设计原理并要求学生回家做这个实验。 〔每一网页内部结构〕 分成三部分：标题、内容和导航按钮，如右图示。 标题：该网页的标题。 内容：是该网页应包含的内容，如标题为学 习目的和重难点的网页，就把该节的学习目的 和重点陈列在此。 导航按钮：能链接到指定网页的按钮。 〔在具体设计中如何突破网页设计的难点〕 1、如何使微观现象直观化、形象化。在本节中有如下微观现象：乙醛、甲醛、丙酮的比例模型；乙醛与氢气反应、乙醛与氧气反应、甲醛与苯酚反应的反应机理。乙醛、甲醛、丙酮的比例模型都是以具立体感的圆球表示，同时为了增强其立体感和真实性，它还可以在平面上垂直旋转。（下图为乙醛的比例模型） 在反应机理的模拟中，各物质的结构都是以具立体感的球棍模型表示。键的断裂和重新生成以球