实验一基础网页制作

实验一基础网页制作（精选12篇）

实验一基础网页制作 篇1

上机实验2

上机练习

1按P21页1.3.4节内容制作一个简单的网页。

上机练习2

（1）在计算机上建立一个自己的文件夹，然后按照课本P30页的步骤使用高级

选项卡创建一个站点。（文件夹可按照P31页实例来创建）

（2）站点的编辑：对所创建的站点进行编辑，修改

（3）站点的复制及删除

（4）在站点中使用文件面板，新建及重命名文件

上机练习

31.练习目的：学习制作网页的基本技能。

2.练习步骤：

（1）在计算机上建立一个自己的文件夹，制作一个简单的网页，网页文件名为：index.htm，内容不限，网页中要包含文字和图像，文字的颜色、大小要有所变化。网页中的图片可以从网上下载。网页中的文字输入对该图片的介绍。不少于150字。

（2）选择自己喜爱的图片设置为背景图片。

（3）将制作的网页在浏览器中浏览。

（4）制作的网页有较好的视觉效果。

交上机练习1、3整个文件夹要交上，文件夹以班号的后3位命名。

如1班的1号为101.

实验一基础网页制作 篇2

一、关于基础物化实验教学的一些看法

“分组大循环”, 使得物化实验成为一门难学的课程。物化实验所需仪器种类多, 单体价格高, 占地较大, 因此普遍采用“分组大循环”的方式安排实验, 即每种实验仪器购置6～10套;全班学生分成若干个大组 (12～16人) , 每个大组使用的实验各不相同;同一大组再细分为6～8个实验小组。因为实验课与理论课安排在同一学期, 必然有大部分同学在没有学习相关理论课之前先做实验。在有关概念、公式尚未完全理解的情况下做实验, 其难度可想而知。

课时缩减加大了教学难度。在“厚基础宽口径”的本课教育新思维指导下, 专业基础必修课时大幅度减少。以我校生物工程本科生为例, 2008年以前物化理论课为72学时, 实验课为36学时, 现在理论课为36学时, 实验课为24学时。实验基础知识方面的内容, 以前还可以占用1学时理论课堂讲解, 现在也变成教师间的一道难题。

学生在基础物化实验上的投入今不如昔。自大学扩招, 学生总体水平大幅度下降, 加上目前国内大学实际上的“严进宽出”, 学生的学习能力和学习态度下降明显。加之对四六级等各种证书的渴望以及网络游戏的诱惑, 学生在基础物化实验上投入的精力明显减少。

中级物化实验和综合实验等课程的增设剥离了物化实验的部分功能。为了提高学生的专业素质, 在专业基础必修课减少的同时为大三以上学生开设了中级物化实验或者综合实验等课程。因此, 基础物化实验重点下移至打宽打厚基础, 学生创新或者综合能力的培养放手交给专业后须课程。

我们的想法是:不管是化学类学生还是非化学类的学生, 我们都应该让他们“快速而正确”做完计划内的几个实验, “快速而全面”的了解所有基础物化实验, 对于各种基础物理化学实验的仪器方法等有“直观而生动的印象”;对于化学类学生, 有助于他们参与设计/创新实验包括“综合实验”等;对于非化学类的学生, 头脑中的印象也许能让他们今后某一天将物化实验仪器方法作为“它山之石”解决遇到的实际问题。

为了达到这一教学目的, 我们专门制作了《基础物化实验速成》多媒体辅助教材, 以便学生“照葫芦画出瓢”。

课件内容分为三大部分:实验基础知识、 实验内容和仪器使用。实验基础知识指实验相关的一些基本的知识如误差分析、实验数据处理、实验报告格式等;实验内容分为实验原始讲义、实验预习报告样本、实验报告样本、数据处理、实验相关录像等5个部分, 不仅包括了书面教材的相关内容, 而且充分利用光盘大容量特点, 将实验录像等引入;仪器使用着重介绍实验仪器的原理、结构、使用维护、注意事项等方面的内容。

本课件意在: (1) 为初学者提供全面的指导; (2) 对因课时限制等原因没有安排的某些实验, 感兴趣的学生可借助本课件, 顺利完成该实验从预习到完成 (虚拟) 的全过程。

二、多媒体课件的制作

1.文本素材的准备

使用WORD 2003对已有的书面教材、仪器使用说明等进行录入、整理, 并定义合适的字体、大小、颜色等各种属性, 以取得较好的版面效果。需要说明的是, 在文本素材中, 有很多的公式, 这些公式可以使用WORD 2003的公式编辑器进行编辑录入。

2.图像素材的准备

作为一个多媒体教学课件, 特别是一个以实验为题材的多媒体教学课件, 各实验的仪器相关的色彩丰富、直观的图像是必不可少的。利用数码相机摄下所用仪器的影像, 直接输入到计算机中;另外, 我们也将传统书面教材中涉及到的图像扫描录入电脑备用。扫描要求一般为:灰阶或者彩色;200dpi;100%;JPG文件格式。实验预习报告样本和实验报告样本采用同样方法扫描录入。图像的后期处理, 使用PHOTOSHOP等图像处理软件。通过仔细调整图像的亮度, 对比度、色饱和度等重要参数, 可以大大改善由于摄影所造成的图像外形及色彩失真的现象。通过使用橡皮擦及橡皮图章工具可除去摄像及扫描过程中出现的小黑点及其它杂色或图像多余的部分;通过使用滤镜中的锐化工具, 可以改变图像的模糊不清的现象;通过使用文字工具在图像上加上工整清晰的文字说明。最后, 考虑到大多数使用者的电脑屏幕分辨率为1024×768象素, 为了使显示图像时能显示完整, 我们将图像的大小定在宽760像素以下, 高420像素以下 (扣除了网页浏览器的边框) 。

3.录像素材的准备

为了使学生能在做实验之前对于实验全过程有直观的了解, 我们在课件的实验内容部分为每个实验安排了一段录像。请操作熟练规范的学生演示实验过程, 使用家庭或专业的录像机将实验的全过程以及关键步骤录制下来, 然后使用“狸窝全能视频转换器”等软件将其转换成MPG的格式。在Windows Movie Maker中, 调用MPG文件, 进行剪接、配音, 转换并保存文件为*.WMV, 备用. *.WMV可以使用WINDOWS自带的媒体播放器的控件Windows Media Player播放。

4.使用FrontPage 2000 对各种素材进行融合

相对于Authorware等专业多媒体制作软件, FrontPage更易得易学。整个课件容量1.28G, 内含320个文件夹, 文件个数高达4800个。课件部分界面见图1和图2。

三、多媒体课件的应用

为了检验本课件的实际教学效用, 自2008年以来, 特地选择生物技术、信息与安全工程等非化学专业的本科学生大规模试用, 学生普遍反映“很给力”。如今已是我院物化实验教学的必需品, 包括新近参与带实验的教师、研究生也常从中受益。

参考文献

[1]林少凡, 乔园园, 张涛.计算机辅助教学回顾与展望[J].计算机与应用化学, 1999, 16 (5) :331-333.

