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