三章网页图文网页上的多媒体编辑ppt课件.ppt

第三章第三章 网页图文网页图文韦妍韦妍网页设计与制作多媒体元素的插入多媒体元素的插入多媒体元素的插入多媒体元素的插入教学任务教学任务教学任务教学任务网页上的文本编辑网页上的文本编辑网页上的文本编辑网页上的文本编辑网页上的图像编辑网页上的图像编辑网页上的图像编辑网页上的图像编辑CSSCSS样式设置文本格式样式设置文本格式样式设置文本格式样式设置文本格式1 12 23 34 4第三章第三章第三章第三章 网页图文网页图文网页图文网页图文3.3 在网页中插入各种媒体文件在网页中插入各种媒体文件3.3.3 3. .1 1 插入插入FlashFlash动画动画①①将光标移到要插入将光标移到要插入FlashFlash动画文件的位置，然后到动画文件的位置，然后到【【插入插入】】面板面板的的【【常用常用】】模式上模式上“ “媒体媒体” ”中单击中单击SWFSWF按钮按钮 ，如图所示如图所示第三章第三章第三章第三章 网页图文网页图文网页图文网页图文3.3 在网页中插入各种媒体文件在网页中插入各种媒体文件3.3.3 3. .1 1 插入插入FlashFlash动画动画②②从打开的从打开的【【选择文件选择文件】】对话框中找到所需的文件，然后单击对话框中找到所需的文件，然后单击 按钮按钮 ，如图所示。

如图所示第三章第三章第三章第三章 网页图文网页图文网页图文网页图文3.3 在网页中插入各种媒体文件在网页中插入各种媒体文件3.3.3 3. .1 1 插入插入FlashFlash动画动画③③回到回到DreamweaverDreamweaver窗口后，光标位置会出现插入的动画文件图窗口后，光标位置会出现插入的动画文件图标移动鼠标在标移动鼠标在【【属性属性】】面板单击面板单击 按钮预览动画，如图所示按钮预览动画，如图所示第三章第三章第三章第三章 网页图文网页图文网页图文网页图文3.3 在网页中插入各种媒体文件在网页中插入各种媒体文件3.3.3 3. .1 1 插入插入FlashFlash动画动画④④选择动画文件，然后在选择动画文件，然后在【【属性属性】】面板单击面板单击 按钮，如下按钮，如下图所示，出现图所示，出现【【参数参数】】对话框后，在对话框后，在“ “参数参数” ”栏输入栏输入wmodewmode，，并在并在“ “值值” ”栏输入栏输入transparenttransparent，然后单击，然后单击 按钮，可将按钮，可将FlashFlash背景透明化，如图所示。

背景透明化，如图所示第三章第三章第三章第三章 网页图文网页图文网页图文网页图文3.3 在网页中插入各种媒体文件在网页中插入各种媒体文件3.3.3 3. .2 2 插入视频插入视频 在网页中除了可插入在网页中除了可插入FlashFlash动画外，还可插入其它的视频，动画外，还可插入其它的视频，* *.mpg.mpg、、* *. .aviavi、、* *. .movmov等①①将光标移到要插入影片的位置，然后到将光标移到要插入影片的位置，然后到【【插入插入】】面板的面板的【【常用常用】】模式上模式上“ “媒体媒体” ”中单击中单击 插件外挂程序按钮，如图所示插件外挂程序按钮，如图所示第三章第三章第三章第三章 网页图文网页图文网页图文网页图文3.3 在网页中插入各种媒体文件在网页中插入各种媒体文件3.3.3 3. .2 2 插入视频插入视频②②出现出现【【选择文件选择文件】】对话框后，在对话框后，在“ “查找范围查找范围” ”栏中选择文件所在磁栏中选择文件所在磁盘与文件夹，接着在列表中选择文件名，然后单击盘与文件夹，接着在列表中选择文件名，然后单击 按钮。

按钮③③回到回到DreamweaverDreamweaver窗口后，光标位置会出现视频插件图标，在窗口后，光标位置会出现视频插件图标，在【【属性属性】】面板的面板的“ “宽宽” ”和和“ “高高” ”栏分别输入影片的宽度和高度，如下栏分别输入影片的宽度和高度，如下图所示第三章第三章第三章第三章 网页图文网页图文网页图文网页图文3.3 在网页中插入各种媒体文件在网页中插入各种媒体文件3.3.3 3. .3 3 插入音乐插入音乐①①将光标移到要插入音乐文件的位置，然后到将光标移到要插入音乐文件的位置，然后到【【插入插入】】面板的面板的【【常用常用】】模式上模式上“ “媒体媒体” ”中单击中单击 插件外挂程序按钮插件外挂程序按钮②②在打开的在打开的【【选择文件选择文件】】对话框中选取文件对话框中选取文件③③回到回到DreamweaverDreamweaver窗口后，光标位置会出现音乐插件图标，移动鼠标窗口后，光标位置会出现音乐插件图标，移动鼠标在属性面板单击在属性面板单击 按钮按钮, ,如下图所示。

如下图所示④④在在“ “参数参数” ”窗口，添加窗口，添加hidden hidden 和和autostartautostart两个参数两个参数 ，其值分别设置为，其值分别设置为falsefalse和和truetrue，如图所示，如图所示第三章第三章第三章第三章 网页图文网页图文网页图文网页图文实训项目实训项目实训项目实训项目1.将将WORD中的文本复制，粘贴到网页中，并根据效果图进行相关文中的文本复制，粘贴到网页中，并根据效果图进行相关文本设置2.在网页插入两张图片，并根据效果图对在网页插入两张图片，并根据效果图对“图像属性图像属性”进行相关设置进行相关设置3.选择一音频文件制作网页背景音乐选择一音频文件制作网页背景音乐第三章第三章第三章第三章 网页图文网页图文网页图文网页图文11作作 业业第三章第三章第三章第三章 网页图文网页图文网页图文网页图文网页设计与制作。