[2]黄明, 赵斌, 赵新刚.多媒体物理化学CAI软件的开发[J].计算机与应用化学, 1999, 16 (6) :473-474.

[3]刘志军.物理化学实验CAI课件的研究与实践[J].天津职业技术师范学院学报, 2003, 13 (1) :42-44.

[4]王利华, 覃然, 钟祯新.用Authorware制作物理化学多媒体教学软件[J].中南民族学院学报 (自科版) , 2000, 19 (2) :70-74.

[5]王利华, 梁盛风, 何晓方.用FrontPage2000制作物理化学多媒体课件[J].中南民族学院学报 (自科版) , 2004, 23 (1) :30-32.

[6]谢小红, 许胜先.物理化学实验课程内容多媒体课件的设计探讨[J].实验室科学, 2010, 13 (6) :123-127.

[7]刘弋潞, 胡晓洪, 梁舒萍.构建现代物理化学实验教学新体系[J].实验室研究与探索, 2009, 28 (4) :133-136.

实验一基础网页制作 篇3

一旦谈到各种特效，就必须使用关键帧技术，这在上节课已经讲解过，但是一旦视频的关键帧增多，寻找这些时间点将变得非常繁琐，这就需要引入“标记点”的概念了。有了标记点，不仅仅是音效，其他所有特效都更容易制作，更有甚者，他还能帮你更快的寻找和定位视频段落的精确位置。我们以这段战争的视频段落剪辑为例。

1.首先播放视频，找到战士在开枪的那帧画面，然后按M键来打上一个标记点。

2.打好标记点的视频，会在上方出现一个蓝色的小标签，表示已经打点成功。接着再按一次M键，就可以为这个“标记点”重新命名，以方便搜索。

3.另外在重命名标记点时，点击make to do item，这时标记点会变成红色。我们都知道在剪辑的过程中，标记点会被反复调整，红色按钮就表示这个标记点还未最终确定，未来还可以更改。

4.这时增加的标记点，就会在窗口最左边的标记栏中显示所有已经添加的标记点。单击标记点的名称，帧头就会自动跳到标记点位置。假设我们已经经过调整，最终确定了这个标记点所在的位置，只需要单击红色的方框，这个标记点就会从“未决定”标记点，改为“完成”的标记点，红色的标签也会变为绿色。

5.标记点同样可以剪切、复制、粘贴和删除。在标记点上单击右键，就会弹出快捷操作菜单，依次为“剪切”、“复制”、“修改”标签，以及“未完成”、“完成”、和删除标记点。

6.点击“复制”标记点，然后在视频右边选择另一个开枪的时间点，点击粘贴标记点，这时绿色的标记点就复制过来了。这样对于剪辑一段有许多类似镜头点的视频时，非常有用。在这个案例中，需要剪辑很多开枪的地方，标记下这些类似的标记点，就可以更快地找到这些视频点。

7.删除标记点也很容易，在左侧的标记栏中，选中标记点，按删除键就可以了。另外，如果双击标记点名称，就可以弹出标记点的属性菜单进行修改。

8.由于这次我们主要讲的是音效特效的剪辑，我们就来试着添加一下子弹飞过耳际的音效。选择好视频中几处开枪发射的点，打上标记点，再选择几处人们逃跑的镜头，同样打上标记点。

9.然后回到音效特效库，找到子弹飞射的音响特效素材。这些素材都可以在苹果的itunes store购买到。双击音效试听，找到合适的音效。

10.然后在左下角的窗口中点击标记点的名称，帧头就会自动跳到相应的标记点位置，这时再上边的窗口选择挑好的音效，点击Q，音效就会自动添加到相应的音效轨。

11.如果需要，你可以反复添加不同的子弹飞过的特效，让音效有一种层层叠叠、此起彼伏的感觉。你每添加一条音效，软件都会自动新增加一个音轨来专门放置这条音效，因此不必担心音轨间的声音会互相遮盖或产生混乱。最终添加好的特效就是这个样子。

实验一基础网页制作 篇4

白杨坝小学 刘虎清

2011年秋季，我校和本县其他10所小学一起，启动了“基础教育跨越式教学”试验工作。我成为一年级语文实验教师。由于没有参加宁夏实验工作体验式培训，在县城培训时如坠五里雾中。回来后查阅观看课题组提供的资料，就进入了工作状态。

工作中，由于充满了对这个新事物的好奇，积极性得到空前发挥。积极参加培训，积极进行新课程设计。艰难而又不倦的进行课件制作，经历了焦虑、紧张，困惑与稍有进步的喜悦。也在起步时得到县教研室老师们的赞许。

现在回顾这段经历，既有喜悦和不多的成就感，也有因徘徊和彷徨带来的遗憾。

尽管教研室的老师和课题组的专家在跟进反馈和指导，尽管在进行不停地培训，并为了资源共享，为了减轻教师负担，还实行了集体备课，但多年来积累下来的不足与观念上的落后，依然制约了个人发展与教学成果。

作为值得继承与发扬的心得有以下几点：

一、正确的人生观与积极的工作态度永远决定着个人工作质量与方向，也决定着你能在此路能走多远；

二、严谨求实的工作作风和坚忍不拔的意志是保证完成任务、提高工作质量的关键；

三、虚心求教和不满足于现状的热情是保证你继续前进的动力。

令人遗憾的还是形式与内容、创新与继承的把握：

一、注重了模式的把握，忽略了传统教学中行之有效的检测、复习、反馈和课外辅导等手段，导致了教师讲起来好像表达流畅，环节完整，而实际效益不高的情况；

二、个人疲沓和散漫的作风不仅影响了个人工作技能的提高，也影响了课堂管理质量的提高，松散的内核导致了整体效益的下滑；

三、原本就不扎实的基本功，显示出“先天性”不足，影响了工作技能和工作效益的双重提升。

学习的敌人是自己的满足。追求是永无止境的，在这个日新月异的 年代，谁吃老本谁 落伍，更何况我无老本可吃，除了不断学习，自我超越，除了精益求精，追求卓越，我别无去处。我相信，保持自己单纯的心理，怀着一颗求知若渴的心灵，一定会如鱼得水，不断进步！

实验一基础网页制作 篇5

PS按钮制作基础教程之制作黑色质感按钮

。效果图看上去非常简单，不过还是有很多细节需要用心去处理，如果按钮的高光及倒影部分。教程只是一个提示，学会了就可以作者其它类似的效果。

最终效果

1、新建一个120 * 50的文档，背景填充颜色：#838383，选择圆角矩形工具，半径设置为10像素。然后拖曳出一个大小适当的圆角矩形，位置偏上，因为最后将添加投影。圆角矩形的颜色为：#111111。

2、双击形状图层或者通过右键菜单进入图层样式选项，参数设置如下图。

大致效果图。

3、新建一个图层，选择铅笔工具，设置铅笔大小为2像素，前景颜色设置为：#eee1cd，如下图所示画一条高光线。

双击或右键此图层进入图层样式选项，参数及效果如下图。

4、依然选中铅笔图层，点击图层下面的蒙蔽按钮，添加图层蒙版，然后选择渐变工具，颜色设置及渐变方式如下图，由中间向左拉出透明渐变，效果如下图，

