网页美工设计教案.ppt

4、测试影片，可以看到点击按钮动画才开始播放的效果。自定义按钮动画实例（步骤详见书）6.3帧脚本动画制作帧动作所谓的“帧动作”，就是Flash影片在播放到该帧的时候应该进行什么样的操作。例如跳转、停止、重复等等。如果要对某一帧添加动作，必须要使该帧成为关键帧。如果该帧已经为关键帧，我们就不要对它进行转换了。帧脚本动画实例（步骤详见书）6.4影片剪辑脚本动画制作实例影片剪辑脚本动画在Flash中，除了利用场景、帧控制脚本实现对动画播放状态的简单控制外，还可利用影片剪辑控制脚本对影片剪辑的属性进行设置。在Action脚本的实际应用中，影片剪辑控制脚本是除场景、帧控制脚本外，最常用的一类脚本。6.4.2影片剪辑脚本实例（步骤详见书）6.5Flash交互式网页动画实例（步骤详见书）第七章Dreamweaver静态基本页面的制作本章知识重点：Dreamweaver基本概念2.Dreamweaver基本工作环境3.Dreamweaver基本操作4.Dreamweaver静态网页的制作7.1Dreamweaver基本概念MacromediaDreamweaver是一款专业的网页设计软件，它采用所见即所得的方式将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，使得各个层次的开发人员和设计师都能够快速创建基于标准的网站和应用程序。它针对专业网页设计师进行视觉化网页开发工作而特别设计，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。7.2Dreamweaver基本工作环境7.2.1工作环境Dreamweaver工作于Windows操作系统下对计算机硬件的最低系统要求：IntelPentium4或AMDAthlon64处理器MicrosoftWindowsXP(带有ServicePack2，推荐ServicePack3);WindowsVistaHomePremium、Business、Ultimate或Enterprise(带有ServicePack1);或Windows7512MB内存1GB可用硬盘空间用于安装;安装过程中需要额外的可用空间(无法安装在基于闪存的可移动存储设备上)1280x800屏幕，16位显卡DVD-ROM驱动器7.2.2工具栏使用文档工具栏中包含的按钮可以在文档的不同视图之间快速切换。工具栏中还包括一些与查看文档、在本地和远程站点间传输文档有关的常用命令和选项。图7-3所示显示展开的文档工具栏。以下选项出现在“文档”工具栏中：A.显示代码视图：只在“文档”窗口中显示“代码”视图。B.显示代码视图和设计视图：将“文档”窗口拆分为“代码”视图和“设计”视图。当选择了这种组合视图时，“视图选项”菜单中的“顶部的设计视图”选项变为可用。C.显示设计视图：只在“文档”窗口中显示“设计”视图。如果处理的是XML、JavaScript、Java、CSS或其他基于代码的文件类型，则不能在“设计”视图中查看文件，而且“设计”和“拆分”按钮将会变暗。D.实时代码视图：显示浏览器用于执行该页面的实际代码。E.检查浏览器兼容性用于检查您的页面是否对于各种浏览器均兼容。F.实时视图：显示不可编辑的、交互式的、基于浏览器的文档视图。G.CSS检查模式：检查CSS代码是否兼容于各种浏览器。H.在浏览器中预览/调试：允许您在浏览器中预览或调试文档。从弹出菜单中选择一个浏览器。I.可视化助理：使您可以使用各种可视化助理来设计页面。J.刷新设计视图:在“代码”视图中对文档进行更改后刷新文档的“设计”视图。在执行某些操作（如保存文件或单击该按钮）之后，您在“代码”视图中所做的更改才会自动显示在“设计”视图中。K.文档标题：允许您为文档输入一个标题，它将显示在浏览器的标题栏中。如果文档已经有了一个标题，则该标题将显示在该区域中。L.文件管理：显示“文件管理”弹出菜单。7.2.3【属性】面板“属性”面板用于显示和编辑当前选定页面元素（如文本和插入的对象）的最常用属性。“属性”面板中的内容根据选定的元素会有所不同。例如，如果您选择页面上的一个图像，则“属性”面板将改为显示该图像的属性（如图像的文件路径、图像的宽度和高度、图像周围的边框（如果有），等等）。默认情况下，“属性”面板位于工作区的底部边缘，但是可以将其取消停靠并使其成为工作区中的浮动面板。如图7-4所示7.2.4面板组在执行Dreamweaver的操作时，面板是一个很重要的编辑辅助工具，Dreamweaver中有很多类型