国防《网站规划与设计》 教学课件 第5章.pptVIP

5.1.6 网页的排版与布局 要使网页中的元素放置在设计者需要的理想位置，就需要对网页进行排版与布局。在Dreamweaver CS4中，可以使用“插入”面板的“布局”类别中的布局工具布局网页。布局工具主要包括表格和AP元素两类。 Dreamweaver提供的布局工具 5.1.6 网页的排版与布局 1.利用表格布局网页(见教材实例) 5.1.6 网页的排版与布局 2.利用AP元素布局网页(见教材实例) 5.1.6 网页的排版与布局 5.2 使用Flash制作网页动画 Flash CS4作为Flash系列软件的最新版本，创建引人入胜的交互式体验，面向使用不同平台和设备的用户，是交互动画业界领先的创作环境。同时，Flash CS4是近年来的版本里改动最大的一次，新增了功能。 5.2.1 Flash CS4工作界面 启动Flash CS4软件，首先打开欢迎屏幕界面。 5.2.1 Flash CS4工作界面 工具箱 舞台 属性面板 工具面板 菜单栏 时间轴面板 工具箱包含用于创建和编辑图像、文档、页面元素等的工具。使用工具箱中的工具可以绘图、上色、选择和修改插图，并可以更改舞台的视图。 5.2.1 Flash CS4工作界面 5.2.2 Flash CS4基本操作 1.导入文件 在Flash CS4中，可以把在其他应用程序中创建的插图和动画元素导入编辑的动画文件中使用。 2.绘制矢量图形 使用Flash可以创建矢量图形并将它们制作为动画。当然这种方法需要用户具有一定的绘画功底。 实例见教材 5.2.3 Flash中的基本概念 1.时间轴 帧是动画中最小单位的单幅影像画面，相当于电影胶片上的每一格镜头。在时间轴上帧表现为一格或一个标记，可以在时间轴上创建和管理动画中的帧。 2.关键帧 关键帧相当于二维动画中的原画，是指角色或者物体运动变化中的关键动作所处的那一帧。关键帧与关键帧之间的动画可以由软件来创建，叫做过渡帧或者中间帧。关键帧分为普通关键帧和动作脚本关键帧两种。普通关键帧用于处理图形图像和动画，动作脚本关键帧用于存放动作脚本，使关键帧可以通过动作脚本控制flash影片和其中的影片剪辑。 3.元件 元件是指创建一次即可多次重复使用的图形、按钮、影片剪辑或文本。 4.实例 实例是指位于舞台上或包含在另一个元件内的元件副本。 5.图层 图层可以组织文档中的插图，可以在某一图层上绘制和编辑对象，不会影响其他图层上的对象。当某一图层上没有内容时，可以透过该图层看到下面图层的内容。 5.2.3 Flash中的基本概念 6.库 库（“库”面板）是用于存储和组织在Flash中创建的各种元件。另外还用于存储和组织导入的文件，包括图像、声音和视频剪辑。库可以组织文件夹中的库项目，查看项目在文档中使用的频率，并按类型对项目排序。 5.2.3 Flash中的基本概念 5.2.4 制作网页动画 1.制作逐帧动画 逐帧动画在每一帧中都会更改舞台内容，它最适合于图像在每一帧中都变化的复杂动画。在制作逐帧动画中，Flash会存储每个完整帧的值。要创建逐帧动画，每个帧都必须定义为关键帧，然后为每个帧创建不同的内容。每个新关键帧最初包含的内容和它前面的关键帧相同，因此可以逐步修改动画中的帧。 2.制作形状补间动画 在一个关键帧中绘制一个形状，然后在另一个关键帧中更改该形状或绘制另一个形状，Flash根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”。形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化，其变形的灵活性介于逐帧动画和动作补间动画之间，使用的元素多为用鼠标或压感笔绘制出的形状，如果使用图形元件、按钮、文字，则必先将其“打散”才能创建变形动画。 5.2.4 制作网页动画 5.3 使用Fireworks制作网页图形图像 Fireworks CS4是一款用来设计和制作网页图形的软件。它所含的创新性解决方案解决了图形设计人员和网站管理员所面临的主要问题。使用Fireworks可以在一个专业的环境中创建和编辑网页图形、对图片进行动画处理、添加高级交互功能以及优化图像。 5.3.1 Fireworks CS4工作界面 Fireworks CS4的开始页 5.3.1 Fireworks CS4工作界面 5.3.2 文档的基本操作 Fireworks中的工具种类齐全，使用这些