5、选择钢笔工具，绘制下图所示的梯形，执行：滤镜 >模糊 >高斯模糊，此时被询问“是否栅格化图层”。选择“是”，然后输入数值：0.6。

6、按住Ctrl 的同时单击形状1，此时出现形状1的选区，按Ctrl + Shift + I 反选选区，然后按Delete 删除形状2图层的多余部分，效果如下图。用复制 + 水平翻转得到另一半的圆形，效果如下图。

6、按住Ctrl 的同时单击形状1，此时出现形状1的选区，按Ctrl + Shift + I 反选选区，然后按Delete 删除形状2图层的多余部分，效果如下图。用复制 + 水平翻转得到另一半的圆形，效果如下图。

7、在最顶部新建一个图层，按Ctrl + 单击形状1得到选区，然后选择菜单：编辑 >描边，参数设置如下图。

实验一基础网页制作 篇6

先让我们看看第一个圆形的立体按键是怎么做出来的 。其实仔细的分析一下它仅仅是两个填充了渐变色的圆组成的。怎么样不像想象的这么复杂吧！现在让我们一步一步地学学怎么做的。首先先用圆形工具 画出一个圆。当我们画圆的时候是不是不是很容易画出一个正圆来，这里有个技巧，在画圆的时候按住Shift键就可以方便的画出一个标准的圆。然后在 Gradient浮动面板调一个中间白色（当然你也可以用其它颜色）边缘蓝色的放射状渐变，然后用渐变工具填充圆形。

然后把绘制好的圆复制一个。然后用变形工具将它缩小到适当的大小。然后旋转到一个恰当的角度（参考下图）

最后将小圆移动到大圆的中心（技巧：为了精确的移动可以使用键盘上的方向键），这个按键就大功告成了，

第二种按键实际上是第一种的灵活运用。把圆形换为圆角的矩形，同样用一个中间白色边缘蓝色的放射状渐变填充，（填充的时候一定要选择好适当的位置，填充的中点放在矩形的一个角上）

同样复制一个矩形，然后将它缩小，左右颠倒。最后将它放在大矩形的中心就完成了。

第三个按键同样是矩形按键，但制作方法与第二个矩形有很大的不同。它是利用图形和色彩渐变工具 制作的。首先画一个圆角矩形。然后画一个较小的圆角矩形并放在大矩形中心。较大的矩形填充较深的颜色，较小的矩形填充较浅的颜色。

用色彩渐变工具  或者object blends make就可以创造出一个漂亮的按键了。

上一讲：Illustrator 8.0基础入门教程之金属文字制作

专业基础课程课件的分析与制作 篇7

关键词：多媒体；专业基础课程；Flash；关键帧；课件

中图分类号：G712 文献标识码：B 文章编号：1002-7661（2014）01-025-03

一、分析：

专业基础课程课件设计主要需要完成的任务为：（1）教会学生相关的基础知识，让其清楚设计的过程和流程、掌握设计的关键所在。静态部分需要举例完成整个设计过程，各细节须详细的交代，无论是参数的选取，材料的选择，强度的校核以及轴的结构设计，都需要详细的论证，以使学生最大程度上熟悉整个过程；而动态设计部分，则需要步骤详细，能够清晰的告诉学生设计的思路，指导其参数的选择，提示其参数的输入。而且一般的设计都是需要反复的验算，反复的设计才能够成功，因此软件的设计中少不了要考虑验算的判断。但是考虑到这个软件是一个训练学生设计能力，而不是完成设计任务的教学软件，设计的过程中，没有必要非常智能的返回到应该返回的地方，这样不但难度大，而且也不利于学生思考。因此在判断的时候，只需要显示是否需要重新调整的提示，让学生自己思考应该从什么地方着手调整。

二、设计：

根据上面的分析，整个设计过程分为两个部分：

1、选定开发课题：分析原有课程的教学问题，根据教学单元的教学重点、难点，挑选最具代表性的内容单元，作为开发课题。

2、编写制作脚本：提出课程改革的目标和方向后，确定课件的框架结构，并用文字脚本的形式描述出来。第一部分是内容的整理，第二部分是实际的设计部分。第一部分的工作是为第二部分作准备，要考虑教师和学生两方面的使用需要。提炼一些重点，难点，才能真正做到课件既成为老师的教学助手，又成为学生学习的方便工具。虽然也经过了一定的融合，但是其过程依然是独立的两个部分；。

三、课件的制作：

第一部分是组织授课内容：数字集成电子技术基础在内容体系上，以小中规模数字集成数字电路为主，适当介绍大规模数字电子集成电路。

在内容安排上，从小规模数字集成电路入手，系统的介绍数字电子技术的基本原理，基本设计方法，并着重介绍中规模数字集成电路的功能和应用。第二部分是课程的制作规划（以该课程的二、四章为例）；第二章、逻辑代数基础：共四节。逻辑代数的基本概念 （重点）分两小节 逻辑与门，逻辑或门，逻辑与门作为学生们第一次接触的简单逻辑电路。联系真值表，和逻辑代号做成flash动画。逻辑代数的基本公式和规则共三节内容较简单 逻辑推导以图表为主。清楚明了即可。逻辑函数的公式化简法 同上。逻辑函数的卡诺图化简法（重点，难点）分三小节。一向是老师教授复杂，学生学习困难，又非常基础的知识点。生动形象的动画演示会事半功倍。每节至少做一个例子，方便理解。。在最小项，和卡诺图化简规则中也需要动画演示。并辅以图表，动静接合。总结页数四页。实例动画9个。第四章组合逻辑电路共四节 该章内容多，实例多。组合逻辑电路的分析 有很多有上下标的逻辑代数推导。复杂，一律在公式编辑器MATHTYPE中完成，在复制到flash场景中。需要画一些较简单的逻辑电路图，直接用FLASHMX完成；组合逻辑电路的设计 用卡诺图化简需要画圈合并，用FLASHMX制作动画，通过闪动，标识可以很方便的显现这一过程。本节实例也较多；常用集成组合逻辑电路及其应用 本节内容非常多，分七小节。每节都有两，三个常用集成电路。故考虑分页制作。每小节至少作一个动画演示量很大，要有充裕的时间；组合逻辑电路中的竞争冒险 重点是两个概念一是竞争冒险的原因，二是引入封锁脉冲和引入选通脉冲消除冒险。各作一个动画。第三部分是四级知识点框架；四级知识点框架，采用了网状结构：学习者可以自由航行，不受预定路径的约束；网状结构的优点是最能体现复杂事物之间的联系，缺点是学习者在节点间来回跳转时，很容易“迷航”，无法确定时目前所在的位置。但方便灵活的链接可以让学习者回到起点并再次找到想要的内容。本系统采用了模块化的设计方法。多媒体手段的引入使得教学内容的形式多元化了，在课件撰写中需要考虑文字、图形图片、声音、动画等素材的站协和设计，还要考虑这些不同素材之间的联接关系。四级知识点框架图（略）：一级：{第**章}；二级{第一节——第四节}；三级{单元一——单元三}；四级{知识点一——知识点三}

