在网页中添加flash元素.doc

试验10 在网页中添加flash元素 实验要求 通过试验，掌握如何在网页中添加flash影片、flash文本和flash按钮的方法。 说明 macromedia flash技术是目前最为普及的矢量图形和动画传送解决方案。如今的flash影片已经在网页中广泛应用，增添了网页的动态效果。在dreamweavermx2004中不仅可以插入flash程序中创建的影片，还可以直接在文档中创建、插入和修改flash按钮和flash文本；这些操作均不需要macromedia flash的参与。 对应知识点 ●1.插入flash动画 ●2.添加flash按钮 ●3.使用flash文本 对应《macromediadreamweavermx2004标准教程》第8章的内容。 试验课时;4课时 实验素材 ●swf格式的影片可在本书配套光盘中查找使用 实验步骤 1.dreamweaver mx 2004程序，选择菜单”文件“－”新建”命令，创建HTML网页。保存网页为page10.htm. 2.单击使用面板中的表格按钮，插入5行1列，，宽度为777像素，边框粗细、单元格边距和单元格间距均为0的表格。 3.选中表格，在属性面板中对齐下拉列表中选择居中对齐选项。 4.在第一单元格内单击，使插入点定位在此单元格内。 5.从本书配套光盘exp10\sucai10文件夹中复制文件“1.swf”和”2.swf”,粘贴到任意一个磁盘的根目录下。这是我们粘贴到盘内。如图10-1示 6.返回dreamweaver编辑窗口，在常用面板的媒体列表中选择文本命令，如图所示。或者选择菜单”插入”—〉”媒体”—〉”flash文本”命令。 图10-1 将素材文件粘贴到F盘内 图10-2选择“Flash文本”命令 说明 flash文本对象允许用户创建和插入只包含文本的flash影片，使用它可以创建一个小的矢量图像影片，并定义所有需要的文字和文本。 开“插入flash文本”对话框。如图10-3所示。 设置文字为”MS UI Gothic”，大小为40，单击”粗体”和”左对齐”按钮,在”颜色”调色板中选择颜色为蓝色（色标值为#0000cc）,在“转滚颜色”调色板中选择颜色为浅蓝色（色标值为=#6699ff)，在“文本”编辑框中输入英文”welcome to …”单击“另存为“编辑框右侧的”浏览”按钮，打开“选择文件“对话框，选择F盘根目录下的”1.swl“文件，确定后弹出dreamweaver提示窗口，如图10-4所示 图10-3 “插入Flash文本”对话框 图１０－４Dreamweaver提示窗口 　　　　 图10-5“插入Flash文件”对话框的设置 单击”是”按钮，在另存为“对话框“中显示了文件路径和名称，此时“插入flash文本“对话框。如图10-5所示。 图10-6 Flash文本的预览效果 说明 如果需要为flash文本对象创建一个链接，则可以在“链接“编辑框中输入所需的URL地址。在输入了链接地址之后，用户还可以在“目标”列表中指定打开所链接文档的目标框架或目标窗口。 单击“确定”按钮，flash文本插入到单元格内，单击属性面板中的“播放”按钮 ，flash 文本效果显示在网页中。如图10-6 单击停止按钮，取消播放。选中flash文本时，属性面板如图10-7所示。 说明在属性面板，单击编辑按钮，将调出flash编辑对话框。单击重设大小“按钮，将选定的flash对象大小恢复到原始大小。在垂直边距和水平边距编辑框中，指定flash对象四周的间隔。在”品质”列表中选择flash文件播放的效果。影片在“高品质”下效果会更好，但相对需要更快的计算机配置。 12.将光标定位在第三行单元格内，单击常用面板中的”flash”按钮 ，或选择菜单“插入”—〉“媒体”—〉“flash”命令，打开”选择文件“对话框。找到 本书配套光盘\sucai10文件夹中的素材文件” banner.swf”,选择此文件。如图10-8所示。 13.单击“确定”按钮，flash影片立即被插 入到单元格中，在文档窗口中将出现一个 flash 占位符。要在文档窗口中观看flash影片 的预览，可单击属性面板的“播放”按钮。如图所示。 说明当用户向文档中插入flash影片时，dreamweaver将同时使用object标签（由internet explorer 为active x 控件定义）和embed标签（由netscape navigaror 定义），以期在所有浏览器中获得最佳效果。当用户在属性面板中修改该影片属性时，dreamweaver 会将所输入数据分别影射为 图10-8“选择文件”对话框 与object和embed标签相对应