Dreamweaver网页设计与应用 作者 张丽英 03.pptVIP

* 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 第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动画效果。使用播放按钮在文档窗口中预览效果。 效果图 课堂练习——美丽女人购物网页 使用图像按钮为网页插入图像。使用属性面板改变图像的边距。 效果图 *