1、总体设计；一个课件需要有共同的界面，作为界面不但要有吸引访问者目光的友好界面、留住访问者心思的充实内容，还要清晰的设计思路和导航系统。设计的数字集成电子技术基础设计的主页就具有如上的一些特点，力求所有的使用者都可以轻松愉快的学习这门课程。用 Flash制作课件时，模板的作用是巨大的。课件作为一种特殊的动画作品，有它自身的特点。课件的结构比较有规律，很多课件具有相同的结构，制作方法大同小异，比如演示教学内容的课件，除了具体教学内容不一样外，课件的整体结构和制作方式是相同的。练习与测试类课件也具备这样的特征，不管是单选题课件、选择题课件还是拖曳题课件，它们的制作都具有一定的模式。因此，利用模板制作这类课件，可以大大提高工作效率。

Flash MX提供了一些系统模板，可以从这些系统模板开始，创建自己的影片文档。执行【文件】|【从模板新建】命令，弹出【新文档】对话框，其中有一些系统模板。演示课件是最常见的课件类型。以幻灯片的形式演示教学内容，是教师们经常采用的计算机辅助教学的方式。 Flash MX提供的系统模板中有一种演示文稿模板，利用这种模板可以制作出非常漂亮的演示文稿课件。

首先创建影片文档：执行【文件】 |【从模板新建】命令，弹出【新文档】对话框，在其中可以看到一些系统模板，选择【新类别】面板中的【演示文稿】类别后，在右边的【类别项目】中会显示出该类别中的4种样式

演示文稿模板 ：选择【类别项目】中的【演示文稿 _样式1】，单击【创建】按钮。这样，以模板为基础的新影片文档就创建好了，从中可以看出，从模板新建的影片文档和以前新建的普通影片文档不一样，舞台和时间轴不再是空的了，舞台上有许多预制的对象，时间轴也包含了若干图层。只需在这些预制的对象和图层的基础上，添加自己的图像和文本，就可以很轻松地完成演示课件的制作了。

2、课件制作， 在课件页面设计中，通过第一部分的准备工作，大概的布局已经成形，每一页面规定为一大节的内容，每一小节标题制作为蓝色字体按钮，在该按钮的active中添加命令行，是该按钮链接具有该标题下内容的那一祯。

对蓝色字体“采用与-或表达式？”的按钮动作命令行添加：on （release） {gotoAndPlay（78）；}，在点击该按钮后，转入第78祯。文字展开讲解知识点内容（黑色字体）：逻辑问题中与-或表达式比较常见；与-或表达式容易和其他形式的表达式相互转换；目前采用的可编程逻辑器件多使用与-或阵列。”本课程逻辑严谨，有很多例题和实用的组合逻辑电路。需要制作较复杂的动画，故使用了一个专用按钮[CAI 演示]。使用intel explore 程序调用swf文件打开演示即可。对该按钮添加active命令“on （release） {getURL（"li。swf"）；}”在点击后即打开IE窗口，播放动画。

3、页面的色彩设计，色彩的设计是一个成功网页关键部分致意。本网页的基调选择蓝色作为主色彩。由于蓝色沉稳的特性，具有理智，准确的意象，在商业设计中，强调科技，效率的商品或企业形象，大多选用蓝色当标准色，企业色，如电脑，汽车，影印机，摄影器材等等。作为一个教学网站，色彩应该吸引人，但不应该过于花哨，否则难以让学生集中精神。

以下以我们网页的具体实例来分析我们网站的配色。首页的创意来源于Aliatel公司的主页，通过不同色调相同色相的自然渐变效果，刻画了整个网站沉稳可靠的形象。在有限的色彩运用中，通过丰富的色调做到了在整洁中不失变化的特殊效果。主颜色深蓝（R26 G97 B136），辅助颜色蓝（R94 G144 B174）、白（R255 G255 B255）、浅蓝（R141 G176 B197），突出颜色橘红（R 248 G94 B12）。其他页面始终采用蓝色作为主颜色。用蓝色和灰色表现了一种人工进步的感觉。主颜色蓝（R99 G154 B206）、灰（R206 G207 B206），辅助颜色浅蓝（R156 G207 B255）、深灰（R141 G138 B139），突出颜色为深蓝（R6 G48 B99）。

4、动画实例的制作，制作的一个重点就是把复杂的逻辑电路尽量通俗易懂得描述出来。这里使用了一个简单的方法，用电路的闪动表示输入信号逻辑电平的走向，高电平即逻辑1用红色表示。低电平集逻辑0用绿色表示。通过逻辑门电平变化，其后的线路颜色也相应变化。每次流经逻辑门，都会闪动几下，提醒注意。在一次输入开始和输出结束时，真值表都会有结果显示。 在下方添加了四个按钮，可以播放，停止，返回上一输入，返回初始输入。方便教学演示时的讲解，可以对每一步都有清楚地认识。创建关键帧（Key Frame）；Flash的tweening动画制作关键就是创建关键帧。对于此例来说，由于其每一层的运动就是最简单的直线运动，那么关键帧就是每层上动画的首、尾帧，中间帧的运动状态由系统自动生成。首先，我们选定对应层的首帧，将组件插入到场景中去后，我们要将图形拖动到适当的位置，并缩放其大小到合适的程度，然后选择图形，单击鼠标右键，从弹出菜单里选择分离命令后就可以对组件的每一个元素进行编辑了。对图形的编辑完成之后，我们就可以设置结束关键帧了。只需用鼠标单击时间轴上对应层首帧右边的任一帧，按F6即可。在不改变关键帧的前后顺序的前提下，我们可以拖动其到时间轴上的任一位置。结束关键帧就这样完成了。运动的实现（制作过程）用Flash可以有很多中动作的表现手法。这就使Flash做起动画来得心应手，本例只用到了其中的一两种。现将动画的制作过程简述如下：

（a）打开Flash MX，在工作框中点击右键，选择“影片属性”，在面板中设置影片的播放速度为12帧每秒，高度400，宽度550，背景白色，按“确定”结束设置；

（b）创建动画。步骤为：模板里已有两个自带图层，我们在此基础上添加图层，在“场景”栏中按动白色的“+”按钮来添加图层，并命名为“标题” ，创建好物件以后，相应时间轴上的第一帧会出现一个黑点，表示这第一帧是关键帧。将此帧移到第九十五帧，表示此标题出现于动画的全过程；依次添加图层，并分别命名为“与门1”，“与非门”，“逻辑电路图”，“与门2”，“与或非门”； 锁定其他图层，编辑图层“与门”，在第五帧点击右键，选择“插入帧”，则可以看到在第八到第九十五帧之间的帧都变成了灰色，表示外环在这个时间范围内有动作。用同样的方法编辑图层“与非门”和“逻辑电路图”。只是其关键帧从第五帧开始。编辑图层“线路1。1”，在第五十帧添加关键帧，流过逻辑1时用一个红色线表示。然后，在第五十一、五十三、五十五帧点击右键，选择“转换为白色关键帧”，则第五十帧到第五十六帧之间交替出现关键帧和空白帧，这样运行的时候就可以表现出箭头闪动的效果来；同时编辑图层 “线路1。2”。因为变形过程没有一定的规则性，所以只有一帧一帧的来实现。左键点击图层“线路1。2”第五十六帧，在帧数面板中作如下设置：选择“动作”为变化过程，选择旋转为“无”，中间过程为，改变线条颜色为绿色。并在第七十帧插入空白关键帧，它表示在线在第五十六帧和第七十帧之间闪动；同时编辑图层”线条2。1”“线条2。2”，“线条2。3” 。按照电路流过的变化改变颜色，添加空白关键帧。以求出现闪动的效果。

