添加网页特效.pptVIP

添加网页特效 本章内容在网站设计中的地位 本章主要讲述如何在网页中添加网页特效，增加网页观赏性和互动性。使用网页特效，其目的在于使网站更加新颖、美观，提高网站友好度，增加网站访问量。Dreamweaver CS3为用户提供了方便的特效插入方法——行为，使用户不必学习枯燥的代码就可以创建丰富多彩的网页特效。 本章要点 滚动图文的制作； 多媒体元素的插入； 行为的三要素； 行为面板的使用； 弹出窗口的设计； 使用交换图像美化导航栏。 教学目标 通过本章的案例学习，要求用户掌握滚动文本的制作方法； 掌握多媒体元素的插入方法； 了解行为的作用原理，掌握行为的添加方法； 在网页中灵活使用行为，创建符合页面特点的特效。 8.1.1 marquee标签的使用 1．marquee标签 marquee标签通常用于设置单元格中文本或图像的滚动效果，以达到醒目、个性的显示效果，同时，使用marquee标签创建滚动字幕公告，可以提高网页显示区域的利用率，即用较小的空间显示尽可能多的信息。 2．标签属性 3．语法 marquee是一个双标签，在使用时，需要指定其实用的区块。如： marquee这是一段滚动文本。/marquee 但在实际应用中，marquee标签通常需要搭配其属性使用，以调整滚动速度、频率、滚动范围大小，否则，预览后的滚动效果既快又不连贯。 “滚动公告”网页案例 在本案例中，我们实现公告的步骤如下。 (1) 切换工作区到“拆分视图”，将光标定位到“公告栏”下方单元格。 (2) 写入公告文本，调整文本字号为12px。 (3) 在上方代码视图中，在公告文本两端写入如下代码： marquee direction=up scrollamount=1 width=90% height=150 onmouseover =this.stop() onmouseout=this.start() 公告栏中的文本内容： /marquee (4) 按F12键预览页面。通常使用scrollamount和scrolldelay两个属性调整文本的滚动效果。默认情况下，scrollamount值为6，scrolldelay值为0。本案例中为了使滚动文本更平滑，调整scrollamount属性值为1，使滚动速度变慢。 8.2.1 常用的音频格式 声音能极好地烘托网页页面的氛围，网页中常见的声音格式有WAV、MP3、MIDI、WMA、RM等。 几种音频格式的特点 插入音频 1．使用bgsound标签嵌入背景音乐 在网页中添加背景音乐可以使用bgsound标签具体步骤如下。 (1) 打开需要添加背景音乐的页面，切换到代码视图。 (2) 在head和/head之间输入“”，在弹出的代码提示框中选择“bgsound”，插入背景音乐代码。 (3) 用鼠标右键单击bgsound，在弹出的快捷菜单中选择“编辑标签”，弹出“标签编辑器-bgsound”对话框，如图。 其中各参数的含义如下。 ①“源”：设置音乐文件的路径，单击“浏览”按钮选择背景音乐文件。 ②“循环”：设置音乐循环的次数，“-1”为无限次循环。 ③“平衡”：音乐的左右平衡。 ④“音量”：音乐的音量设置，取值范围0～100。 ⑤“延迟”：音乐播放时的延迟。 (4) 设置完毕后单击“确定”按钮，bgsound标签嵌入的背景音乐在页面上并不显示。 各参数的含义如下。 ①“源”：设置音乐文件的路径，单击“浏览”按钮选择背景音乐文件。 ②“循环”：设置音乐循环的次数，“-1”为无限次循环。 ③“平衡”：音乐的左右平衡。 ④“音量”：音乐的音量设置，取值范围0～100。 ⑤“延迟”：音乐播放时的延迟。 (4) 设置完毕后单击“确定”按钮，bgsound标签嵌入的背景音乐在页面上并不显示。 2．使用embed标签嵌入多媒体文件 embed标签可以用来插入各种多媒体文件，可以是音频、视频或.swf格式等，其中的参数因不同的文件格式而异。使用embed标签插入声音文件的步骤如下。 (1) 打开需要插入声音文件的页面，切换到代码视图。 (2) 输入“”，在弹出的代码提示框中选择embed。 (3) 用鼠标右键单击embed，在弹出的快捷菜单中选择“编辑标签”，弹出“标签编辑器-embed”对话框 。 (4) 设置完毕后单击“确定”按钮。 3．使用添加插件插入声音文件 若对html语言中的标签不是很熟悉的用户，也可以使用添加插件的方法插入多媒体文件。使用添加插件插入声音文件的步骤如下。 (1) 打开需要插入声音文件的页面，将鼠标置于插入点处。 (2) 选择“插入记录”→“媒体”→“插件”或者单击“插入”面板“常用”类别中“媒体”按钮旁的小箭头，从弹出的菜单中选择“插件”。 (3) 在弹出的“选择文件”对话框中选