第3章-插入多媒体元素和超链——(网页设计与制作共11章).pptVIP

第3章　插入多媒体元素和超链接 3.1 案例1 制作多媒体网页——我的乐园 3.2 案例2 为网页添加超链接 3.3 学习任务：管理链接 3.4 实训 3.1 案例1 制作多媒体网页——我的乐园 3.1.1插入Flash元素 3.1.2插入视频和音频 3.1.3插入其他多媒体元素 3.1.1 插入Flash元素 Flash动画采用的是矢量技术，它以文件小巧、速度快、特效精美、支持流媒体和交互功能强大的特点成为网页中最流行的动画格式，广泛地应用于网页中。 1）新建一个网页文件，并以“3-1.html”为文件名进行保存。 2）单击“插入→表格”菜单命令，打开“表格”对话框，创建一个6行4列的表格。 ?提示：表格是Dreamweaver中最常用的页面布局工具，它不但可以精确定位网页在浏览器中的显示位置，而且还可以控制网页元素在页面中的精确布局。本案例只要求用户根据操作步骤创建并操作表格，有关表格的应用方法将在第5章进行详细介绍。 3）选中第一行的4个单元格，单击鼠标右键，在打开的快捷式菜单中选择“表格→合并单元格”命名，将选中的单元格合并为一个单元格。 4）将光标置于合并的单元格中，选择“插入→图像”命令，在第一行中插入已经准备好的图像，如图3-2所示。 5）将光标置于第2行第一列的单元格中，单击“插入”面板“常用”标签中的媒体按钮 ，打开如图3-3所示菜单。选择SWF后，打开如图3-4所示的“选择文件”对话框，从中选择已经准备好的SWF文件。 6）单击【确定】按钮，打开“对象标签辅助功能属性”对话框，如图3-5所示。在“对象标签辅助功能属性”对话框中设置所插入媒体的标题、访问快捷键和Tab键顺序。插入的SWF文件在网页中显示为Flash占位符，如图3-6所示。 ?提示：在Dreamweaver中只支持.swf格式的Flash动画，该格式的Flash动画是Flash源文件（.fla格式）的压缩版本，已经进行了优化，便于在Web上查看。 7）选中插入的Flash动画对象，选择“窗口→属性”菜单命令打开“属性”面板，如图3-7所示。 Flash对象“属性”面板中各项含义如下： ID：为SWF 文件指定唯一ID标识号。在属性检查器最左侧的未标记文本框中输入ID。从 Dreamweaver CS4 起，需要唯一ID。 宽、高：插入的文件会以默认宽高显示，可以用鼠标或手工精确输入宽高值。 文件：指定SWF文件或Shockwave文件的源路径。单击文件夹图标可浏览到某一文件，或者直接键入路径。 源文件和编辑：如果计算机上同时安装了Flash，Dreamweaver可直接调用Flash对指定的源文件（FLA 文件）进行编辑。如果计算机上没有安装Flash，“编辑”按钮为灰色，不可用。 背景颜色：指定影片区域的背景颜色。在不播放影片时（在加载时和在播放后）也显示此颜色。 类：用于对影片应用CSS 类。 循环：使影片连续播放。如果没有选择循环，则影片将播放一次后停止。 自动播放：在加载页面时自动播放影片。 垂直边距和水平边距：指定影片上、下、左、右空白的像素数。 品质：在影片播放期间控制抗失真。默认为高品质，该设置可改善影片的外观。但高品质设置的影片需要较快的处理器才能在屏幕上正确呈现。 比例：确定影片如何适合在宽、高度文本框中设置的尺寸。默认为显示整个影片。 对齐：确定影片在页面上的对齐方式。 Wmode：设置Flash背景是否透明。使用透明Flash与背景图片配合，会达到意想不到的动画效果。 播放：在“文档”窗口中播放影片。 参数：打开一个对话框，可在其中输入传递给影片的附加参数。 8）根据需要适当设置Flash动画属性，设置完毕，单击面板中的按钮预览动画效果。 9）选中表格第二行后面的三个单元格，单击鼠标右键，在打开的快捷式菜单中选择“表格→合并单元格”命令，将选中的单元格合并为一个单元格。然后，在合并后的单元格中输入一些文本，根据需要对其进行属性设置。 10）保存含有Flash元素的网页时，Dreamweaver会弹出“复制相关文件”对话框，如图3-8所示。若想在网页中正常显示Flash，需要把列表中的JavaScript文件复制到本地站点，当把站点上传时，这些文件也必须同时上传到服务器上。单击【确定】按钮，Dreamweaver会在站点根目录下自动创建“Scripts”文件夹，并创建相应的JavaScript文件。 11）按下〈F12〉进行预览。效果如图3-9所示。 3.1.2 插入视频和音频 使用插件可以在网页中添加视频文件和音频文件。将鼠标放置在要插入内容的位置，单击“插入”面板“媒体”标签中的“插件”按钮，其他操作与插入Flash元素类似