（c）全部的时间帧设置完以后，时间轴的布局如下图所示。此时按下回车键可以预览动画效果；按下“Ctrl+Enter”可以生成。swf文件（影片文件），我们在网页中要插入的就是这种格式的文件；按下“Ctrl+S”可以将动画存为。fla文件，这是可编辑的原文件，当动画出现问题时可以再这里修改后重新生成影片文件。

通过该课件在教学中的使用，学生的主动性和创造性将得到培养和提高，从而在学习知识的同时进一步培养学生的科学探索精神，让学生轻松学习的同时不断提高教学质量。

参考文献：

[1] 吴汉森.华天京.多媒体技术与应用.西安：电子科技大学出版社，1999.

[2] 黄小姗.多媒体的制作与应用.广州：中山大学出版社，1996.

[3] 康华光【电子技术基础数字部分】 第四版 北京：高等教育出版社，2000.

[4] 张明敏.网络多媒体技术与应用.北京：清华大学出版社，1998.

[5] flash MX.动画制作.北京：人民邮电出版社，2000.

[6] 郭启全 李 燕.多媒体CAI的创作方法与实例.北京：电子工业出版社，1997.

[7] 赵志永.王 严.Flash课件制作精彩30例.北京：科学出版社，2002.

多媒体实验四多媒体网页制作 篇8

【目的与要求】

1．熟悉网页制作软件Dreamweaver功能和特点；

2．学习使用网页制作软件Dreamweaver制作网页的方法

【实验仪器与器件】

硬件：多媒体个人计算机 软件：Dreamweaver软件

【实验内容】

1.网站建立与网页发布流程

建立网站首先要在本地机上构建本地站点，创建合理的站点结构，编辑制作网页，用合理的组织形式来管理站点中的文档，并对站点进行必要的测试。一切就序后，再将站点上载到Internet服务器，供其他人浏览。

网站建立与网页发布基本流程是：站点规划与设计→素材准备→建立网站与网页制作→网站测试→网站发布→维护更新。

2.Dreamweaver 操作界面

Dreamweaver是美国MACROMEDIA公司开发的集网页制作和网站管理于一身的所见即所得的网页编辑器,Dreamweaver与flash、Fireworks三个软件被称之为网页制作三剑客。Dreamweaver具有两个主要功能： 网站建立与维护；网页制作。

Dreamweaver 集成布局操作界面按功能分为四大部分：即页面编辑器；面板组；属性面板；站点管理器。

3.创建网站

1）规划网站

在建立网站与制作网页之前首先要规划站点： ① 规划站点结构：合理的站点结构可以加快对站点的设计，提高工作效率。② 规划站点导航机制：提供清晰易懂的浏览方法，采用统一的网页组织形式，引导用户轻松访问网站。

③ 构建整体的站点风格：网站中网页风格应该统一，使网站特点鲜明，突出主题。

2）创建本地站点 在制作网页之前，必须首先创建网站或打开网站，此后Dreamwear会自动将所有网站资源（HTML文档、图片、动画、声音、程序等）都保存到网站文件夹中，从而保证网站发布后网页上的所有元素可以正常浏览。网站分为本地站点（网站存放在本机硬盘上）与远程站点（网站存放在用于发布网站的服务器端）。

4.页面布局

页面布局是进行网页设计最基本、最重要的工作之一。常用的布局方法有框架、表格和图层。

①框架

框架式常见的页面设计方式，使用框架可以讲一个网页分割成几个既有联系又各自独立的部分，从而实现在一个浏览器中显示多个网页文档的目的。一个包含有三个框架的网页实际上是由四个独立的 HTML 页面组成：框架集文件和三个包含在框架中显示的内容的文件。当使用框架集设计网页时，为了该网页能在浏览器中正常工作必须对这四个页面都进行保存。

要在框架内使用链接，必须为链接设置一个目标。这个目标是指在哪个框架内链接要打开的内容。

②表格

表格是进行网页布局时最常用的工具。表格为网页设计者提供了在页面中增加垂直和水平结构的简洁方法。使用表格可以在页面上排列数据与图像，在页面上设计栏目等。

③层

层是一种网页元素定位技术，使用层可以精确定位页面元素，层对于制作网页的部分重叠具有特殊作用。层可以放置在页面的任意位置，可以在层中防止文本、图像或其它层。

5.设置超链接

利用超级链接可以实现文档间或文档中的跳转，超级链接由两部分组成:链接的载体以及链接的目标地址。许多页面元素可以作为链接载体，如:文本、图像、图像热区、轮替图像、动画…。而链接目标可以是任意网络资源，如:页面、图像、声音、程序、其他网站、Email、锚点。

6.交互表单

表单是网页中提供交互操作的重要手段，它可以收集浏览者提供的信息，并对此作出反应，处理用户的要求。每个表单中都可以包含一系列的输入工具，如文本域、密码域、单选按钮、复选框、列表框、菜单、命令按纽、隐藏域等。在Dreamweaver中添加表单就像插入其它对象一样，只需将光标置于插入点处，点击表单工具栏中的表单图标或插入菜单中的表单命令，将在文挡窗口中出现红色虚线组成的空白表单体，在表单体中可以放置各种表单对象。

7.添加多媒体

Dreamweaver中可以添加多种格式的多媒体插入对象。8.系统的测试优化

网页制作完毕后，就可以将网站发布到Internet上，在发布网站之前应首先对网站进行测试与整理。

Dreamweaver为整理站点，提供了多种方法。使用“检查超链接”的方法，可以迅速地找出网站中无效的链接。

【实验内容及步骤】

1、主页导航：

2、网页布局：

欢迎主页

Before风景发展

Now专业文化活动实习

Future工作展望

AboutMe3、链接结构：

4、制作截图：

属性设置

链接设置 【心得体会】

1、主题创意：

本网站主题围绕作者而建，包括三个部分，过去（Before）、现在（Now）和未来（Future）。充分利用图片、音频、视频等素材，体现出作者对当前生活的热爱，对美好未来的努力奋斗，表现一种宁静淡泊的情怀。

过去部分展现作者家乡的风景（scenery）和发展（develop），通过回忆，描绘对家乡的眷恋和期望。现在部分则是作者大学生活，分别是专业（special）、文化（culture）、活动（travel）和实习（practice）。从四个方面展示了母校的文化氛围、专业方向，和对即将到来的实习之期待。未来部分从工作（work）和展望（hope）两方面描绘出一个令人期待的美好生活，并为之努力的坚持。

关于我（About me）是一个小小的个人简历，恰逢导师布置的训练任务，借此制作网页机会，融入其中。算是在节约时间和创新层面，有自己的想法。

