多媒体与网特效_第1页
多媒体与网特效_第2页
多媒体与网特效_第3页
多媒体与网特效_第4页
多媒体与网特效_第5页
已阅读5页，还剩56页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

第13章多媒体与网页特效

本章的主要内容如下：

13-1在网页中插入多媒体对象

13-2行为

13-3时间轴

13-4制作弹出菜单13.1在网页中插入多媒体对象

13.1.1插入flash动画13.1.2插入声音13.1.3插入视频13.1.1插入flash动画

网页中除了文本与图像表述网页内容以外，还离不开网页多媒体，如：Flash动画、声音、视频等，这些多媒体元素的加入，使得网页表现更丰富多彩，在文本和图像的基础上，多媒体的加入更是锦上添花。在学习本章内容之前请先建立站点。1.插入Flash插入在网页中的Flash格式为swf，Flash源文件格式为Fla，源文件不能直接插入到网页中，但可以在Flash软件中修改源文件。【实例13.1】制作烟花效果的网页制作过程：（1）打开【插入】面板，单击【常用】选项卡中的【媒体：Flash】按钮（2）弹出【选择文件】对话框，选择Flash文件13-1.swf.（3）单击【确定】按钮后弹出【对象标签辅助功能属性】对话框，在输入标题后单击【确定】按钮即可将Flash文件插入到网页中，插入的Flash动画并不会在文档窗口中显示内容，而是以一个带有字母F的灰色框来表示。（4）在文档窗口单击这个Flash文件，就可以在属性面板中设置它的属性了，如图13-1所示。（5）将Flash的背景透明，使得Flash内容与Flash下方的图像达到合二为一的效果。在【属性】面板中单击【参数】按钮，弹出【参数】对框，作如图13-2所示的设置：（6）选择“循环”复选框时影片将连续播放，否则影片在播放一次后自动停止。通过选择“自动播放”复选框后，可以设定Flash文件是否在页面加载时就播放。在“品质”下拉列表中可以选择Flash影片的画质，以最佳状态显示，就选择“高品质”。如图13-3所示即是保存了网页后按【F12】键在浏览器中预览网页的效果。

