Dreamweaver CS5 网页设计与应用（第2版）第3章在网页中插入图像.pptx

第3章 在网页中插入图像 本章简介： 图像和多媒体是网页中的重要元素，在网页中的应用越来越广泛。本章主要讲解图像和多媒体在网页中的应用方法和技巧，通过这些内容的学习，可以使设计制作的网页更加美观形象、生动丰富，更可以增加网页的动感，使网页更具有吸引力。 课堂学习目标 掌握在网页中插入和编辑图像的方法 掌握图像占位符的设置方法 掌握多媒体在网页中的应用方法和技巧 3.1 图像的基本操作 在网页中插入图像 设置图像属性 图像占位符 课堂案例——休闲时刻网 3.1.1 在网页中插入图像 要在Dreamweaver CS5文档中插入的图像必须位于当前站点文件夹内或远程站点文件夹内，否则图像不能正确显示，所以在建立站点时，网站设计者常先创建一个名叫“images”的文件夹，并将需要的图像复制到其中。 3.1.2 设置图像属性 插入图像后，在“属性”面板中显示该图像的属性。 属性面板 3.1.3 图像占位符 在网页中插入图像占位符的具体操作步骤如下。 （1）在文档窗口中，将插入点放置在要插入占位符图形的位置。 （2）通过以下几种方法启用“图像占位符”命令，弹出“图像占位符”对话框。 ① 选择“插入”面板中的“常用”选项卡，单击“图像”展开式工具按钮 ，选择“图像占位符”选项 。 ② 选择“插入记录 图像对象 图像占位符”命令。 3.1.4 课堂案例——休闲时刻网 使用图像按钮插入图片并添加图片提示信息。 效果图 3.2 多媒体在网页中的应用 插入Flash动画 课堂案例——女性化妆品网 3.2.1 插入flash动画 在网页中插入Flash动画的具体操作步骤如下。 （1）在文档窗口的“设计”视图中，将插入点放置在想要插入影片的位置。 （2）通过以下几种方法启用“Flash”命令。 ① 在“插入”面板的“常用”选项卡中，单击“媒体”展开式工具按钮 ，选择“SWF”选项 。 ② 选择“插入 媒体 SWF”命令。 弹出“选择文件”对话框，选择一个后缀为“.swf”的文件，单击“确定”按钮完成设置。此时，Flash占位符出现在文档窗口中。 （3）选中文档窗口中的Flash对象，在“属性”面板中单击“播放”按钮 ，测试效果。 3.2.2 课堂案例——女性化妆品网 使用媒体按钮为网页文档插入Flash动画效果，使用播放按钮在文档窗口中预览效果。 效果图 课堂练习——美丽女人购物网 使用图像按钮插入图片并添加图片提示信息。 效果图 课后习题——营养美食网 使用Flash按钮插入SWF动画。 效果图