2、操作步骤：

第一步，确定主题；

首先规划出大致的网页设计，思考所必要的素材等项目。

第二步，素材整理；

按照第一步构想内容，在网上搜寻图片等素材，音频和视频文件则是很早之前就有收藏。之后又利用各种软件处理好，做成适合网页制作的大小和美感。

第三步，网页制作； 打开Dreamweaver CS4 开始一点点制作，不懂就问，不懂就查，不懂就搜。期间经历各种失误、错误，导致两次NG，不得不重新来过。最后，（此环节）耗时两天，共计36小时以上，终于完成。

3、实验心得

本次网站制作，感觉比上一实验视频制作还要辛苦。相对来说素材要求很多，网站的结构、布局、链接等环节比较麻烦。毕竟是一个人在完成，没有美工等的协助。图片自己处理，音频自己处理，视频自己处理。经过此役，完全是一个人在“战斗”。很辛苦，很累。不过，很值得！

所有的事情一个人完成，那么，所有的知识就是自己学到。经历过的“阻挠”、“挫折”，实则是宝贵的经验，现在发生以后就不会发生。

其实很多灵感都是在制作过程中产生的，“咦这个导航可以这么来着。”“噢图片也可以那样无限滚动展示，多炫！”“嗯，加个音乐效果应该很好。”不断冒出新的方式，新的灵感。这也算是工作的乐趣所在，沉浸于此，知足常乐。

较大的一次失误出现在链接设置，初步的结构做出来之后测试了一下可以通过。然后在查看链接时候，之前正确的链接在查了一遍之后全部错误。当时心死一般的冰凉啊，如果错误那就预示着又要全部重新来过，情形十分骇人。

不能大意，又检查了一遍还是错误。报错在百度搜索了一下，也没有解决之道。就在即将按下删除的确认时候，一下子惊醒过来。迅速在每个文件夹中建立链接的Button文件。再次测试终于成功，顿时“泪流满面”，欣喜若狂。

这事说明了，遇事千万不能慌乱，以免做出任何不智的举动，使得之后万分后悔为时已晚。心若冰清，天塌不惊！

【实验结果】

附件：

压缩文件：多媒体实验四.rar 附件下载：百度网盘

http://pan点baidu点com/share/link?shareid=455970&uk=4228522131

注意：该网站内所有链接是建立在作者主机之上，若是拷贝至其他电脑，烦请在D盘根目录之下建立My Documents文件夹，并将MySite文件夹解压至其中。

如图：

电子政务网页设计与制作实验教案 篇9

实验名称 IIS的安装与调试

实验类型：演示型√ 验证型□ 综合型□ 设计型□ 实验类别：基础√ 专业基础□ 专业□ 实验要求：必做√ 选做□ 实验学时：2 实验对象：本科生

一、实验目的

1．掌握检测不同版本Windows操作系统IIS的安装与否； 2.掌握在Windows操作系统中安装IIS的方法；

3．掌握利用IIS设置虚拟目录调试ASP程序的初步方法。

二、实验重点、难点

利用IIS设置虚拟目录调试ASP程序

三、实验原理

ASP模型的运行原理是：当浏览器向Web服务器请求.asp文件时，服务器端脚本开始运行，WEB服务器调用.asp文件，将运行结果发送到浏览器。

四、实验设备、实验教学软件介绍

个人PC，Windows 2000,IIS 5.0,记事本

五、实验分组及组织情况

无

六、实验的基本操作与实验重要步骤

1、实验前先观看指导老师的演示；

2、如果计算机未安装IIS，使用安装程序安装IIS；

3、利用记事本编写教材P13 1－1的ASP程序并存盘；

4、在IIS中建立虚拟目录，调试ASP程序，找出并解决问题，确保调试成功，并相互访问；

5、学生独立完成相应的实验报告。

七、实验教学，如实验教学内容设计、时间设计、实验教学手段设计、实验指导设计等；

参照上述实验内容，分模块讲解各业务流程的作用和操作方法

八、预期的实验效果

多数学生能独立完成实验，掌握基本原理和方法。

九、实验中应注意事项

对于因操作系统本身的原因，无法安装调试好IIS，需重新安装系统。

十、课外实验或思考题

教材P13 练习1-1

十一、实验教材及实验参考资料

《ASP网页数据库短训教程》、刘瑞新主编，机械工业出版社，2005年出版

十二、实验后记

学生独立完成实验报告

实验名称 HTML网页编辑

实验类型：演示型√ 验证型□ 综合型□ 设计型□ 实验类别：基础√ 专业基础□ 专业□ 实验要求：必做√ 选做□ 实验学时：2 实验对象：本科生

一、实验目的

1．掌握HTML基本标记的使用； 2.掌握HTML中超级链接的使用方法；

3．掌握HTML中特殊符号、图片链接的使用方法。

二、实验重点、难点

HTML中特殊符号、图片链接的使用方法

三、实验原理 HTML标记语言

四、实验设备、实验教学软件介绍

个人PC，Windows 2000,IIS 5.0,记事本

五、实验分组及组织情况 无

六、实验的基本操作与实验重要步骤

1.实验前先观看指导老师的演示；

2.利用记事本编写教材P34 2－1的HTML程序并存盘； 3.调试；

4.学生独立完成相应的实验报告。

七、实验教学，如实验教学内容设计、时间设计、实验教学手段设计、实验指导设计等；

参照上述实验内容，分模块讲解各业务流程的作用和操作方法

八、预期的实验效果

多数学生能独立完成实验，掌握基本原理和方法。

九、实验中应注意事项

注意热点链接的使用，调试出问题时，多从连接文件的上下级目录上找原因。

十、课外实验或思考题

教材P34 练习2-1

十一、实验教材及实验参考资料

《ASP网页数据库短训教程》、刘瑞新主编，机械工业出版社，2005年出版

十二、实验后记

学生独立完成实验报告

实验名称 Vbscript对象编程

实验类型：演示型√ 验证型□ 综合型□ 设计型□ 实验类别：基础√ 专业基础□ 专业□ 实验要求：必做√ 选做□ 实验学时：2 实验对象：本科生

一、实验目的

1．掌握Vbscript的基本数据类型、常量、变量、表达式和常用函数； 2.掌握在HTML中插入Vbscript编码的方法； 3．掌握事件驱动程序的编制。

二、实验重点、难点

事件驱动程序的编制，面向对象的程序设计思想的掌握。

三、实验原理

Vbscript事件驱动程序编制。

四、实验设备、实验教学软件介绍

个人PC，Windows 2000,IIS 5.0,记事本

五、实验分组及组织情况

无

六、实验的基本操作与实验重要步骤

1.实验前先观看指导老师的演示；

2.利用记事本编写教材P74练习4－1题的程序并存盘； 3.调试；

4.学生独立完成相应的实验报告。

七、实验教学，如实验教学内容设计、时间设计、实验教学手段设计、实验指导设计等；

参照上述实验内容，分模块讲解各业务流程的作用和操作方法

八、预期的实验效果

多数学生能独立完成实验，掌握基本原理和方法。

九、实验中应注意事项

