网页设计与制作项目八 网页中的动感元素.pptVIP

3．在对话框中根据需要进行设置。先在“样式”列表中选择按钮的样式，在“按钮文本”文本框中输入按钮上的文字，然后在“链接”文本框中输入按钮上的文字，然后在“链接”文本框中选择链接网页，以便浏览者单击此按钮时能浏览该网页，最后在“另存为”文本框中输入此新SWF文件的文件名。 4．单击“应用”按钮或“确定”按钮，将Flash按钮插入到文档窗口中。 5．选中文档窗口中的“Flash”，在“属性”面板中单击“播放”按钮测试效果 三、在编辑好的网店页面中插入Shockwave。 Shockwave的插入 【操作步骤】 编辑“网店”页面 1．打开“wangdian.html”素材文件，将鼠标光标定位到本站导航下的单元格内。 2．在其中插入“耳环”、“项链”、“戒指”、“手机饰品”与“其他饰品”5个Flash按钮，并设置按钮的字体格式为“幼圆”、“14像素（px）”和样式为“Soft-Light blue”，如图 3．将鼠标光标定位到店主推荐下的单元格中，选择【插入记录】/【表格】命令，在其中插入一个8行3列、宽度为“725像素（px）”的嵌套表格，如图8-3-2所示。 图8-3-2 插入表格 项目活动八 网页中的动感元素 复习回顾: 如何建立几种常见的几种超链接？（分组操作） 1.文本的超链接方法。（三种方法操作） 2.电子邮件超链接的方法。（二种方法操作） 主要教学环节 项目活动八 网页中的动感元素 项目背景 1 项目分析 2 任务实施 3 任务拓展 4 作品展评 5 项目小结 6 布置作业 7 反思感悟 8 主要教学环节 项目背景 1 项目分析 2 任务实施 3 任务拓展 4 作品展评 5 项目小结 6 布置作业 7 反思感悟 8 项目活动八 网页中的动感元素 主要教学环节 项目背景） 1 项目分析 2 任务实施 3 任务拓展 4 作品展评 5 项目小结 6 布置作业 7 反思感悟 8 项目活动八 网页中的动感元素 主要教学环节 项目背景 1 项目分析 2 任务实施 3 任务拓展 4 作品展评 5 项目小结 6 布置作业 7 反思感悟 8 项目活动八 网页中的动感元素 主要教学环节 项目背景） 1 项目分析 2 任务实施 3 任务拓展 4 作品展评 5 项目小结 6 布置作业 7 反思感悟 8 项目活动八 网页中的动感元素 主要教学环节 项目背景 1 项目分析 2 任务实施 3 任务拓展 4 作品展评 5 项目小结 6 布置作业 7 反思感悟 8 项目活动八 网页中的动感元素 主要教学环节 项目背景 1 项目分析 2 任务实施 3 任务拓展 4 作品展评 5 项目小结 6 布置作业 7 反思感悟 8 项目活动八 网页中的动感元素 主要教学环节 项目背景 1 项目分析 2 任务实施 3 任务拓展 4 作品展评 5 项目小结 6 布置作业 7 反思感悟 8 项目活动八 网页中的动感元素 主要教学环节 项目背景 1 项目分析 2 任务实施 3 任务拓展 4 作品展评 5 项目小结 6 布置作业 7 反思感悟 8 项目活动八 网页中的动感元素 （一）项目背景 返回 在网页中除了可以输入文本和添加图像外，还可以添加FLASH动画、音乐等动态元素，从而使网页更具动感效果，让网页内容更加丰富。 通过学习本案例，学生能够在网页中熟练插入FLASH文本、FLASH动画及SHOCKWAVE影片，让自己的网页更具有动感效果，更能吸引人们的眼球。 （二）项目分析 项目活动目标：在网页中添加FLASH文本、FLASH按钮、ShockWave影片，使网页具有动感效果。 返回 重点：1.FLASH文本的插入 2.FLASH按钮的插入 3. ShockWave影片的插入 难点：各项参数的设置 （三）任务实施 一、FLASH文本的插入 【操作步骤】 1．打开 Dreamweaver软件，新建文件并保存页面， 要保存的文件夹不可以用中文名命名。 2．插入 Flash 文本并输入参数，如图48-2 所示。 3．保存文件，完成操作。 Dreamweaver 可以快速制作简单的 Flash 文件，如果要制作的 Flash 效果要求不高，不妨考虑这种方法。 二、插入Flash文本对象的具体操作如下 1．在文档窗口的“设计”视图中，将插入点放置在想要插入Flash文本的位置。 2．通过以下两种方法启用“Flash文本”命令，弹出“插入Flash文本”对话框。 ①在“插入”---“常用”面板中，单击“媒体”展开式工具按钮，选择“Flash文本”选项。 ②选择“插入记录”---“媒体”---“Flash文本”命令。 对话