《网页设计与制作》第7章.ppt
《《网页设计与制作》第7章.ppt》由会员分享,可在线阅读,更多相关《《网页设计与制作》第7章.ppt(22页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、网页设计与制作第七章第七章第七章第七章 多媒体元素在网页中的应用多媒体元素在网页中的应用多媒体元素在网页中的应用多媒体元素在网页中的应用讲解提纲7.1 7.1 7.1 7.1 在网页中加入在网页中加入在网页中加入在网页中加入FlashFlashFlashFlash元素元素元素元素7.2 7.2 7.2 7.2 在网页中添加音频在网页中添加音频在网页中添加音频在网页中添加音频7.3 7.3 7.3 7.3 在网页中添加其他多媒体元素在网页中添加其他多媒体元素在网页中添加其他多媒体元素在网页中添加其他多媒体元素本章教学目标:1 1 1 1掌握掌握掌握掌握FlashFlashFlashFlash按钮
2、对象、按钮对象、按钮对象、按钮对象、FlashFlashFlashFlash文本、文本、文本、文本、FlashFlashFlashFlash视频、视频、视频、视频、FlashPaperFlashPaperFlashPaperFlashPaper等等等等FlashFlashFlashFlash元素的插入元素的插入元素的插入元素的插入 2 2 2 2了解网页常见的音频格式了解网页常见的音频格式了解网页常见的音频格式了解网页常见的音频格式3 3 3 3掌握音频文件的链接、嵌入音频、使用动作播放音频掌握音频文件的链接、嵌入音频、使用动作播放音频掌握音频文件的链接、嵌入音频、使用动作播放音频掌握音频文件
3、的链接、嵌入音频、使用动作播放音频等音频元素的操作技术等音频元素的操作技术等音频元素的操作技术等音频元素的操作技术4 4 4 4掌握视频剪辑、插件、掌握视频剪辑、插件、掌握视频剪辑、插件、掌握视频剪辑、插件、ActiveXActiveXActiveXActiveX控件内容、控件内容、控件内容、控件内容、Java Java Java Java appletappletappletapplet等多媒体元素的嵌入等多媒体元素的嵌入等多媒体元素的嵌入等多媒体元素的嵌入 7.1.1 插入Flash按钮对象7.1 7.1 在网页中加入在网页中加入FlashFlash元素元素 步骤步骤步骤步骤1 1 1 1
4、:在文档窗口中,将插入点放置在您要插入在文档窗口中,将插入点放置在您要插入在文档窗口中,将插入点放置在您要插入在文档窗口中,将插入点放置在您要插入 Flash Flash Flash Flash 按钮的地方。在按钮的地方。在按钮的地方。在按钮的地方。在“常用常用常用常用”工具栏中,选择工具栏中,选择工具栏中,选择工具栏中,选择“媒体媒体媒体媒体”按钮图标,然后选择按钮图标,然后选择按钮图标,然后选择按钮图标,然后选择“Flash Flash Flash Flash 按钮按钮按钮按钮”图标。图标。图标。图标。将弹出将弹出将弹出将弹出“插入插入插入插入FlashFlashFlashFlash按钮按
5、钮按钮按钮”对话框。对话框。对话框。对话框。步骤步骤步骤步骤2 2 2 2:从从从从“样式样式样式样式”列表中选择您所需的按钮样式。列表中选择您所需的按钮样式。列表中选择您所需的按钮样式。列表中选择您所需的按钮样式。在在在在“按钮文本按钮文本按钮文本按钮文本”域中(可选),输入需要显示的文本,域中(可选),输入需要显示的文本,域中(可选),输入需要显示的文本,域中(可选),输入需要显示的文本,也就是这里键入的文本将会代替也就是这里键入的文本将会代替也就是这里键入的文本将会代替也就是这里键入的文本将会代替“范例范例范例范例”中按钮上显示中按钮上显示中按钮上显示中按钮上显示的的的的“Button
6、TextButton TextButton TextButton Text”。步骤步骤步骤步骤3 3 3 3:“字体字体字体字体”域中从弹出式菜单中选取一种要使域中从弹出式菜单中选取一种要使域中从弹出式菜单中选取一种要使域中从弹出式菜单中选取一种要使用的字体,并指定该字体大小。用的字体,并指定该字体大小。用的字体,并指定该字体大小。用的字体,并指定该字体大小。步骤步骤步骤步骤4 4 4 4:在在在在“链接链接链接链接”域中,为按钮输入文档的相对路径域中,为按钮输入文档的相对路径域中,为按钮输入文档的相对路径域中,为按钮输入文档的相对路径或绝对路径。或绝对路径。或绝对路径。或绝对路径。(注:相对
7、站点的链接不被接受,因为浏览器不能(注:相对站点的链接不被接受,因为浏览器不能(注:相对站点的链接不被接受,因为浏览器不能(注:相对站点的链接不被接受,因为浏览器不能在在在在FlashFlashFlashFlash影片中识别这种路径。如果使用相对文档影片中识别这种路径。如果使用相对文档影片中识别这种路径。如果使用相对文档影片中识别这种路径。如果使用相对文档的链接,则一定要保证将的链接,则一定要保证将的链接,则一定要保证将的链接,则一定要保证将SWFSWFSWFSWF文件保存在与文件保存在与文件保存在与文件保存在与HTMLHTMLHTMLHTML文文文文件相同的文件夹中。浏览器对相对文档的链接解
8、件相同的文件夹中。浏览器对相对文档的链接解件相同的文件夹中。浏览器对相对文档的链接解件相同的文件夹中。浏览器对相对文档的链接解释方式不同,所以将按钮保存在与文档相同的文释方式不同,所以将按钮保存在与文档相同的文释方式不同,所以将按钮保存在与文档相同的文释方式不同,所以将按钮保存在与文档相同的文件夹可以保证链接正常工作。)件夹可以保证链接正常工作。)件夹可以保证链接正常工作。)件夹可以保证链接正常工作。)步骤步骤步骤步骤5 5 5 5:在在在在“目标目标目标目标”域(可选)中,指定打开域(可选)中,指定打开域(可选)中,指定打开域(可选)中,指定打开FlashFlashFlashFlash按按按
9、按钮所链接文档的目标框架或目标窗口。钮所链接文档的目标框架或目标窗口。钮所链接文档的目标框架或目标窗口。钮所链接文档的目标框架或目标窗口。步骤步骤步骤步骤6 6 6 6:在在在在 背景颜色背景颜色背景颜色背景颜色 域(可选)中,为域(可选)中,为域(可选)中,为域(可选)中,为FlashFlashFlashFlash影影影影片设置背景颜色。片设置背景颜色。片设置背景颜色。片设置背景颜色。步骤步骤步骤步骤7 7 7 7:在在在在“另存为另存为另存为另存为”域中,输入文件名称并保存新的域中,输入文件名称并保存新的域中,输入文件名称并保存新的域中,输入文件名称并保存新的SWFSWFSWFSWF文件。
10、文件。文件。文件。(注:如果文件包含相对文档的链接,必须将文(注:如果文件包含相对文档的链接,必须将文(注:如果文件包含相对文档的链接,必须将文(注:如果文件包含相对文档的链接,必须将文件保存在和当前件保存在和当前件保存在和当前件保存在和当前HTMLHTMLHTMLHTML文档相同的文件夹内以保证文档相同的文件夹内以保证文档相同的文件夹内以保证文档相同的文件夹内以保证相对文档链接的正常使用。)相对文档链接的正常使用。)相对文档链接的正常使用。)相对文档链接的正常使用。)步骤步骤步骤步骤8 8 8 8:点击点击点击点击“获取更多样式获取更多样式获取更多样式获取更多样式”前往前往前往前往Macro
11、media Macromedia Macromedia Macromedia ExchangeExchangeExchangeExchange站点并下载更多的按钮样式。站点并下载更多的按钮样式。站点并下载更多的按钮样式。站点并下载更多的按钮样式。步骤步骤步骤步骤9 9 9 9:点击点击点击点击“应用应用应用应用”或或或或“确定确定确定确定”按钮在文档窗口中插按钮在文档窗口中插按钮在文档窗口中插按钮在文档窗口中插入入入入FlashFlashFlashFlash插入按钮。插入按钮。插入按钮。插入按钮。若要修改若要修改若要修改若要修改FlashFlashFlashFlash按钮对象,在按钮对象,在按
12、钮对象,在按钮对象,在“设计设计设计设计”视图中选取视图中选取视图中选取视图中选取FlashFlashFlashFlash按钮对象,按钮对象,按钮对象,按钮对象,“属性属性属性属性”面板就会显示面板就会显示面板就会显示面板就会显示FlashFlashFlashFlash按钮性质。可按钮性质。可按钮性质。可按钮性质。可以在以在以在以在“属性属性属性属性”面板中中进行修改。面板中中进行修改。面板中中进行修改。面板中中进行修改。若要对其内容进行若要对其内容进行若要对其内容进行若要对其内容进行修改,双击修改,双击修改,双击修改,双击FlashFlashFlashFlash按钮对象就可以。按钮对象就可以
13、。按钮对象就可以。按钮对象就可以。7.1.2 插入Flash文本 步步步步骤骤骤骤1 1 1 1:在在在在文文文文档档档档窗窗窗窗口口口口中中中中,将将将将插插插插入入入入点点点点放放放放置置置置在在在在您您您您要要要要插插插插入入入入 Flash Flash Flash Flash 按按按按钮钮钮钮的的的的地地地地方方方方。在在在在“常常常常用用用用”工工工工具具具具栏栏栏栏中中中中,选选选选择择择择“媒媒媒媒体体体体”按按按按钮钮钮钮图图图图标标标标,然然然然后后后后选选选选择择择择“Flash Flash Flash Flash 按按按按钮钮钮钮”图图图图标标标标。将将将将弹弹弹弹出出出
14、出“插入插入插入插入FlashFlashFlashFlash按钮按钮按钮按钮”对话框。对话框。对话框。对话框。步步步步骤骤骤骤2 2 2 2:从从从从“样样样样式式式式”列列列列表表表表中中中中选选选选择择择择您您您您所所所所需需需需的的的的按按按按钮钮钮钮样样样样式式式式。在在在在“按按按按钮钮钮钮文文文文本本本本”域域域域中中中中(可可可可选选选选),输输输输入入入入需需需需要要要要显显显显示示示示的的的的文文文文本本本本,也也也也就就就就是是是是这这这这里里里里键键键键入入入入的的的的文文文文本本本本将将将将会会会会代代代代替替替替“范范范范例例例例”中中中中按按按按钮钮钮钮上上上上显显
15、显显示示示示的的的的“Button TextButton TextButton TextButton Text”。步骤步骤步骤步骤3 3 3 3:在在在在“大小大小大小大小”域中输入字体大小(单位:点)。域中输入字体大小(单位:点)。域中输入字体大小(单位:点)。域中输入字体大小(单位:点)。步骤步骤步骤步骤4 4 4 4:点击合适的样式按钮设定样式属性,如粗体,点击合适的样式按钮设定样式属性,如粗体,点击合适的样式按钮设定样式属性,如粗体,点击合适的样式按钮设定样式属性,如粗体,斜体,文本对齐方式。斜体,文本对齐方式。斜体,文本对齐方式。斜体,文本对齐方式。步骤步骤步骤步骤5 5 5 5:在
16、在在在“颜色颜色颜色颜色”域中,使用颜色拾取器或直接输入域中,使用颜色拾取器或直接输入域中,使用颜色拾取器或直接输入域中,使用颜色拾取器或直接输入WebWebWebWeb十六进制数值(如十六进制数值(如十六进制数值(如十六进制数值(如#FFFFFF#FFFFFF#FFFFFF#FFFFFF)选取文本颜色。)选取文本颜色。)选取文本颜色。)选取文本颜色。步骤步骤步骤步骤6 6 6 6:在在在在“转滚颜色转滚颜色转滚颜色转滚颜色”域中,设置鼠标指针经过域中,设置鼠标指针经过域中,设置鼠标指针经过域中,设置鼠标指针经过FlashFlashFlashFlash文本对象上方时要显示的文本颜色。文本对象上
17、方时要显示的文本颜色。文本对象上方时要显示的文本颜色。文本对象上方时要显示的文本颜色。步骤步骤步骤步骤7 7 7 7:在在在在“文本文本文本文本”域中输入所需的文本。若要在域中输入所需的文本。若要在域中输入所需的文本。若要在域中输入所需的文本。若要在“文文文文本本本本”域中显示字体样式,选取域中显示字体样式,选取域中显示字体样式,选取域中显示字体样式,选取“显示字体显示字体显示字体显示字体”选项。选项。选项。选项。步骤步骤步骤步骤8 8 8 8:如果需要为如果需要为如果需要为如果需要为FlashFlashFlashFlash文本对象创建一个链接,在文本对象创建一个链接,在文本对象创建一个链接,
18、在文本对象创建一个链接,在“链接链接链接链接”域中输入相对文档链接或绝对链接。域中输入相对文档链接或绝对链接。域中输入相对文档链接或绝对链接。域中输入相对文档链接或绝对链接。步骤步骤步骤步骤9 9 9 9:如果输入了一个链接,可以在如果输入了一个链接,可以在如果输入了一个链接,可以在如果输入了一个链接,可以在“目标目标目标目标”域中指域中指域中指域中指定打开所链接文档的目标框架或目标窗口。定打开所链接文档的目标框架或目标窗口。定打开所链接文档的目标框架或目标窗口。定打开所链接文档的目标框架或目标窗口。步骤步骤步骤步骤10101010:在在在在“背景色背景色背景色背景色”域中,选择文本的背景颜色
19、。使域中,选择文本的背景颜色。使域中,选择文本的背景颜色。使域中,选择文本的背景颜色。使用颜色拾取器或键入用颜色拾取器或键入用颜色拾取器或键入用颜色拾取器或键入WebWeb十六进制数值(如十六进制数值(如十六进制数值(如十六进制数值(如#FFFFF#FFFFF)。)。)。)。步骤步骤步骤步骤11111111:在在在在“另存为另存为另存为另存为”域中,输入文件名称。域中,输入文件名称。域中,输入文件名称。域中,输入文件名称。如果文件包含相对文档的链接,必须将文件保存在和当如果文件包含相对文档的链接,必须将文件保存在和当如果文件包含相对文档的链接,必须将文件保存在和当如果文件包含相对文档的链接,必
20、须将文件保存在和当前前前前HTMLHTML文档相同的文件夹内以保证相对文档链接的正文档相同的文件夹内以保证相对文档链接的正文档相同的文件夹内以保证相对文档链接的正文档相同的文件夹内以保证相对文档链接的正常使用。常使用。常使用。常使用。步骤步骤步骤步骤12121212:点击点击点击点击“应用应用应用应用”或或或或“确定确定确定确定”按钮将按钮将按钮将按钮将FlashFlash文本插文本插文本插文本插入文档窗口中。入文档窗口中。入文档窗口中。入文档窗口中。如果点击如果点击如果点击如果点击“应用应用应用应用”,对话框将不会关闭,可以在文档中,对话框将不会关闭,可以在文档中,对话框将不会关闭,可以在文
21、档中,对话框将不会关闭,可以在文档中预览预览预览预览FlashFlash文本。文本。文本。文本。步骤步骤步骤步骤1 1 1 1:在文档窗口中,将插入点放置在您要插入在文档窗口中,将插入点放置在您要插入在文档窗口中,将插入点放置在您要插入在文档窗口中,将插入点放置在您要插入FlashFlashFlashFlash影片的地方。在影片的地方。在影片的地方。在影片的地方。在“常用常用常用常用”工具栏中,选择工具栏中,选择工具栏中,选择工具栏中,选择“媒体媒体媒体媒体”按钮按钮按钮按钮图标,然后选择图标,然后选择图标,然后选择图标,然后选择“Flash VideoFlash VideoFlash Vid
22、eoFlash Video”图标。将弹出图标。将弹出图标。将弹出图标。将弹出“插入插入插入插入FlashFlashFlashFlash视频视频视频视频”对话框。对话框。对话框。对话框。步骤步骤步骤步骤2 2 2 2:在出现的对话框中,选取一个在出现的对话框中,选取一个在出现的对话框中,选取一个在出现的对话框中,选取一个FlashFlashFlashFlash影片文件影片文件影片文件影片文件(.swfswfswfswf)。文档窗口中将出现一个)。文档窗口中将出现一个)。文档窗口中将出现一个)。文档窗口中将出现一个FlashFlashFlashFlash占位符占位符占位符占位符;若要设若要设若要设
23、若要设置置置置 Flash Flash Flash Flash 影片的属性,使用属性窗口。影片的属性,使用属性窗口。影片的属性,使用属性窗口。影片的属性,使用属性窗口。步骤步骤步骤步骤3 3 3 3:若要在若要在若要在若要在“文档文档文档文档”窗口中观看影片的预览,单击窗口中观看影片的预览,单击窗口中观看影片的预览,单击窗口中观看影片的预览,单击“属性属性属性属性”面板中绿色面板中绿色面板中绿色面板中绿色 播放播放播放播放 按钮。单击按钮。单击按钮。单击按钮。单击 停止停止停止停止 按钮终止按钮终止按钮终止按钮终止预览,也可以按预览,也可以按预览,也可以按预览,也可以按F12F12F12F12
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页设计与制作 网页 设计 制作
限制150内