对象编程的思想，对象事件的编程方法。

十、课外实验或思考题

教材P74 练习4-1

十一、实验教材及实验参考资料

《ASP网页数据库短训教程》、刘瑞新主编，机械工业出版社，2005年出版

十二、实验后记

学生独立完成实验报告

实验名称 表单设计

实验类型：演示型√ 验证型□ 综合型□ 设计型□ 实验类别：基础√ 专业基础□ 专业□ 实验要求：必做√ 选做□ 实验学时：2 实验对象：本科生

一、实验目的

1．掌握DHTML中INPUT控件的使用； 2.掌握DHTML中SELECT控件的使用； 3．掌握DHTML中TextArea控件的使用。

二、实验重点、难点

掌握DHTML中INPUT控件的使用

三、实验原理 DHTML语言

四、实验设备、实验教学软件介绍

个人PC，Windows 2000,IIS 5.0,记事本

五、实验分组及组织情况

无

六、实验的基本操作与实验重要步骤 1.实验前先观看指导老师的演示；

2.利用记事本或Dreamweaver等软件编写表单程序并存盘； 3.调试；

4.学生独立完成相应的实验报告。

七、实验教学，如实验教学内容设计、时间设计、实验教学手段设计、实验指导设计等；

参照上述实验内容，分模块讲解各业务流程的作用和操作方法

八、预期的实验效果

多数学生能独立完成实验，掌握基本原理和方法。

九、实验中应注意事项 Dreamweaver集成化工具的使用

十、课外实验或思考题

教材P121 练习6-1

十一、实验教材及实验参考资料

《ASP网页数据库短训教程》、刘瑞新主编，机械工业出版社，2005年出版

十二、实验后记

学生独立完成实验报告

实验名称 Response对象应用

实验类型：演示型√ 验证型□ 综合型□ 设计型□ 实验类别：基础√ 专业基础□ 专业□ 实验要求：必做√ 选做□ 实验学时：2 实验对象：本科生

一、实验目的

1．掌握Response对象中Write方法的使用； 2.掌握Response对象中Redirect方法的使用； 3．掌握Response对象中End方法的使用。

二、实验重点、难点

Response对象中Write方法的使用

三、实验原理

ASP中Response对象应用

四、实验设备、实验教学软件介绍

个人PC，Windows 2000,IIS 5.0,记事本

五、实验分组及组织情况

无

六、实验的基本操作与实验重要步骤

1.实验前先观看指导老师的演示；

2.利用记事本或Dreamweaver等软件编写程序并存盘； 3.打开IIS并设置虚拟目录进行调试； 4.学生独立完成相应的实验报告。

七、实验教学，如实验教学内容设计、时间设计、实验教学手段设计、实验指导设计等；

参照上述实验内容，分模块讲解各业务流程的作用和操作方法

八、预期的实验效果

多数学生能独立完成实验，掌握基本原理和方法。

九、实验中应注意事项

对于ASP的内置对象，注意代码的编写规范性。

十、课外实验或思考题

教材P142 练习7-1

十一、实验教材及实验参考资料

《ASP网页数据库短训教程》、刘瑞新主编，机械工业出版社，2005年出版

十二、实验后记

学生独立完成实验报告

实验名称 交互式表单程序设计

实验类型：演示型√ 验证型□ 综合型□ 设计型□ 实验类别：基础√ 专业基础□ 专业□ 实验要求：必做√ 选做□ 实验学时：2 实验对象：本科生

一、实验目的

1．掌握交互式表单程序设计的方法； 2.掌握Response对象中Write方法的使用； 3.掌握Request对象中Form集合的应用。

二、实验重点、难点

Request对象中Form集合的应用

三、实验原理

ASP交互式表单程序设计

四、实验设备、实验教学软件介绍

个人PC，Windows 2000,IIS 5.0,记事本

五、实验分组及组织情况

无

六、实验的基本操作与实验重要步骤 1.实验前先观看指导老师的演示；

2.利用记事本或Dreamweaver等软件编写程序并存盘； 3.打开IIS并设置虚拟目录进行调试； 4.学生独立完成相应的实验报告。

七、实验教学，如实验教学内容设计、时间设计、实验教学手段设计、实验指导设计等；

参照上述实验内容，分模块讲解各业务流程的作用和操作方法

八、预期的实验效果

多数学生能独立完成实验，掌握基本原理和方法。

九、实验中应注意事项

注意对于Form集合的运用，代码要规范。

十、课外实验或思考题

教材P163 练习8-1

十一、实验教材及实验参考资料

《ASP网页数据库短训教程》、刘瑞新主编，机械工业出版社，2005年出版

十二、实验后记

制作绿色燃料电池的新实验 篇10

1 设计意图

本文设计的氢氧燃料电池，使用的电解能源来自太阳能电池，太阳能电池发电具有许多优点，如：安全可靠、无噪声、无污染、能量随处可得，不受地域限制，无须消耗燃料等，这些优点都是其它发电方式所不及的。使用的电极材料来自废旧电池，实验的容器选用三口烧瓶，因此材料容易取得，装置容易制作、操作简单、且具有环保理念，而且此装置除了具有燃料电池的实验功能外，还具有电解水的实验功能，如应用于教学上，将成为教师教学的好帮手，可进一步提升学生学习的动机，促进课堂教学效果。

2 实验用品

太阳能电池（12V）, 废电池（1号）2个,三口烧瓶1个，电极座2个， 鳄鱼夹4个， 挂钟1个，音乐贺卡1个， 尖嘴钳1把， 电线若干， 300瓦的碘钨灯1只,铁架台(含铁夹)3台，多功能万用表1只， 0.5%硝酸钾溶液（或其他电解质溶液）500 mL

3实验准备

3.1 电极的处理

用尖嘴钳将两个废弃的1号电池拨开，取出中间两个黑色的碳棒，在自来水笼头下反复冲洗，然后擦干备用，用坩埚钳夹住碳棒在酒精喷灯上加热至红热，将其插入冷水中使其急剧冷却，反复在酒精喷灯上加热每个部位再急速冷却，使碳棒表面活化，增强其吸附气体能力。

3.2电解质溶液的选择

离子在电场中运动的速率除了与离子本性（包括离子半径，离子水化程度，所带电荷等）以及溶剂的性质（如粘度等）有关以外，还与电场的电位梯度dE/dl 有关，显然电位梯度越大，推动离子运动的电场力也越大。表1列出了在298 K无限稀释时几种离子的迁移率。

在以上知识的基础上，选择了三种溶液：稀硫酸、氢氧化钠溶液、硝酸钾溶液（浓度均为0.5 %）作为电解质溶液试验，结果发现在12 V的太阳能电池下，硝酸钾溶液作为电解质溶液电压能达到2 V左右，而稀硫酸、氢氧化钠溶液只能达到1.2 V左右。然后又试验了不同浓度的硝酸钾溶液，发现在较浓的溶液中效果不是很理想，主要原因是浓溶液中离子间相互引力较大，离子的速率均减慢。除了浓度之外，温度对离子的迁移也有影响，这主要是影响离子的水合程度。在以上实验和分析的基础上，选用硝酸钾溶液作为电解质溶液。

