文字、图像、动画、声音和视频是网页中常见的对象,它们构成了网页的基本内容。 Dreamweaver提供了功能强大的可视化设计工具,用户可以对这些网页对象进行编辑和 处理。 本章主要内容: ● 文字和段落在网页中的应用 ● 图像在网页中的应用 ● 多媒体对象在网页中的应用 ● 超链接 3.文字和段落在网页中的应用 1 文字是网页的主体,可以传达各种各样的信息,浏览者主要通过文字了解网页的内容。 本节介绍在网页中插入文字、设置文本属性和段落格式的方法。 扫一扫 3.1 插入文字 1. 在网页中可以直接输入文字,也可以粘贴剪贴板中的文字。 视频讲解 1. 直接通过键盘输入 (1)运行DreamweaverCC2018,按Ctrl+Shift+N 组合键,新建一个网页文档。 (2)在文档窗口中(即中间大块的白色区域)单击,出现光标并且一直在闪动。 (3)选择合适的输入法在光标处输入文字。输入完一个段落按Enr键,然后进行下 一段落的输入,如图3-1所示。 te 2. 粘贴剪贴板中的文字 用户可以从其他程序或者窗口中复制或者剪切一些文本内容,然后粘贴在 Dreamweaver的文档窗口中。 板上 ( 。 1)在Word窗口中选中需要的文本内容,按Ctrl+C 组合键将所选文本复制到剪贴 (2)切换到Dreamweaver窗口,在文档窗口中单击定位光标,按Ctrl+V 组合键将剪贴 板上的文本粘贴到当前光标位置。 专家点拨:在粘贴文本到DreamweaverCC2018 的文档窗口中时,该文本不会保持原 有的格式,但是会保留原来文本的段落格式。 39 图3-1 直接输入文字 扫一扫 1.设置文本格式 3.2 在网页中插入文本后可以对这些文本的属性进行相关设置,这样网页将变得更加漂亮。 视频讲解 1. 设置文本格式 Dreamweaver中的文本格式设置与使用标准的字处理程序类似,可以为文本块设置默 认格式(段落、标题1、标题2等), 更改所选文本的字体、大小、颜色和对齐方式,或者应用文 本样式(例如粗体、斜体和下画线)。 DreamweaverCC2018 将两个属性检查器(CSS 属性检查器和HTML 属性检查器)集 成为一个“属性”面板。在使用CSS 属性检查器时 Dreamweaver使用层叠样式表(CSS)设置文本格式。 CSS 使Web设计人员和开发人员能更好地控制网页设 计,同时改进功能以提供辅助功能并减小文件的大小。 CSS 属性检查器使用户能够访问现有样式,也能创建新 样式。图3-2 “属性”面板 按Ctrl+F3 组合键显示“属性”面板,可以通过单击其左上角的HTML 按钮或者CSS 按钮进行CSS 属性检查器和HTML 属性检查器的切换,如图3-2所示。在应用HTML 格 式时Dreamweaver会将属性添加到页面正文的HTML 代码中,在应用CSS 格式时 Dreamweaver会将属性写入文档头或单独的样式表中。 专家点拨:使用CSS 是一种能控制网页样式且不损坏其结构的方式。通过将可视化设 计元素(字体、颜色、边距等)与网页的结构逻辑分离,CSS 为Web设计人员提供了可视化控 制和版式控制,而不牺牲内容的完整性。此外,在单独的代码块中定义版式设计和页面布 局,无须对图像地图、font标签、表格和GIF 动画、图像重新排序,从而加快了下载速度,简 化了站点维护,并能集中控制多个网页页面的设计属性。 2. 设置文本字体 在指定网页文件的文本字体时,用户应使用在所有系统上都安装的基本字体。中文基 本字体即Windows自带的宋体、黑体、隶书等。 在“属性”面板中单击“字体”后面的下拉小三角,在弹出的堆栈列表中列出了Cambria、 Times、TimesNewRoman等字体。应用字体堆栈可以一次性指定3种以上的字体。例 如,可以对文本应用由宋体、黑体、隶书3种中文字体构成的字体堆栈。在网页访问者的计 算机中首先确认是否安装了“宋体”字体,如果没有再检查是否有“黑体”字体,如果还没有, 就用“隶书”字体来显示页面中的文本,即预先指定可使用的两3种字体后,从第一种字体开 始逐个确认(第3种字体最好指定为Windows自带的基本字体)。 第一次打开DreamweaverCC2018 的字体堆栈列表时里面只有几种汉字字体,需要用 户自己添加其他字体,具体的编辑字体堆栈列表和设置文本字体的方法如下。 (1)在Dreamweaver的文档编辑区中插入一些文字。 (2)选中需要改变字体的文本,在“属性”面板中单击CSS 按钮切换到CSS 属性检查 器。单击“字体”后面的下拉小三角,在弹出的堆栈列表中选择“管理字体”选项,如图3-3 所示。 图3-3 选择“管理字体”选项 (3)弹出“管理字体”对话框,选择“自定义字体堆栈”选项卡,在“可用字体”列表框中选 择Verdana,单击 按钮,将其添加到左侧的“选择的字体”框中,然后用同样的方法将宋 体加入“选择的字体”框中,这样将得到一个新的字体列表“Verdana,宋体”,完成设置后单 击“完成”按钮,如图3-4所示。 (4)再次展开“字体”列表,选择刚才新建的字体列表“Verdana,宋体”,如图3-5所示。 这样所选择的字体格式就被设置到所选文本上了。 3. 设置文字大小 输入网页中的文字都是按照默认的大小显示的,用户可以对这些文本的大小进行更改。 其具体操作步骤如下。 (1)选中需要更改文字大小的文本,切换到CSS 属性检查器,单击“大小”文本框后面的 下拉小三角,在弹出的文字大小列表中选择一个类别,如图3-6所示。 41 图3-4 添加字体 图3-5 选择新字体列表 (2)在“大小”文本框右边还有一个文本框,是设置文字大小的单位的,里面包括px(像 素)、pt(点数)、cm(厘米)等9个选项,如图3-7所示。用户可以根据需要选择文字大小的单 位,在默认情况下通常选择px(像素)为单位。 (3)如果在文字大小列表中没有需要的大小,将光标定位在“大小”文本框中直接输入 文字大小的数字,然后按Enter键即可。 4. 设置文本颜色 在默认情况下,输入网页中的文字都是黑色的,用户可以通过文本属性设置文本的颜色。 42 图3-6 设置文字大小 图3-7 选择文字大小的单位 (1)选中需要更改颜色的文本,在“属性”面板中单击“文本颜色”按钮 ,弹出如图3-8 所示的颜色选择器,在其中选择一种需要的颜色即可,也可以直接输入文本颜色的十六进制 数值。 图3-8 设置颜色 (2)在颜色选择器中还可以选择“ 色取样。 3.3 1. 网页中的文章段落分明、有层次感才能让浏览者更好地阅读, 美观、大方。下面介绍设置段落格式的方法。 43 吸管”工具,然后在屏幕上的任何位置单击进行颜 扫一扫 视频讲解 设置段落格式 也会使页面看起来整洁、 1. 设置文本标题 在一个网站的网页中或者一篇独立的文章中通常都会有一个醒目的标题,告诉浏览者 这个网站的名字或该文章的主题。 HTML 的标题标签主要用来快速设置文本标题的格式,典型的形式是<h1></h1>, 它用来设置第一层标题,<h2></h2> 设置第二层标题,以此类推。 用户可以在设计视图中通过“属性”面板对文本标题进行设置。 (1)在设计视图中将光标定位在要设置标题的段落。 (2)进入“属性”面板,切换到HTML 属性检查器,然后单击“格式”右侧的下三角按钮, 在弹出的列表中就可以选择相应的标题格式,如图3-9所示。 图3-9 设置标题 (3)如果想取消设置好的标题格式,可以在“属性”面板中单击“格式”右侧的下三角按 钮,在弹出的列表中选择“无”。 专家点拨:如果想更改标题文字的外观,比如更改“标题1”的文字颜色为红色,可以在 “属性”面板中单击“页面属性”按钮,打开“页面属性”对话框,选择“标题(CSS),(”) 然后设置 “标题1的(”) 颜色为红色,如图3-10 所示。 2. 设置段落对齐 段落的对齐方式有居左对齐、居右对齐、居中对齐和两端对齐。设置段落对齐的具体操 作步骤如下: (1)新建一个HTML 网页文档,输入一些文本段落,如图3-11 所示。 (2)切换到代码视图,观察和文本段落相关的代码,如图3-12 所示。 <p>和</p>这对标签是定义文本段落的标签,在<p>和</p>之间的文本属于同 一个段落。 (3)切换到设计视图,将光标定位到文本“段落居中对齐”的后面。 44 图3-10 “页面属性”对话框 图3-11 输入一些文本段落图3-12 和文本段落相关的代码 (4)进入“属性”面板,单击CSS 按钮切换到CSS 属性检查器,然后单击“居中对齐”按 钮 ,可以看到设计视图中的文本定位到了页面中间,不论怎样调整窗口大小,这些文字始 终保持在中间,如图3-13 所示。 图3-13 设置文本居中对齐 专家点拨:在“ 齐方式,如图3-14 所示。 45 属性”面板中可以单击“左对齐”“右对齐”“两端对齐”按钮设置段落的对 图3-14 段落的对齐方式按钮 3. 分段和换行 (1)在设计视图中输入一些文本,将光标定位到第一个“段落间距”的后面,如图3-15 所示。 (2)按Enter键进行分段,则两个段落之间将会出现较大的间距,如图3-16 所示。 图3-15 定位光标图3-16 用Enter键分段的效果 专家点拨:每次按下Enter键换行以后其实就是一个新段落的开始,切换到代码视图 可以观察到多了一对<p></p>标签。 (3)将光标定位到第二个“段落间距”的后面,如图3-17 所示。 (4)按Shift+Enter组合键进行分行,可以看到两行之间的间距很小,如图3-18 所示。 图3-17 定位光标图3-18 用Shift+Enter组合键分段的效果 专家点拨:切换到代码视图,可以观察到这次操作系统自动生成了一个<br> 标签,这 是一个换行标签,它和<p>标签有本质的区别。 4. 文本缩进 (1)在设计视图中再输入3个文本段落。将光标定位到第二个“文本缩进”的后面,如 图3-19 所示。 (2)进入“属性”面板,单击HTML 按钮切换到HTML 属性检查器。 (3)单击“内缩区块”按钮 ,在设计视图中可以看到文本缩进的效果,如图3-20 所示。 (4)在设计视图中将光标定位到第3个“文本缩进”的后面,如图3-21 所示。 (5)连续单击两次“内缩区块”按钮 果,如图3-22 所示。 ,在设计视图中可以看到文本连续缩进后的效 专家点拨:在“属性”面板中可以设置文本的粗体、斜体样式,其他文本样式可以通过选 择“工具”|HTML 下的命令进行设置,例如下画线、删除线样式。 46 图3-19 定位光标图3-20 一次文本缩进的效果 图3-21 定位光标图3-22 两次文本缩进的效果 3.4 插入特殊字符 1. 用户在制作网页时经常会应用一些特殊字符,例如版权符号、注册商标符号等,这些特 殊符号用键盘直接输入有些困难,需要使用“插入”面板和HTML 语言单独进行定义。 在Dreamweaver中选择“窗口”|“插入”命令,可以打开“插入”面板,如图3-23 所示。 在“插入”面板中单击“字符”按钮,在弹出的列表中单击相应的字符,即可在网页中插入 相应的特殊字符。如果用户在“字符”列表中选择“其他字符”选项,还可以打开“插入其他字 符”对话框,在页面中插入其他更多字符,如图3-24 所示。 图3-23 “插入”面板图3-24 “插入其他字符”对话框 入”|HTML|“字符”, ( (2)在“插入” 权”选项,如图3-25 所示, 专家点拨:除了可以在“插入其他字符”对话框中插入特殊字符外,用户还可以选择“插 在联级菜单中选择需要的特殊字符插入。 1)在文档编辑区中将光标定位在需要插入特殊字符的位置。 面板中选择“字符:其他字符”前的下三角,在弹出的列表中选择“.版 即可在网页中插入版权字符。 图3-25 “字符:其他字符”列表 专家点拨:HTML 只允许字符之间有一个空格,若要在文档中添加其他空格,必须插 入不换行空格,具体操作方法是在“插入”面板中选择“不换行空格”。 扫一扫 3.5 使用段落列表 1. 列表是HTML 中用于组织多个段落文本的一种方式,列表分成编号列表和项目列表, 视频讲解 前一种列表用数字顺序为列表中的项目进行编号,后一种列表在每个列表项目之前使用一 个项目符号。 1. 编号列表 (1)新建一个HTML 网页文档,在页面中输入一些文本段落,然后切换到设计视图,拖 动鼠标选择“编号列表”下面的3行文本,如图3-26 所示。 (2)进入“属性”面板,单击“编号列表”按钮 ,这时可以看到设计视图中的列表,如 图3-27 所示。 图3-26 选择列表项目图3-27 编号列表 48 (3)如果需要在列表中添加新项目,将光标定位到最后一个列表项目的后面,如图3-28 所示。 (4)按Enter键,列表中将会多出新的一行,并且自动编号,如图3-29所示。 图3-28 定位光标准备插入新的列表项目 图3-29 新增加的列表项目 (5)将光标定位在列表项目内部的任意位置,然后右击,从弹出的快捷菜单中选择“列 表”|“属性”命令,在弹出的“列表属性”对话框中选择“样式”下拉列表框中的“大写罗马字 母”选项,设置“开始计数”为2,然后单击“确定”按钮,如图3-30所示。 (6)完成上面的设置后列表的编号将用罗马字符表示,起始编号项目为Ⅱ(罗马字符中 的2),效果如图3-31所示。 图3-30 设置编号列表的属性 图3-31 修改属性后的编号列表效果 专家点拨:编号列表又称为有序列表,使用<ol></ol>标签创建编号列表。其具体 使用方法如下: <ol> <li>列表项目一</li> <li>列表项目二</li> <li>列表项目三</li> <li>列表项目四</li> </ol> 图3-32 选择列表中的项目 2.项目列表 (1)在设计视图中选择“项目列表”下面的3行文字,如图3-32所示。 (2)在“属性”面板中单击“项目列表”按钮,默认的列表 项目标记为圆形黑点,效果如图3-33所示。 (3)在列表中右击,在弹出的快捷菜单中选择“列表”|“属 性”命令,然后在弹出的“列表属性”对话框中设置“样式”为“正 方形”,单击“确定”按钮,如图3-34所示。 (4)在设计视图中可以看到项目列表前面的项目标记变成 49 黑色的正方形,如图3-35所示。 图3-33 项目列表的效果图3-34 设置项目列表属性图3-35 项目列表属性修改后的效果 专家点拨:使用<ul></ul>标签创建项目列表。其具体使用方法如下: <ul> <li>列表项目一</li> <li>列表项目二</li> <li>列表项目三</li> </ul> 3.2 图像在网页中的应用 图像是网页中最常用的元素,要想制作出漂亮的网页是离不开图像这个元素的。网页 中的图像一般都是应用Photoshop、Fireworks这样的专业图像处理软件进行编辑,然后将 这些图像插入Dreamweaver中对网页进行修饰和美化。 3.2.1 插入图像 下面结合实例介绍在网页中插入图像和设置网页背景图像的方法。 图3-36 插入图像 1.插入图像的方法 (1)新建一个HTML网页文档并将其保存,在设 计视图中将光标定位在准备插入图像的位置。 (2)切换到“插入”面板中的HTML 选项卡,单击 Image按钮,如图3-36所示。 专家点拨:用户还可以选择菜单栏中的“插入”| Image命令进行插入图像的操作,另外,还可以按 Ctrl+Alt+I组合键完成图像的插入。 (3)在弹出的“选择图像源文件”对话框中选择 images文件夹中的“汽车1.jpg”文件,如图3-37所示,单击“确定”按钮。 (4)保存文件,然后按F12键进行预览,如图3-38所示。 (5)网页中的图像是用<img>标签定义的,可以切换到代码视图查看相关的代码: <img src="images/汽车1.jpg" width="800" height="496" alt=""/> 扫一扫 视频讲解 50 图3-37 选择图像源文件 图3-38 网页预览效果 2. 设置网页背景图像 背景图像是网页中另外一种图像的显示方式,在网页中设置背景图像既不影响文本的 输入也不影响插入图像时图像的显示。 设置网页背景图像的具体步骤如下: (1)在“属性”面板中单击“页面属性”按钮,如图3-39 所示。 51 图3-39 “属性”面板 (2)在打开的“页面属性”对话框的“分类”列表框中选择“外观(CSS)”选项,然后单击 对话框右侧“外观(CSS)”选项区中的“浏览”按钮,如图3-40 所示。 图3-40 “页面属性”对话框 (3)在打开的“选择图像源文件”对话框中选择一个图像文件,单击“确定”按钮,如图3-41 所示。 图3-41 “选择图像源文件”对话框 52(4)返回“页面属性”对话框,依次单击“应用”和“确定”按钮,即可为网页设置背景图 像,如图3-42 所示。 图3-42 网页背景图像效果 专家点拨:在“页面属性”对话框的“外观(CSS)”选项区中,用户可以选择“重复”下拉列表 中的选项设置背景图像在网页中的重复显示参数,包括repeat、repeat-x、repeat-y和no-repeat, 这4个选项分别表示重复显示、横向重复、纵向重复和不重复显示,默认的是重复显示。 3.2 设置图像属性 2. 在网页中插入图像以后可以使用“属性”面板设置图像的属性,如图3-43 所示。下面对 “属性”面板中的各个选项进行说明。 图3-43 图像的“属性”面板 ●ID 文本框:在图像缩略图旁边的ID 文本框中输入一个名称,以便在编写脚本语言 (例如JavaScript或VBScript)时可以引用该图像。 ●Src文本框:指定图像的源文件。单击文件夹图标可以浏览找到图像的源文件,也可 以直接输入图像源文件所在的路径。 ●“无”选项:将用户定义的类形式应用在网页图像中。 ●“宽”和“高”文本框:以像素为单位指定图像的宽度和高度。在页面中插入图像时 Dr会自动用图像的原始尺寸更新这些文本框。在“宽”和“高”文本框中 分别输入数值可以对图像的大小做一个具体调整。若要恢复原始值,可单击“宽”和 恢复为原始大小”按钮。 文本框:在该文本框中直接输入文本内容即可。“替换”文本框用于指定在只 显示文本的浏览器或已设置为手动下载图像的浏览器中代替图像显示的替换文本。 reamweave “高”文本框右侧的“ ●“替换” 在某些浏览器中,当鼠标指针滑过图像时也会显示该文本。 ●“链接”文本框:指定图像的超链接。方法为将“指向文件”图标拖到“站点”面板中的 某个文件,单击文件夹图标浏览到站点上的某个文档,也可以直接手动输入URL 。 ●“编辑”按钮 :启动在“外部编辑器”首选参数中指定的图像编辑器并打开选定的 图像。 ●“编辑图像设置”按钮 :选择页面中的图像后单击这个按钮打开“图像优化”对话 框,在其中可以选择一个预设,指定文件格式,然后指定品质级别,在移动品质级别的 滑块时,可以在对话框中看到图像的大小,完成后单击“确定”按钮。 ●“从源文件更新”按钮 :当Photoshop中的图像源文件发生变动时此按钮变为可 用,在Dreamweaver中可以通过使用“从源文件更新”按钮来设置同步更新图像。 ●“裁剪”按钮 :修剪图像的大小,从所选图像中删除不需要的区域。 ●“重新取样”按钮 :当改变了图像尺寸时此按钮有效,可以重新取样已调整尺寸的 图像,提高图像在新的大小和形状下的品质。 ●“亮度和对比度”按钮 :调整图像的亮度和对比度设置。 ●“锐化”按钮 :调整图像的清晰度。 ●“地图”文本框和热点工具:允许用户标注以及创建客户端图像地图和热区。 ●“目标”下拉列表:指定链接的页面应当载入的框架或窗口。当图像没有链接到其他 文件时此选项不可用。当前框架集中所有框架的名称都显示在“目标”下拉列表中。 ●“ 原始”文本框:当网页中的图像太大时会需要很长的时间读取图像。在这种情况下, 用户可以在“原始”文本框中临时指定网页暂时先显示一个较低分辨率的图像文件。 2.使用外部图像编辑器 3.3 Dreamweaver允许用户使用外部图像编辑器对页面上的图像进行编辑,在编辑页面中 的图像时先选中图像,然后单击“属性”面板中的“编辑”按钮 就可以启动外部的图像编辑 软件对图像进行编辑。 在Dreamweaver的“首选项”对话框中使用“文件类型/编辑器”首选参数选择用于启动 和编辑图形文件的图像编辑器,可以设置编辑器打开哪些文件类型,并且可以选择多个图像 编辑器。 (1)选择“编辑”|“首选项”命令,打开“首选项”对话框,从左侧的“分类”列表中选择“文 件类型/编辑器”选项,如图3-44 所示。 (2)在“扩展名”列表中选择要为其设置外部编辑器的文件扩展名。单击“编辑器”列表 上方的加号(+)按钮,在“选择外部编辑器”对话框中浏览到要作为此文件类型的编辑器启 动的应用程序,如图3-45 所示。 54 图3-44 选择“首选项”对话框中的“文件类型/编辑器”选项 图3-45 “选择外部编辑器”对话框 55 (3)在“首选项”对话框中,如果希望该编辑器成为此文件类型的主编辑器,可以单 击 “设为主要”按钮 。 3.多媒体对象在网页中的应用 3 随着多媒体技术的发展,t的功能也得到较大的提高,音乐、动画、视频等媒体的 应用越来越广泛,音乐网站、电影网站、播客等融合多媒体技术的网站也越来越多。 Interne 扫一扫 3.1 在网页中应用Aite动画 3.nma 在制作网页时让Dreamweaver与动感、鲜活的Animate动画相结合有助于制作出更具 视频讲解 动感的网页,网页的表现效果也因此更受用户的青睐。 1. 插入SWF 在Dreamweaver中插入Animate动画的方法如下: (1)新建一个网页文档,并保存为3.1.tl。 3.hm (2)将光标定位在需要插入Animate动画的位置, 在“插入”面板的HTML 选项卡中单击FlashSWF 按 钮 ,如图3-46 所示。 (3)弹出“选择SWF”对话框,在其中选择images 文件夹下的“网络广告.”影片文件,并单击“确定”按 钮,如图3-47 所示。 swf (4)这时页面中出现一个SWF 文件占位符。SWF 图3-46 单击FlashSWF 按钮 文件占位符有一个选项卡式蓝色外框,此选项卡指示资 源的类型(SWF 文件)和SWF 文件的ID 。此选项卡还显示一个眼睛图标,此图标可用于在 SWF 文件和用户在没有正确的FlashPlayer版本时看到的下载信息之间切换。 图3-47 “选择SWF”对话框 48 所示。 56(5)保存文档,按F12 键,这样就可以在浏览器中播放Animate影片,如图3- 图3-48 浏览器中的Animate动画效果 专家点拨:有时候无法在浏览器中显示Animate影片,这是因为没有安装Animate影 片的播放插件。用户可以自己安装插件。但是,当使用的浏览器版本较低或者安装的插件有 问题时无法收看Animate影片,此时用户需要在Adobe公司的主页下载FlashPlayer并安装。 2. 使SWF 背景透明 在页面中插入SWF 时经常会出现网页的背景色和SWF 的背景色不一致的情况,这样 就影响了页面的显示效果,用户可以在Dreamweaver中通过将SWF 设置成透明背景来解 决这个问题。 (1)在文档编辑区中插入一个1行1列的表格,设置这个表格的宽度为650 像素、边框 粗细为0像素。在“属性”面板中设置“水平”为居中对齐、“垂直”为居中,设置背景颜色为 蓝色。 imae\rn.w (2)在这个表格中插入一个SWF 文件(gstassf), 然后保存文档并预览,如 图3-49 所示,发现SWF 的背景色为白色,而表格的背景色为蓝色,没有融合在一起,效果很 不好 ( 。 3)在Wmode下拉列表中选择“透明”选项。然后再次保存文档并预览,可以看到 SWF 的背景变成透明,效果很好,如图3-50 所示。 3. 设置SWF 的属性 在“属性”面板中可以指定SWF 的属性,如图3-51 所示。 ●ID 文本框:为SWF 文件指定唯一的ID,在“属性”面板最左侧的文本框中输入ID 即可。 ●“宽”和“高”文本框:以像素为单位指定SWF 影片的宽度和高度。 ●“文件”文本框:指定SWF 文件的路径。单击文件夹图标以浏览到某一文件,或者直 接输入路径。 57 图3-49 没有将SWF设置成透明色 图3-50 将SWF设置成透明色 图3-51 “属性”面板 ●“ 源文件”文本框:指定源文件(FLA文件)的路径。 ●“背景颜色”文本框:指定影片区域的背景颜色。在不播放影片时(在加载时和在播 放后)也显示此颜色。 ●Clas 下拉列表:用于为当前的Animate动画指定预定的类。 ●“编辑”按钮 :启动Flash以更新FLA文件(使用Animate软件创建的文 件)。如果计算机上没有安装AnimateCC,则会禁用此按钮。 ●“循环”复选框:使SWF影片连续播放。如果没有选中此复选框,则影片将播放一 次,然后停止。 ●“自动播放”复选框:选中此复选框,则在加载页面时自动播放影片。