DreamWeaver实例教程中11例.docx
- 文档编号:23321092
- 上传时间:2023-05-16
- 格式:DOCX
- 页数:16
- 大小:612.92KB
DreamWeaver实例教程中11例.docx
《DreamWeaver实例教程中11例.docx》由会员分享,可在线阅读,更多相关《DreamWeaver实例教程中11例.docx(16页珍藏版)》请在冰豆网上搜索。
DreamWeaver实例教程中11例
DW网页设计100例6:
Dreamweaver轻松制作Flash元素
漂亮的Flash动画人人喜欢,不过制作起来的确有一些技术难度。
你知道吗,Dreamweaver作为一个网页制作工具,还可以创建好玩的Flash相册。
今天我们就来利用它来制作一个简单、漂亮的Flash相册,最终效果如图1。
图1
插入Flash元素
运行Dreamweaver,点击菜单“插入”→“媒体”→“图像查看器”,系统会自动弹出“保存Flash元素”对话框,键入保存的文件名,例如:
“Photo.swf”,点击“保存”按钮完成。
现在一个Flash元素就被插入网页中了,为满足实际需要,下面我们需要进行简单的参数设置。
鼠标点击编辑窗口中的“Flash元素”,在属性面板中重新设置动画的宽、高值为实际所需,如图2。
图2(点击看大图)
Flash元素参数设置
下面我们还需要设置“Flash元素”的参数,为Flash相册指定调用的图片、设置相册外观。
点击菜单“窗口”→“标签检查器”,现在我们可以Dreamweaver右栏中看到一个“Flash元素”面板,如图3。
图3
这里可供选择的参数很多,下面我们主要讲几个基本的设置值。
imageURLs,该值用于设置调用的图片位置,我们一般将调用的图片放在同保存的“Photo.swf”文件同一文件夹为佳。
鼠标点击imageURLs项目的值,系统自动在参数右侧增加“编辑数组值”按钮,点击进入,如图4。
图4
进入“编辑"imageURLs"数组对话框”,系统默认内置了三组数值,我们可以点击“+”号增加新的数值,每一组的数值同需要调用的图片文件名一一对应即可,如图5。
图5
其它“Flash元素”的参数设置方法基本同上,下面我们列一下几个重要的参数:
imageLinks,设置点击每张图片后访问的网址。
showControls,定义是否显示Flash相册的播放控制按钮。
slideAutoPlay,定义Flash相册是否自动播放。
transitionsType:
定义Flash相册过渡效果的类型,默认为随机效果:
Random。
title、titleColor、titleFont、titleSize:
添加自定义的相册标题、颜色、字体、大小等值。
frameShow、frameThickness、frameColor:
用于定义Flash相册是否有边框及边框宽度、颜色值。
注:
Dreamweaver会在保存相册的文件夹中自动生成一个Scripts文件夹,上传网页时要记住一起上传。
DW网页设计100例7:
插入Flash按钮
Flash的动画按钮能够给网站带来动感,这让不少读者觉得十分有趣,同时也为网站增加了许多访客,其实在DreamweaverMX2004中只需几步简单的操作,就可以插入Flash按钮。
效果说明建立文件,插入Flash按钮,如图47-1所示。
实际效果请浏览随书光盘中《DreamweaverMX2004100例》目录下的《实例47-插入Flash按钮》。
创作思想打开DreamweaverMX2004软件新建页面,然后单击【插入】|【媒体】|【Flash按钮】命令打开【插入Flash按钮】对话框,在该对话框中输入相应的参数,就可以制作出动感的Flash按钮了。
操作步骤
(1)打开DreamweaverMX2004软件,新建文件并保存页面。
提示:
要保存的文件夹不可以用中文名命名。
(2)插入Flash按钮并设置参数,如图47-2所示。
(3)保存文件,完成操作。
简单的Flash按钮也可通过Dreamweaver来快速制作,这就不必大动干戈来用Flash来制作了。
DW网页设计100例8:
插入Flash文本
效果说明建立文件,插入Flash文本,如图48-1所示。
实际效果请浏览随书光盘中《DreamweaverMX2004100例》目录下的《实例48-插入Flash文本》。
创作思想打开DreamweaverMX2004软件新建页面,然后单击【插入】|【媒体】|【Flash文本】命令打开【插入Flash文本】对话框,在该对话框中输入相应的参数,就可以制作出动感的Flash文本了。
操作步骤
(1)打开DreamweaverMX2004软件,新建文件并保存页面。
提示:
要保存的文件夹不可以用中文名命名。
(2)插入Flash文本并输入参数,如图48-2所示。
(3)保存文件,完成操作。
DreamweaverMX2004可以快速制作简单的Flash文件,如果要制作的Flash效果要求不高,不妨考虑这种方法。
DW网页设计100例9:
插入交替图像按钮
Flash中的交替图像按钮一直是网页爱好者喜欢的动画按钮,在Dreamweaver中只需要几步简单的操作,就可以制作出这些极具动感的交替图像按钮,而且占用空间少。
效果说明建立一组相互交替的图像,当鼠标移至目标图像上时,会显示出另外一幅图像,就像会动的按钮,既动感,又时尚,如图49-1所示,实际效果请欣赏随书光盘中《DreamweaverMX2004100例》目录下的《实例49-插入交替图像按钮》。
创作思想打开DreamweaverMX2004软件,执行【插入】|【图像对象】|【鼠标经过图像】命令,或者单击工具栏中
下拉菜单里的【鼠标经过图像】命令,按要求进行设置,最后保存文件完成制作。
操作步骤
(1)打开DreamweaverMX2004软件新建文件。
(2)可以用两种方式制作出交替图像按钮,如图49-2所示。
(3)打开【插入鼠标经过图像】对话框,按图49-3所示进行设置,选择图像文件。
提示:
在图中的第1、2小步中单击【浏览】按钮,可以重新选择图像的位置。
(4)按快捷键Ctrl+S保存文件。
本实例操作完毕。
交换按钮如果结合按钮特效,效果将会更好。
DW网页设计100例10:
添加透明背景的Flash
有时需要在一张漂亮的图片上加些文字动画,但Flash软件是没有透明背景属性设置的,其实无论Flash的背景是什么颜色,我们都可以通过Dreamweaver软件使它透明,制作出漂亮又动感的页面。
效果说明建立文件,插入表格,并在表格里插入Flash,设置表格背景图,设置参数前的效果如图50-1所示,设置参数后的效果如图50-2所示。
实际效果请浏览随书光盘中《DreamweaverMX2004100例》目录下的《实例50》。
创作思想打开DreamweaverMX2004软件新建页面,然后在页面中插入表格,并在表格里插入Flash文件,设置Flash文件的参数,制作透明背景的Flash。
操作步骤
(1)打开DreamweaverMX2004软件新建文件,并保存页面。
(2)插入表格和设置背景。
为使Flash的效果更加明显,先插入表格并设置背景图,如图50-3所示。
提示:
可使用快捷键Ctrl+Alt+7打开【表格】对话框。
(3)设置完背景后,可以插入Flash文件,如图50-4所示。
(4)接着设置Flash文件的参数,如图50-5所示。
提示:
表50-1所示是其他参数的介绍。
DW网页设计100例11:
制作Flash个性播放界面
目前大部分Flash播放器都是在Flash软件中制作完成的,虽然用户可以利用Flash提供的播放器模板轻松制作播放器,但是对于大型Flash网站来说,这种方法显然不能满足其更新数据的要求。
要想解决这个问题,就需要制作一个网页播放器模板,这样在插入Flash之后,便可以实现对Flash的播放控制了。
效果说明打开网页时,会出现类似Flash播放器的界面,该界面有4个按钮,分别是“播放”、“暂停”、“快进”和“后退”。
用户只要单击某个按钮,就可以实现相应的功能。
本例效果如图51-1所示。
创作思想利用DreamweaverMX2004行为面板提供的“控制Shockwave或Flash”功能,来控制Flash的播放。
操作步骤
(1)插入Flash文件。
新建一个HTML文件,然后插入已经制作好的播放器界面图片。
依次单击主菜单中的【插入】|【媒体】|【Flash】命令,然后在弹出的【选择文件】窗口中选中Flash文件,单击【确定】按钮,如图51-2所示。
(2)设置Flash文件。
插入Flash文件后,按下Ctrl+F3键打开【属性】面板,然后在【Flash】名称输入框中键入“Flash”,最后设置Flash文件的宽和高,如图51-3所示。
(3)切换到设计视图,选中底部的播放控制图片,然后在属性面板中单击【地图】项里的
按钮,分别对准播放控制图片进行勾绘。
为了使勾绘更加精确,单击属性面板中的
按钮,对热区进行调整,结果如图51-4所示。
(4)设置Flash播放控制。
选中“播放”图片,然后同时按下Shift+F4键打开行为面板。
单击
按钮,在弹出的快捷菜单中选择【控制Shockwave或Flash】选项,接着在弹出的【控制Shockwave或Flash】设置窗口中单击选择【播放】选项,具体操作如图51-5所示。
(5)设置操作按钮。
同样,在【控制Shockwave或Flash】窗口中分别设置【停止】、【后退】和【快进】3个按钮的行为,具体设置如图51-6、图51-7和图51-8所示。
(6)设置单击属性。
按下F9键打开【属性】面板。
由于行为默认的鼠标属性是“OnMouseOver”,因此这里要将单击属性更改为【OnClick】,如图51-9所示。
(7)至此,本实例操作完毕。
在这个案例中,只用了几个简单的按钮来控制Flash的播放,在熟悉了这几个按钮的使用后,读者可以自行加入更多的控制按钮,从而使得播放器的功能更加强大。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- DreamWeaver 实例教程 11