4 实验装置

5 实验步骤

1. 将0.5 %硝酸钾溶液加入三口烧瓶，待溶液加到瓶颈时，将两根电极塞入左右两个瓶孔中；

2. 将装置左右倾斜，使两侧管内的空气全移至管外，而后再将装置正立，将约10厘米左右的塑料管塞入中间管口中；

3. 将电极与太阳能电池相连接，置于日光下，开始进行水的电解（如图1）；

4. 通电一段时间，可观察到三口烧瓶内两侧的气柱高度约呈现1∶2的比例，当气体体积接近碳棒末端时，停止通电；

5. 用多功能万用表测量其电压约为2伏，用耗电量较小的音乐贺卡、挂钟，连接于电极上，可发现生日贺卡铃响和挂钟正常转动（如图2、图3）。

6. 如遇天气不好等因素，可用图4所示装置替代，图4装置中所用光源为300瓦的碘钨灯，通过实验发现其效果在一定程度上可代替太阳光源。

6实验结论

利用上述改良式氢氧燃料电池，具有可作为水电解及燃料电池供电的双重示范效果，改良后的实验装置兼具环保理念，因其所用材料－碳棒来自废旧电池及使用的电解液也可回收供下次再使用，实验成本低，环境污染小，安全系数高，仪器精巧，实验更容易开展，节约时间，教学效果好，比起其他常规实验更加简单易行，安全可靠。

参考文献：

[1]氢氧燃料电池之微型化设计及在电化学教学应用之研究[J] .CHEMISTRY（THE CHINESE CHEM. SOC., TAIPEI）2004,12(62): 547~554.

网页设计实验报告实验心得体会 篇11

HTML语言的组成及特点，学会利用HTML语言编辑网页。 了解CSS。

了解网站开发的流程。

二、实验内容

1.参考书1.2.1节，利用记事本实现唐诗实例。

(1):在“记事本”中输入虞美人的文本。

(2):选择“文件”—>“保存”命令，将该文件保存为“虞美人.html”，此时该文档将显示IE图标。

(3):打开图标。

如图所示：

2. 在Dreamweaver中输入如下代码：

3.请写出以下效果的HTML代码(包括分行及分段效果)

角标的实现：在拆分视图下的文本编辑区域输入X1，然后看其在代码编辑区的变化。想要实现上下角标要用到角标在字母的上方; 角标在字母的下方。

红色字体的实现：在文本编辑区域回车编写“这是红色的字”然后选中这行字在属性面板中选择颜色为红色。

粗体字的实现：在文本编辑区域回车编写“这是粗体字”然后选中这行字在属性面板中点击粗体。

斜体字的实现：在文本编辑区域回车编写“这是斜体字”然后选中这行字在属性面板中点击斜体

4.我上网浏览了谷歌

他的URL：http：//

目 标：谷歌的目标是“万能搜索”

此网站的导航利用超连接及表单等实现导航的

实验二、Dreamweavor应用

一、实验目的：掌握如何在Dreamweaver中进行网页编辑; 掌握Dreamweaver中站点的设置;

掌握网站空间的申请及网页的上传。

二、实验内容

1.将实验1中的内容，利用DreamWeavor完成，并注意在拆分视图下，观察它是如何将格式操作变成HTML代码的。

2.按书中要求，制作唐诗宋词网站的首页。

网页设计实验报告 篇12

网页实验报告

一、实验目的

网络在现今生活中的重要地位已经不言而喻，我们上网都避免不了浏览网页。本实验通过学习使用Dreamweaver cs4设计网页，来达到熟知一个网站的网页整个设计过程是怎样进行的，并能自行设计一个具有鲜明主题的基本完整的静态简单网页的目的。并且在本次实验中，我们通过实际的操作，更好的学习在html中嵌入多媒体，使网页的内容更加丰富，具有吸引力。在此过程中，我们还要对css3.0进行学习，以帮助我们使网页的样式更加美观。为了更好的交互操作，我们还要对javaScript及jquery，jQueryUI ,easyUI等一些前台插件进行学习。

二、实验器材

1、一台台式机或者笔记本

2、Windows 7操作系统

3、Dreamweaver cs4软件、photshop软件

三、实验原理和方案

Dreamweaver cs4是常见的设计工具，在设计过程中基本上不需要亲自动手设计源代码，但是为了更好地学习Html标记语言，我们在实验过程中，不会使用可是界面进行操作，而是采用其代码编辑模式进行开发（此外，Dreamweaver cs4的可是界面开发过程中，可是界面的调试结果和浏览器的调试结果会有很多差异性，所以在html新手的学习过程中要注意到这一点，尽量手动书写代码的方式进行html页面的编写），要设计一个满意的网页要遵循一定的步骤：

1、确定网站主题、风格和布局

2、搜集相关素材，比如音频、图片、文本等

3、根据网站主题，在网站中放入相关元素和内容

四、实验步骤

4.1准备素材

确定网页的主题和风格，收集各种可能需要的设计素材，素材包括图片，音乐，动画，视频，由于刚刚开始学习制作网页，所以我主要搜集图片和必须的文本。并新建一个文件夹把搜集的素材放到该文件夹里面。

4.2设计规划 姓名：王中亚 学号：201215304 班级：2012153班

规划网站，对网页的整体框架和结构进行设计，确定整个网站的内容，明确自己的网页需要满足的功能和内容。

4.3具体设计

1、创建站点。点击“站点”下拉菜单的“创建站点”，名字站点名称和站点在计算机的路径。

2、在电脑里面运行Dreamweaver cs4,在“文件”下拉菜单点击“新建”，打开“新建文档”对话框，选举“框架集”里的“上方固定，下方左侧嵌套”，并点击“创建”按钮

3、调整框架的大小，分别保存各个框架和框架集并命名（注：不能用汉字，只能用英文字母）

4、分别给各个框架加入合适的背景色或者或者插入图片

5、根据具体的需求进行实际的开发

五、实验效果截图

姓名：王中亚 学号：201215304 班级：2012153班

姓名：王中亚 学号：201215304 班级：2012153班

姓名：王中亚 学号：201215304 班级：2012153班

姓名：王中亚 学号：201215304 班级：2012153班

六、体会心得

在本次网页设计中，我不仅学到了很多关于网页设计方面的知识。我从中学会运用Dreamwaver设计简单的网页，在这个过程中，我通过自学教材、上网查询，学习了Dreamweaver、photshop等网页软件的应用，学会了管理、维护自己的站点。在设计过程中也出现了很多的问题，其中几次比较深刻的问题就是在前台界面中加入js时，但通过看书，上网查询，请教老师等方式，不断的学习、解决、提高，设计出的网页不论是外观还是内容，都在不断的进步、改善。可以说在自己动手，不断实践的过程中，网页设计水平得到了很大的提高。

并且在本次实验过程中，我初次体验了后台的（javaWeb）的开发与设计，姓名：王中亚 学号：201215304 班级：2012153班

使我对网站的开发有了整体的了解，从前台到后台，虽然做的比较简单，但是已经出现了完整的前台后台雏形，这点让我收获很大。