资源描述：
《使用Dreamweaver制作网页的动态效果-论文.pdf》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。
1、Vol.17No.12第17卷第12期教学仪器与实验2001-122001年12月·信息技术教育入门·使用Dreamweaver制作网页的动态效果张茹桂天津耀华中学300040Dreamweaver是创建和管理网页的专业化可视编①快速启动栏,分别包含了站点管理器、库管理、辑器,Frontpage因为Office系列的广泛使用而被用户所站点的HTML样式编辑器、行为编辑器、历史记录和知晓,Dreamweaver则因为许多独具特色的设计新概HTML源代码编辑器。念,支持W3C的层叠式样表(CascadingStyleSheets)和②对象面板,它集成了
2、Dreamweaver插入菜单中Microsoft的动态页面效果(DHTML),例如行为(Behav-的选项,是在网页中插入对象的集合,如图片、表格、iors)、时间轴(Timeline)、资源库(Library)等被公认为最Flash和Firework对象等。佳的网页设计软件,让使用者能够轻松创建动态效果③代码检查器,网页所生成的HTML源代码,用和交互页面。户可以直接修改代码以得到相应的网页效果。④网页编辑区。1认识Flash⑤属性面板,它的变化比较多,随着选择对象的界面简介(图1)不同而改变,比如当前选择了一幅图像,则属性面板上将出现图像的相
3、应属性。如果是表格,它将相应地变化成表格的相应属性。2动态效果的制作———可以隐藏的相片在我们浏览网页时,有时当鼠标指向某个小图片时即会弹出一个大的图片,而当鼠标移开时,该图片会自动消失,这样在为网页赋予动感的同时又增加了网页的容量。①在网页中插入一幅图片的缩图。②在图片的下边插入一个层(操作方法:单击对象面板中的或单击菜单中“插入”-“层”),层的概念与Photoshop中层的概念相似。图1③在刚建立的层中插入该缩图的原图,让图的大小与层的大小一样。也可以适当调整层的大小。8Ψ的喇叭通过1个单刀开关接在信号源的功率输出音叉续续发出声音,成功演示共
4、鸣现象。接线柱和共用地的接线柱上。开启电源后,将功率输改装的信号源的优点在于在该档位频率调节范围出的幅度调至较大位置,让喇叭发出较响亮的声音。很小,很容易将其调节到与音叉频率接近,引起音叉产频率选择调到音频“5”的位置,双刀开关拨到接通,然生共鸣,所以演示时可不必借助频率计来测定频率。后慢慢调节电位器。当声音频率调节到440Hz,与音但是如果配备有频率计,则可借助它更迅速的调节出叉固有频率准确相同时,音叉产生了共振,可见乒乓球所需频率,缩短演示实验的操作过程。同时由于频率开始跳动。这时再仔细的左右反复调节电位器,使声计可显示出频率,可让学生观察到频
5、率稍微偏离音叉音频率严格逼近音叉频率,乒乓球会剧烈跳动,最大跳固有频率440Hz,如439Hz或441Hz,共鸣就不会发生,开距离可达十几厘米。学生对此会感到十分惊奇,并使学生印象更加深刻,更好的了解共鸣现象。留下深刻印象。此时可移开乒乓球,并将喇叭连接信(收稿日期:2001-04-25)号源的开关拨到关断位置,喇叭已不发声,可清晰听到—10—第17卷第12期Vol.17No.12教学仪器与实验2001年12月2001-12④单击快速启动栏上的行为命令,弹出图2。〈tableborder=“1”width=“48%”height=“96”〉〈tr〉
6、〈tdwidth=“100%”height=“90”〉〈marqueedirection=“up”scrolldelay=“140”〉Dream-weaver可以让使用者能够轻松创建动态效果和交互页面。〈marquee〉〈palign=“center”〉〈td〉〈tr〉〈table〉图2上述程序的意思是:先插入一表格(table),然后在⑤单击网页刚插入的图片(选中它),然后单击图表格中插入一个自下而上滚动的字幕(marquee),可以2中的”+”,在弹出菜单中选取显示隐藏层,弹出图3修改文字及其滚动方向,例如up—down或left。Scroll
7、-所示的对话框。delay表示滚动延时,数字越大,滚动越慢。4动态效果的制作———游动的广告网页中为了吸引人们的视线,往往利用游动的小精灵来产生这种效果,当你单击它时,即会进入到相应链接。在Dreamweaver中,它用时间轴来实现。图3①在网页添加层,在层中插入要移动的小图片,可⑥单击显示按钮后,确定。这时行为对话框如图以是.Gif类型,然后把层移到动画的起始位置。4。②选择窗口菜单中的时间轴,打开时间轴对话框。③添加层对象到时间轴,即把选定的层拖入时间轴对话框中。④单击动画栏最后关键帧标记,可以把它向后拖动,然后把该层移到动画结束处,如图5。注
8、意有一斜线,它为运动的轨迹。图4⑦在图4中单击事件旁的黑三角;在弹出的菜单中选择OnMouseOver。⑧重复5～7步,在