2.插入Flash文本打开【插入】面板，单击【常用】选项卡中的【媒体：Flash】按钮，弹出【插入Flash文本】对话框，如图13-4所示：字体随意，大小22px，颜色设置为#F5E458，转滚颜色为#54C994，文本为“图片素材”，背景颜色#6DCFF6，选择自己需要的路径链接。同样方法我们可以使用该功能，诸如制作“代码素材”、“Flash动漫”、“精美壁纸”和“音频视频”等Flash文本来制作一个导航栏。3、插入Flash按钮Flash按钮的存在使得网页的样式更加生动。在Dreamweaver中插入Flash按钮不需要用户设计，这些按钮是由Dreamweaver自动生成，并且有多种按钮样式可供用户选择。打开【插入】面板，单击【常用】选项卡中的【媒体：Flash】按钮，在列表中选择Flash按钮，弹出【插入Flash按钮】对话框，如图13-5所示：【样式】用来选择按钮的外观，【按钮文本】用来输入按钮上的文字，【字体】和【大小】用于设置按钮上文字的字体和大小，字号变大，按钮并不会跟着改变。【链接】用于输入按钮的链接，可以是外部链接，也可以是内部链接。【目标】用来设置打开的链接窗口。4.插入Flash视频FlashVideo即Flash视频，它的后缀名为：.flv，是目前广泛流行的一种视频文件格式。一般的视频文件：asf、wmv、rm等都需要专门的播放器来支持视频文件的播放，否则根本无法收看，并且这类文件容量过大，下载慢，查看也不很流畅。为了解决播放器和容量的问题，可以将各类视频文件转换成Flash视频文件，即Flv格式。经过编码后的音频和视频数据，通过FlashPlayer传送。制作流程：（1）打开【插入】面板，单击【常用】选项卡中的【媒体：Flash】按钮，弹出【插入Flash视频】对话框，如图13-6所示：（2）在【URL】文本框中中，指定定.flv文件的相相对路径径，方法法是单击击【浏览】按钮，选选择该FLV文件。（3）从【外观】弹出式菜菜单中选选择一一种外观观皮肤。。所选外外观的预预览会出出现在“外观”弹出式菜菜单下方方。【外观】选项指定定将包含含Flash视频内容容的Flash视频组件件的外观观。（4）分别在在【宽度】文本框与与【高度】文本框中中设置该该视频的的宽度与与高度，，然后单单击【确定】按钮。插入声音音虽然向Web页添加的的声音文文件可以以有多种种不同类类型格式式，但并并不是所所有的声声音格式式都适合合在网页页中应用用。在确确定采用用哪一格格式和方方法添加加声音前前，需要要考虑添添加声音音的目的的、观众众、文件件大小、、声音品品质和不不同浏览览器的差差异等因因素。在在网页中中常用的的格式有有.wav、.midi、.rm和.mp3等。另外外，用户户在访问问插入音音频的页页面时，，只有在在他的客客户端浏浏览器具具有可播播放所选选声音文文件的适适当插件件，声音音才可以以播放出出来。网页中插插入声音音的常用用方法有有如下两两种：其其一为超超级链接接到声音音文件，，其二为为嵌入声声音文件件到网页页中。1.超级链接接到声音音文件现在Internet上大量的的在线音音乐就是是采用超超级链接接链接到到声音文文件。下下面通过过一个实实例来说说明。（1）准备好好一个音音乐文件件。选择择作为超超级链接接载体的的文本或或图像，，如图13-7所示的实实例中选选择的是是文本“在线下载载”。（2）在属性性面板的的【链接】文本框中中键入声声音文件件所在的的路径和和名称，，或者单单击后面面的文件件夹图标标直接选选择声音音文件。。实例中中选择的的是“莫扎特小小夜曲.mp3”，如图13-8所示。（3）保存文文件，按按F12键预览该该网页。。当鼠标标移动到到“在线线下载””上时鼠鼠标呈现现小手的的形状，，单击将将播放音音乐，如如图13-9所示。或或者单击击鼠标右右键，在在弹出菜菜单中选选择“目目标另存存为”将将该音乐乐文件下下载到本本地。2.将声音嵌嵌入网页页如果希望望插入声声音的同同时，在在网页上上还可以以显示播播放器的的外观，，包括播播放、暂暂停、停停止、音音量调整整等控制制面板，，需要使使用嵌入入声音文文件到网网页中的的方法。。（1）准备好好一个音音乐文件件，在页页面添加加文字“2、月满西西楼”。（2）打开【插入】面板，单单击【常用】选项卡中中的【媒体】，在下拉拉菜单中中单击【插件】按钮，弹弹出【选择文件件】对话框，，选择一一个准备备好的音音乐文件件，本实实例为“月满西楼楼.wma”，如图13-10所示。调调整播放放插件的的大小外外观。（3）如果用用户的计计算机中中没有安安装相关关音乐文文件的播播放插件件，在属属性面板板的“插件URL”中输入该该插件的的地址，，供用户户链接并并下载该该插件。。（4）保存文文件，按按F12键预览该该网页，，效果如如图13-11所示。3.添加背景景音乐在网页中中可以嵌嵌入背景景音乐。。这种音音乐多以以MP3，MIDI文件为主主。添加加背景音音乐有两两种方法法，一种种是通过过手写代代码实现现，还有有一种是是通过添添加行为为来实现现。在代码视视图中，，通过<bgsound>标记可以以将网页页设置上上背景音音乐，具具体步骤骤是：（1）准备好好一个音音乐文件件，打开开需要添添加背景景音乐的的网页（（网页和和声音最最好使用用相对路路径）。。（2）选择“代码视图图”，将光标标定位到到<body>之后，输输入下面面的代码码：<body><bgsoundsrc="莫扎特小小夜曲.mp3">插入背景景音乐……</body>（3）如果希希望循环环播放音音乐，将将在代码码中添加加一个loop属性即可可：<bgsoundsrc＝"莫扎特小小夜曲.mp3"loop="true">（4）保存文文件，按按F12键预览该该网页，，即可听听见背景景音乐。。插入视频频和插入入声音的的方法类类似，也也有两种种情况，，其一为为超级链链接到视视频文件件，其二二为嵌入入视频文文件到网网页中。。1.超级链接接到视频频文件用户浏览览器端必必须拥有有辅助应应用程序序才能查查看常见见的视频频格式，，如RealOnePlayer、QuickTime和WindowsMediaPlayer等。（1）准备好好一个视视频文件件，在网网页中选选择指向向视频文文件的链链接载体体（文本本或图像像）。（2）在属性性面板的的“链接”文本框中中输入视视频文件件的路径径名称，，或者单单击后面面的文件件夹图标标选择文文件，如如图13-12所示。插入视频频（3）设置完完毕，保保存文件件。按F12键预览该该网页，，如果正正确安装装了播放放程序，，那么点点击链接接载体，，可弹出出MediaPlayer等辅助程程序，并并播放该该视频文文件。2.嵌入视频频文件到到网页中中如果希望望添加视视频文件件并在网网页上显显示播放放器的外外观，请请选择嵌嵌入视频频文件到到网页中中的方法法。（1）准备好好一个视视频文件件，将光光标置于于需要嵌嵌入视频频文件的的位置。。（2）打开【插入】面板，单单击【常用】选项卡中中的【媒体】，在下拉拉菜单中中单击【插件】按钮，弹弹出【选择文件件】对话框，，选择其其中的视视频文件件，将其其添加到到网页中中，如图图13-13所示。适适当调节节“插件”占位符的的大小及及位置。。（3）如果用用户的计计算机中中没有安安装相关关视频文文件的播播放插件件，在属属性面板板的“插件URL”中输入该该插件的的地址，，供用户户链接并并下载该该插件。。（4）设置完完毕，保保存文件件。按F12键预览网网页，网网页将显显示相关关播放插插件并播播放。如如图13-14所示。13.2行为行为基础础知识显示-隐藏层设置状态态条文本本设置层文文本设置弹出出信息行为基础础知识一般说来来，动态态网页是是通过编编写脚本本代码来来实现用用户与页页面的简简单交互互的。但但是编写写脚本既既复杂又又专业需需要专门门学习，，而Dreamweaver提供的““行为””的机制制，虽然然行为也也是基于于JaveScript来实现动动态网页页和交互互的，但但却不需需书写任任何代码码。在可可视化环环境中按按几个按按钮，填填几个选选项就可可以实现现丰富的的动态页页面效果果，实现现人与页页面的简简单交互互。行为是事事件与动动作的彼彼此结合合。例如如，当鼠鼠标移动动到网页页的图片片上方时时，图片片高亮显显示，此此时的鼠鼠标移动动称为时时间，图图片的变变化称为为动作，，一般的的行为都都是要有有事件来来激活动动作。动动作时由由预先写写好的能能够执行行某种任任务的JavaScript代码组成成，而事事件是由由浏览器器前用户户的操作作相关，，如单击击鼠标、、鼠标上上滚等。。1.了解行行为“行为”可以创创建网网页动动态效效果，，实现现用户户与页页面的的交互互。行行为是是由事事件和和动作作组成成的，，例如如：将将鼠标标移到到一幅幅图像像上产产生了了一个个事件件，如如果图图像发发生变变化(前面介介绍过过的轮轮替图图像)，就导导致发发生了了一个个动作作。与与行为为相关关的有有三个个重要要的部部分——对象、、事件件和动动作。。（1）对对象(Object)对象是是产生生行为为的主主体，，很多多网页页元素素都可可以成成为对对象，，如图图片、、文字字、多多媒体体文件件等，，甚至至是整整个页页面。。（2）事事件(Event)事件是是触发发动态态效果果的原原因，，它可可以被被附加加到各各种页页面元元素上上，也也可以以被附附加到到HTML标记中中。一一个事事件总总是针针对页页面元元素或或标记记而言言的，，例如如：将将鼠标标移到到图片片上、、把鼠鼠标放放在图图片之之外、、单击击鼠标标，是是与鼠鼠标有有关的的三个个最常常见的的事件件(onMouseOver、onMouseOut、onClick)。不同同的浏浏览器器支持持的事事件种种类和和多少少是不不一样样的，，通常常高版版本的的浏览览器支支持更更多的的事件件。（3）动动作(Action)行为通通过动动作来来完成成动态态效果果，如如：图图片翻翻转、、打开开浏览览器、、播放放声音音都是是动作作。动动作通通常是是一段段JaveScript代码，，在Dreamweaver中使用用Dreamweaver内置的的行为为往页页面中中添加加JaveScript代码，，就不不必自自己编编写。。（4）事事件与与动作作将事件件和动动作组组合起起来就就构成成了行行为，，例如如，将将onClick行为事事件与与一段段JaveScript代码相相关联联，单单击鼠鼠标时时就可可以执执行相相应的的JaveScript代码(动作)。一个个事件件可以以同多多个动动作相相关联联(1：n)，即发发生事事件时时可以以执行行多个个动作作。为为了实实现需需要的的效果果，我我们还还可以以指定定和修修改动动作发发生的的顺序序。2.应用行行为在Dreamwaever中，对对行为为的添添加和和控制制主要要通过过【行为】面板来来实现现。执执行“窗口”→“行为”菜单命命令，，打开开行为为面板板，如如图13-15所示。。在行为为面板板上可可以进进行如如下操操作：：（1）单击击【+】】按钮，，打开开动作作菜单单，添添加行行为；；单击击【-】】按钮，，删除除行为为。添添加行行为时时，从从动作作菜单单中选选择一一个行行为项项。（2）单击击事件件列右右方的的三角角，打打开事事件菜菜单，，可以以选择择事件件。（3）单击击向上上箭头头或向向下箭箭头，，可将将动作作项向向前移移或向向后移移，改改变动动作执执行的的顺序序。3.创建行行为一般创创建行行为有有三个个步骤骤：选选择对对象、、添加加动作作、调调整事事件。。我们通通过一一个“打开浏浏览器器窗口口”实例说说明如如何创创建行行为。。我们们需要要的效效果是是，在在网页页上单单击一一幅小小图像像，打打开一一个新新窗口口显示示放大大的图图像。。（1）打开开13-4.html，选中中图片片。（2）单击击行为为面板板上的的"+"按钮，，打开开动作作菜单单。从从动作作菜单单中选选择“打开浏浏览器器”命令，，在弹弹出的的对话话框中中设置置参数数。在“要显示示的URL”文本框框中，，单击击“浏览按按钮”选择在在新窗窗口中中载入入的目目标的的URL地址(可以是是网页页也可可以是是图像像)。窗口口宽度度设为为900px，窗口口高度度设为为900px。窗口口名称称为“放大图图片”。(3）当我我们添添加行行为时时，系系统自自动为为我们们选择择了事事件onClick(单击鼠鼠标)，现在在，我我们单单击行行为面面板上上的事事件菜菜单按按钮，，打开开事件件菜单单，重重新选选择一一个触触发行行为的的事件件。把把onClick(单击鼠鼠标)的事件件改为为onMouseOver(鼠标滑滑过)，如图图13-16所示：显示-隐藏层层行为是是实现现网页页上交交互的的一种种捷径径，行行为将将javascript代码放放置在在文档档中，，以允允许访访问者者与Web页进行行交互互，从从而以以多种种方式式更改改页面面动作作或执执行某某些任任务。。行为为是事事件和和由该该事件件触发发的动动作的的组合合。【实例】】光标移移到图图片上上面。。在它它的右右侧即即显示示一段段其它它内容容（动动画））。这是两两个行行为：：行为为一：：移入入+显示；；行为为二：：移出出+隐藏。。事件是是：鼠鼠标移移入和和移出出。动动作是是：显显示和和隐藏藏。具体操操作如如下：：1.在页面面中插插入一一张图图片，，本例例为兰兰花图图片。。2.在页面面中插插入一一个层层，贴贴入几几个动动画。。具体体操作作是：：打开开【插入】面板单单击【布局】选项卡卡中的的【绘制层层】按钮，，在兰兰花图图片右右边绘绘制层层，并并在层层里面面插入入几个个动画画，如如图13-17所示：：3.在层面面板中中，将将该层层设置置成为为隐藏藏。打打开页页面的的时候候不显显示层层面板板状态态，具具体操操作是是：执执行“窗口”→“层”菜单命命令，，打开开层面面板，，在layer1左边的的眼镜镜关闭闭，如如图13-18所示：：4.单击图图片，，打开开行为为面板板（执执行“窗口”→“行为”菜单命命令））。在在行为为面板板按“+”号，在在弹出出菜单单中选选中显显示-隐藏层层，系系统弹弹出“显示－－隐藏藏层”对话框框。单单击该该层，，然后后单击击“隐藏”按钮。。确定定。如如图13-19所示：：5、打开开“行行为””面板板，我我们可可以在在面板板中看看到事事件和和行为为。需需进一一步对对事件件进行行设置置。单单击““onLoad”，在下拉菜菜单中选择择“onMouseOut”，如图13-20所示6、上述方法法是鼠标移移出事件行行为的设置置，重复以以上4-5的方法再对对鼠标移上上事件行为为进行设置置，把显示示－隐藏层层设为（显显示），如如图13-21所示：7.行为事件设设置，单击击“onLoad”，在下拉菜菜单中选择择“onMouseOver”，设置后的的“行为””面板最终终结果，如如图13-22所示：保存页面，，预览网页页。可以看看到光标移移动到兰花花图片上就就出现右侧侧的内容。。设置状态栏栏文本网页浏览器器的状态栏栏位于浏览览器的下方方，可以通通过浏览器器菜单栏上上“查看”→“状态栏”选项将其打打开或关闭闭。网页的的状态栏顾顾名思义就就是显示网网页的状态态信息。【实例13.2.3】在网页状态态栏里显示示自定义的的一行文字字信息。操作步骤（1）新建空空白网页13-6.hmtl，在设计视视图中输入入文本“显示状态栏栏文本”。（2）执行“窗口”→“行为”菜单命令，，打开行为为面板，选选择文本“显示状态栏栏文本”单击行为面面板中【+】按钮，在弹弹出的菜单单中执行“设置文本”→“设置状态栏栏文本”菜单命令，，弹出“设置状态栏栏文本”对话框，如如图13-23所示。在消消息中输入入“我在下面呢呢！”后单击【确定】按钮。（3）选择行行为面板的的事件为“onClick”事件，最终终的行为面面板的界面面如图13-24所示：（4）按快捷捷键F12，就可以预预览到如图图13-25所示的状态态栏文字效效果了。设置层文本本“设置层文本本”动作用您指指定的内容容替换页上上现有层的的内容和格格式设置。。该内容可可以包括任任何有效的的HTML源代码。通通过在“设置层文本本”对话框的“新建HTML”文本框中包包括HTML标签，可对对内容进行行格式设置置。【实例13.2.4】设置层文本本。（1）新建空空白网页13-7.hmtl，打开【插入】面板单击【布局】选项卡中的的【绘制层】按钮，在设设计视图中中绘制层，，在层中输输入文本信信息。（2）执行“窗口”→“行为”菜单命令，，打开行为为面板，选选择设计视视图中的层层，单击行行为面板中中【+】按钮，在弹弹出的菜单单中执行“设置文本”→“设置层文本本”菜单命令，，弹出“设置层文本本”对话框，如如图13-26所示。在消消息中输入入文本信息息后单击【确定】按钮。（3）选择行行为面板的的事件为““onClick”事件，最终终的行为面面板的界面面如图13-27所示：（4）按快捷捷键F12，就可以预预览到如图图13-28所示的设置置层效果了了。设置弹出信信息如果希望别别人进入你你的网站首首页的时候候可以看见见一个弹出出的消息框框来显示一一些内容，，则可以通通过设置弹弹出信息的的方法实现现。【实例13.2.5】设置弹出信信息（1）新建空空白网页13-8.hmtl。（2）执行“窗口”→“行为”菜单命令，，打开行为为面板，选选择设计视视图中的层层，单击行行为面板中中【+】按钮，在弹弹出的菜单单中执行“弹出信息”菜单命令，，弹出“弹出信息”对话框，如如图13-29所示。在消消息中输入入文本信息息后单击【确定】按钮。（3）添加好好提示文字字之后，控控制面板中中就多出一一个名为“弹出信息”的行为，此此时还要点点击左部的的下拉菜单单，并且从从中选择“onLoad”一项项，，这这样样当当别别人人进进入入页页面面之之后后就就会会自自动动执执行行设设置置的的行行为为，，自自然然也也就就能能够够看看见见弹弹出出的的消消息息框框了了。。（4）按按快快捷捷键键F12，就就可可以以预预览览到到如如图图13-30所示示的的设设置置层层效效果果了了。。13.3时间间轴轴时间间轴轴的的概概念念制作作一一个个简简单单的的时时间间轴轴动动画画制作作动动态态文文字字制作作飘飘动动广广告告时间间轴轴的的概概念念时间间轴轴通通过过随随时时间间的的变变化化改改变变层层的的位位置置、、大大小小、、可可见见性性和和叠叠放放顺顺序序来来创创建建动动画画。。这这就就是是动动态态HTML的表表达达方方式式，，也也是是Dreamweaver强于于其其它它网网页页编编辑辑器器的的地地方方。。时时间间轴轴只只能能移移动动层层，，因因此此想想让让图图象象或或文文本本对对象象移移动动，，就就须须先先创创建建层层，，然然后后在在层层中中插插入入对对象象。。1.在Dreamweaver中显显示示时时间间轴轴时间间轴轴描描述述了了层层和和图图像像的的属属性性随随时时间间变变化化的的情情况况。。执执行行“窗口口”→“时间间轴轴”打开开时时间间轴轴控控制制器器，，如如图图13-31所示示。。2.图13-31中时时间间轴轴的的各各项项功功能能（1）时时间间轴轴弹弹出出菜菜单单：：表表示示当当前前的的时时间间轴轴名名称称。。（2）时时间间轴轴指指针针：：在在界界面面上上显显示示当当前前位位置置的的帧帧。。（3）不不管管时时间间轴轴在在哪哪个个位位置置，，一一直直移移动动到到第第一一帧帧。。（4）表表示示时时间间指指针针的的当当前前位位置置。。（5）表表示示每每秒秒显显示示的的帧帧数数。。默默认认值值时时15帧。。增增加加帧帧数数值值，，则则动动画画播播放放的的速速度度将将加加快快。。（6）自自动动不不放放：：选选中中该该项项，，则则网网页页文文档档中中应应用用动动画画后后自自动动运运行行。。（7）LOOP（循循环环））：：选选中中该该项项，，则则继继续续反反复复时时间间轴轴上上的的动动画画。。（8）行行为为通通道道：：在在指指定定帧帧中中选选选选择择要要运运行行的的行行为为。。（9）关关键键帧帧：：可可以以变变化化的的帧帧。。（10）图图层层条条：：意意味味着着插插入入了了“层”等对对象象。。（11）图图层层通通道道：：它它是是用用于于编编辑辑图图层层的的空空间间。。可以以看看出出，，Dreamweaver里面面的的时时间间轴轴的的运运用用是是和和Flash非常常相相似似的的，，功功能能虽虽说说没没有有Flash的强强大大，，但但使使用用方方法法简简单单，，因因为为没没有有了了诸诸如如影影片片剪剪辑辑，，库库，，组组件件的的使使用用。。相相信信读读者者朋朋友友们们很很容容易易就就能能上上手手。。制作一个简单单的时间轴动动画【实例13.3.2】制作一个简单单的时间轴动动画操作步骤：（1）新建空白白网页13-9.hmtl，打开【插入】面板单击【布局】选项卡中的【绘制层】按钮，在设计计视图中绘制制层，在层插插入gif图片“004d.gif”。如图13-32所示：（2）鼠标右键键单击层对象象，在弹出的的菜单中选择择“添加到时间轴轴”菜单命令，这这时会在“属性”面板的下面出出现时间轴控控制器，如图图13-33所示：（3）在时间轴轴上，鼠标单单击第15帧，选中层对对象，将层对对象拖动到右右上方。如图图13-34所示，将在视视图中出现一一条轨迹线。。（4）单击时间间轴上的【自动播放】按钮，并保存存该页面，按按F12健预览即看到到，马从页面面的左方跑向向页面的右方方。制作动态文字字【实例13.3.3】制作动态文字字制作步骤：（1）新建一个个页面13-10.html，把光标放到到页面左上方方的位置，打打开【插入】面板单击【布局】选项卡中的【绘制层】按钮，创建5个层。分别输输入文字“三”、“思”、“而”、“后”、“行”，将图图层排排列在在适当当的位位置。。（2）执执行“窗口”→“时间轴轴”菜单命命令，，打开开时间间轴控控制器器。选选择层层对象象Layer1，拖动动该对对象到到时间间轴的的第一一行上上。（3）用用同样样的方方法，，把包包含有有其它它文字字的层层对象象也根根据文文字的的顺序序拖动动到时时间轴轴的第第2-6行上。。如图图13-35所示：：（4）为了了减慢慢文字字移动动的速速度，，把时时间轴轴中的的15帧全部部扩展展为25帧。如如图13-36所示：：（5）在在时间间轴中中选择择层对对象Layer1的第一一帧，，在属属性面面板的的顶端端坐标标值（（T）中输输入（（－50），这这样，，可以以把文文字放放置到到上侧侧。（6）用用同样样的方方法选选择其其余层层的第第一帧帧后，，把坐坐对齐齐坐标标值（（L）统一一设定定为-50，如图图13-37所示。。（7）为为了每每隔一一段时时间从从左方方向右右飘移移一个个文字字，从从第二二个动动画条条开始始向后后移动动5帧。勾勾选“自动播播放选选项”。如图图13-38所示。。（8）保保存该该页面面，按按F12浏览效效果。。可以以看到到五个个字分分别从从左向向右动动态移移动。。制作飘飘动广广告【实例】】利用时时间轴轴制作作飘动动广告告制作步步骤：：（1）新新建一一个页页面命命名为为13-11.html。，打打开【插入】面板单单击【布局】选项卡卡中的的【绘制层层】按钮，，绘制制一个个层对对象Layer1，将光光标点点到空空白层层内，，执行行“插入”→“图像对对象”→“鼠标经经过图图像”菜单命命令，，插入入一个个鼠标标经过过图像像，调调整层层大小小，使使层尽尽可能能与图图片大大小相相近。。（2）执执行“窗口”→“时间轴轴”菜单命命令，，打开开时间间轴控控制器器，鼠鼠标单单击选选择层层对象象Layer1，拖动动该对对象到到时间间轴的的第一一行上上。如如图13-39所示。。（3）拖拖动时时间轴轴面板板中最最右侧侧的关关键帧帧至75帧。鼠鼠标单单击第第75帧，选选择层层对象象，将将层对对象向向右拖拖动一一段距距离。。（4）鼠鼠标单单击时时间轴轴上第第10真所在在位置置，单单击鼠鼠标右右键，，在弹弹出的的菜单单中选选择“增加关关键帧帧”菜单命命令。。单击击时间间轴上上的第第10帧，拖拖动页页面中中的层层对象象到一一个位位置。。（5）同同样的的方法法在第第20帧、第第30帧、第第40帧、第第50帧和第第60帧所在在位置置出增增加关关键帧帧，分分别在在各个个帧位位置出出，拖拖动层层对象象到不不同的的地方方。最最后生生成的的移动动路径径与时时间轴轴如图图所示示13.4制作弹弹出菜菜单【实例13.4】】使用行行为面面板制制作弹弹出菜菜单。。（1）新新建一一个页页面命命名为为13-12.html，在页页面中中输入入一行行文字字“这里是是弹出出菜单单”。（2）选选择文文本“这里是是弹出出菜单单”，在属属性面面板中中的“链接”输入框框中输输入“#”，代表表的是是空链链接，，这时时可以以看到到文本本“这里是是弹出出菜单单”具有超超级链链接的的模式式。（3）执执行“窗口”→“行为”菜单命命令，，打开开行为为面板板。（4）选择择文本本“这里是是弹出出菜单单”，单击击按钮钮【+】】，在弹弹出的的菜单单中选选择“显示弹弹出式式菜单单”，这时时弹出出“显示弹弹出式式菜单单”对话框框。如如图13-41。（5）单单击【继续】按钮，，弹出出如图图13-42所示的的对话话框，，该对对话框框用来来设置置弹出出式的的菜单单。（6）选选择“内容”选项卡卡，在在文本本一栏栏中的的“新建项项目”改为“菜单1”。在目目标一一栏中中选择择“_blank“，设置置链接接的值值为”#“。如图图13-43。（7）单单击“菜单”栏的【+】】按钮，，用上上面的的方法法设置置“菜单2”、“菜单3”。（8）为为“菜单2”建立一一个子子菜单单，操操作方方法为为：鼠鼠标单单击对对话框框下方方的“菜单2”，单击击“菜单”栏的【+】】按钮，，在文文本一一栏中中的“新建项项目”改为“子菜单单”。在目目标一一栏中中选择择“_blank“，设置置链接接的值值为“#”。单击击【缩进项项】按钮，，这样样“菜单2”就具有有一个个子菜菜单，，如图图13-44所示。。建立多多个子子菜单单方法法相同同，若若要建建立二二级子子菜单单，请请读者者自己己思考考。按按钮【-】】是用来来删除除菜单单，【左缩缩进进项项】按钮钮用用来来撤撤销销子子菜菜单单的的建建立立。。其他他的的选选项项卡卡如如“外观观”、“高级级”和“位置置”的用用法法，，读读者者朋朋友友们们可可以以自自行行动动手手练练习习。。（9）单单击击【确定定】按钮钮。。可可以以看看到到行行为为面面板板为为如如图图13-55所示示：：（10）保保存存该该页页面面，，进进行行预预览览，，结结果果如如图图13-46所示示：：谢谢谢1月-2320:36:2220:3620:361月-231月-2320:3620:3620:36:221月月-231月月-2320:36:222023/1/520:36:229、静静夜夜四四无无邻邻，，荒荒居居旧旧业业贫贫。。。。1月月-231月月-23Thursday,January5,202310、雨中中黄叶叶树，，灯下下白头头人。。。20:36:2320:36:2320:361/5/20238:36:23PM11、以我独沈久久，愧君相见见频。。1月-2320:36:2320:36Jan-2305-Jan-2312、故人人江海海别，，几度度隔山山川。。。20:36:2320:36:2320:36Thursday,January5,202313、乍见翻疑梦梦，相悲各问问年。。1月-231月-2320:36:2320:36:23January5,202314、他乡生生白发，，旧国见见青山。。。05一一月20238:36:23下午午20:3

人人文库> 全部分类> 行业资料 > 管理策划

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论