多媒体应用、模板及库

1、$ 知识目的 掌握在Dreamweaver8中插入音频文件的方法掌握在Dreamweaver8中插入Flash文件的方法掌握在Dreamweaver8中嵌入视频文件的方法8 才干目的掌握在网页中插入各种音频文件的操作掌握在网页中插入Flash文件的操作掌握在网页插入视频文件的操作第10章 网页中的多媒体运用10.1 在网页中插入音频10.2 在网页中插入Flash动画10.3 在网页中插入视频本章小结第10章 网页中的多媒体运用10.1 在网页中插入音频10.1.1 链接到音频文件10.1.2 在网页中嵌入音频文件10.1.3 在网页参与背景音乐1翻开网页文档，选择链接到音频文件的链接载体。2

2、在“属性检查器中单击“链接后的“阅读按钮 ，翻开选择文件对话框，如下图。3选择要链接的音频文件,如yxdchb.wam4单击“确定，退出对话框，文字参与了音频链接。5保管并在阅读器中预览网页，播放音频文件。10.1.1 链接到音频文件10.1 在网页中插入音频1翻开要嵌入音频文件的网页，定位光标在要插入音频的位置。如左图所示。2单击菜单栏中“插入|“媒体|“插件命令，翻开选择文件对话框，选择要插入的音频文件，在网页插入相应的音频文件，如右图所示。10.1.2 在网页中嵌入音频文件10.1 在网页中插入音频3保管并在阅读器中预览网页，播放器没有完全显示出来，如左图所示。4前往Dreamweave

3、r8，选择插件，在属性面板中设置高度和宽度值，到播放器完全显示，阅读者可以对音频文件的播放进展控制。如右图所示。10.1.2 在网页中嵌入音频文件10.1 在网页中插入音频1翻开要参与背景音乐的网页，定位光标在网页起始位置，如下图。2单击菜单栏中“插入|“媒体|“插件命令，翻开选择文件对话框。3在“选择文件对话框，选择要插入的音频文件，单击“确定，网页中插入了音频插件。10.1.3 在网页参与背景音乐10.1 在网页中插入音频4选择音频插件，单击“属性检查器中的“参数按钮，翻开参数对话框，如下图。5在对话框中,“+可以添加参数,输入以下参数和值:参数“hidden，值为“true;参数“aut

4、ostart，值为“true;参数“loop，值为“infinite。6单击“确定，为网页添加了背景音乐。7保管并在阅读器中预览网页，观看效果。10.1.3 在网页参与背景音乐10.1 在网页中插入音频10.2 在网页中插入Flash动画10.2.1 插入Flash文本10.2.2 插入Flash按钮10.2.3 插入Flash动画1新建并保管网页,定位光标在插入Flash文本的位置.2执行以下操作之一：单击菜单栏中“插入|“媒体|“Flash 文本命令。在“插入栏的“常用类别中，选择“媒体，单击“Flash 文本如下图。10.2.1 插入Flash文本10.2 在网页中插入Flash动画3翻

5、开插入Flash文本对话框，如下图。10.2.1 插入Flash文本10.2 在网页中插入Flash动画4对话框主要设置如下：“字体:设置Flash文本的字体,设为“华文新魏。“大小:设置Flash文本的字号大小，设为“18。“颜色：设置Flash文本的颜色。“转滚颜色:设置当鼠标经过文本时，文本的颜色。“文本：输入文本内容。“链接：设置Flash文本的链接目的。“背风光：设置Flash文本的背景颜色。“另存为：保管插入的Flash文本的文件，单击阅读可以选择文件的存放位置。10.2.1 插入Flash文本10.2 在网页中插入Flash动画5对话框设置完成，单击“确定按钮，在网页插入了Fla

6、sh文本，如下图。6保管并在阅读器中预览网页，观看效果。10.2.1 插入Flash文本10.2 在网页中插入Flash动画1新建并保管网页，定位光标在要插入Flash按钮的位置。2执行以下操作之一：单击菜单栏中“插入|“媒体|“Flash按钮命令。在“插入栏的“常用类别中，选择“媒体，单击“Flash按钮。10.2.2 插入Flash按钮10.2 在网页中插入Flash动画3翻开插入Flash按钮对话框，如下图。10.2.2 插入Flash按钮10.2 在网页中插入Flash动画4对话框主要设置如下：“款式：在下拉列表中选择Flash按钮的款式，如选择“Diamond Spinner。“范例

7、：预览选择的款式。“按钮文本：输入Flash按钮上的文本，如输入“前往首页。“字体：设置Flash按钮上文本的字体，如设置为“华文行楷。“大小：设置Flash按钮上文本的字号大小，如设置为“16。“链接：设置Flash按钮的链接目的。“背风光：用于设置Flash按钮的背景颜色。“另存为：保管插入的Flash按钮的文件，单击阅读可以选择文件的存放位置。10.2.2 插入Flash按钮10.2 在网页中插入Flash动画5对话框设置完成，单击“确定按钮，在网页插入了Flash按钮，如下图。6保管并在阅读器中预览网页，观看效果。10.2.2 插入Flash按钮10.2 在网页中插入Flash动画1新

8、建并保管网页，定位光标在要插入Flash动画的位置。2执行以下操作之一：单击菜单栏中“插入|“媒体|“Flash命令。在“插入栏的“常用类别中，选择“媒体，单击“Flash。3翻开选择文件对话框。选择要插入的Flash文件，如选择“huanyin.swf。10.2.3 插入Flash动画10.2 在网页中插入Flash动画4单击“确定按钮，那么Flash动画插入了网页中。5选中插入的Flash动画，单击属性检查器上的“播放按钮，播放动画观看效果，也可以在阅读器中观看。10.2.3 插入Flash动画10.2 在网页中插入Flash动画10.3 在网页中插入视频10.3.1 链接到视频文件10.

9、3.2 在网页中嵌入视频文件链接到视频文件与链接到音频文件是一样的，是一种超链接，链接的目的是一个视频文件。链接到视频文件的操作与链接到音频文件是一样，只在选择文件时，选择视频文件就可以了。10.3.1 链接到视频文件10.3 在网页中插入视频嵌入视频是将视频直接插入到页面中，页面带有播放器，阅读者可以控制播放。但只需在访问者具有所嵌入视频文件的播放器时，才可以播放。嵌入音频文件的操作与嵌入音频文件的操作一样，在“选择文件对话框，选择要嵌入的视频文件就可以了。10.3.2 在网页中嵌入视频文件10.3 在网页中插入视频本章小结第10章 网页中的多媒体运用网页中的多媒体运用网页中插入音频网页中插

10、入Flash动画在网页中插入视频链接到音频文件在网页中嵌入音频文件在网页参与背景音乐插入Flash文本插入Flash按钮插入Flash动画链接到视频文件在网页中嵌入视频文件$ 知识目的 了解Dreamweaver8模板和库的作用熟习Dreamweaver8模板和库的操作方法8 才干目的掌握模板和库工程的创建操作可以运用模板和库设计网页掌握利用模板和库更新页面的方法第11章 模板和库11.1 模板11.2 库本章小结第11章 模板和库11.1 模板11.1.1 创建模板11.1.2 删除模板11.1.3. 编辑模板11.1.4 由模板创建网页11.1.5 更新模板一创建空白模板1单击菜单栏中“窗

11、口|“资源命令，翻开“资源面板。2单击“资源面板左边的“模板按钮 ，显示“模板类别，如下图。11.1.1 创建模板11.1 模板一创建空白模板3单击面板底部的“新建 按钮，面板中出现一个未命名的模板，如下图。4输入新的模板名字，那么新建一个空白模板。11.1.1 创建模板11.1 模板二将己有网页文件保管为模板1翻开己编辑好的要保管为模板的网页文件。2单击菜单栏中的“文件|“另存为模板命令。3翻开“另存为模板对话框，如下图。4各项设置如下：“站点：下拉列表中选择模板存放的站点。“另存为：文本框中输入模板的称号。“现存模板：显示当前系统中己有的模板文件。5单击“保管按钮，新增的模板出如今“资源面

12、板的模板列表中。11.1.1 创建模板11.1 模板对于没用的模板可以删除，删除模板的操作为：1翻开“资源面板，选择“模板类别。2选择要删除的模板。3单击“删除按钮 ，即可删除所选模板。11.1.2 删除模板11.1 模板一设计模板以以下图所示的模板为例设计模板的操作为：11.1.3 编辑模板11.1 模板1在“资源面板的“模板类别中，双击新建的“index模板，翻开模板文件。2输入“长春引见，设置字体字号。3插入程度线，宽度设为85%，高度为“3，无阴影。4插入“导航条。5输入“长春是个具有欧洲田园城市规划特点的城市，等文本，并排版。6添加网页背景图像“snow.gif7单击菜单栏中“文件|

13、“保管命令，保管己设计好的模板。11.1.3 编辑模板11.1 模板二设置可编辑区域将上面建立的模板中“程度线和“导航条以外的部分设置为可编辑区域，设置可编辑区域的操作为：1翻开己设计的模板文件index.dwt。2选择“长春引见。3单击菜单栏中“插入|模板对象|可编辑区域命令4翻开新建可编辑区域对话框，如下图。11.1.3 编辑模板11.1 模板5在“称号文本框输入可编辑区域称号。6单击“确定，退出“可编辑区域对话框，建立的“可编辑区域为绿色框线区域，如下图。 7用一样的操作将“长春是个具有欧洲田园城市规划特点的城市，等文本设置为可编辑区域。8完成的模板页如下图。11.1.3 编辑模板11.

14、1 模板三删除可编辑区域1翻开模板文件，单击选择模板中的可编辑区域左上角的称号，选中可编辑区域，如下图。 2单击菜单栏中“修正|“模板|“删除模板标志命令，即可删除可编辑区域。11.1.3 编辑模板11.1 模板一由模板创建网页1单击菜单栏中“文件|“新建命令。2翻开新建文档对话框，单击模板选项卡，如下图。3选择要运用的模板，单击“创建那么由模板创建了一个新网页。4由模板创建的网页，只可对模板中“可编辑区域进展编辑。11.1.4 由模板创建网页11.1 模板二将己有网页运用模板除了可以由模板创建网页，也可以将网页运用己有的模板，运用模板的操作为：1翻开要运用模板的网页文件。2执行以下操作之一：

15、单击菜单栏中“修正|“模板|“套用模板到页命令。在“资源面板中，选择要运用的模板，单左下角的“运用按钮。3网页运用了所选模板。11.1.4 由模板创建网页11.1 模板更新模板在Dreamweaver8中，当模板被重新编辑或修正，保管模板后，会自动翻开“更新模板文件对话框如图，单击“更新按钮，更新文档。 11.1.5 更新模板11.1 模板更新模板手动更新的操作为：1执行以下操作之一，翻开更新页对话框图在“资源面板中，右击要更新的模板文件，在弹出的快捷菜单中选择“更新站点。单击菜单栏中“修正|“模板|“更新站点命令。11.1.5 更新模板11.1 模板更新模板2在“查看下拉列表中选择更新的范围

16、。有一个选项：选择“整个站点，在右侧可以选择站点称号，更新所选站点中的一切文件；选择“文件运用，在右侧右以选择模板称号，更新当前站点中运用所选模板的一切页面。3在“更新选项中，选择“模板选项。4单击“开场按钮，开场更新站点或网页。更新终了后，系统会给出一个更新报告。5更新终了，封锁“更新页面对话框即可。11.1.5 更新模板11.1 模板二将网页从模板中分别由模板中创建的网页与模板有链接关系，模板改动会影响网页。如不希望网页与模板有联络，可以将网页从模板中分别，分别后的网页不再受模板的影响。网页从模板中分别的操作为：1翻开要分别的网页。2单击菜单栏中“修正|“模板|“从模板中分别命令，网页从模

17、板中分别。11.1.5 更新模板11.1 模板11.2 库11.2.1 创建库工程11.2.2 删除库工程11.2.3 运用库工程11.2.4 更新库工程一创建空白库工程1单击菜单栏中的“窗口|“资源命令，翻开“资源面板,单击左下角的库按钮,切换到“库类别,如左图所示2单击面板底部的“新建 按钮，面板中出现一个未命名的库，如右图所示。3输入新的库工程名字，那么新建一个空白库工程。11.2.1 创建库工程11.2 库二为库添加内容1在“资源面板“库类别中，双击要编辑的库，将库翻开。2除了不能设置页面属性外，编辑库与编辑普通网页一样的操作是一样的。 11.2.1 创建库工程11.2 库三基于选定内

18、容创建库工程以如把图中版权信息内容编辑为一个库工程为例1选中作为库工程的内容。2执行以下操作之一：单击菜单栏中“修正|“库|“添加对象到库命令。拖动选中的内容到“资源面板指向“库类别 按钮。11.2.1 创建库工程11.2 库三基于选定内容创建库工程3“资源面板“库类别中，出现一个未命名的库，如下图。4为库工程重新命名，如命名为“banquan。11.2.1 创建库工程11.2 库对于没用的库工程可以删除，删除库工程的操作为：1翻开“资源面板，选择“库类别。2选择要删除的库工程。3单击“删除按钮 ，即可删除所选库工程。11.2.2 删除库工程11.2 库一运用库工程1翻开要运用库工程的网页，定位光标在要插入库工程位置，如下图。2翻开“资源面板切换到“库类别。3在列表中选择要插入的库工程，如选择“banquan库工程，单击面板左下角的“插入按钮。11.2.3 运用库工程11.2 库4库工程插入到网页中，库工程内容的背景会显示为黄色，不能编辑，如下图11.2.3 运用库工程11.2 库二从库工程分别1选择网页中的库工程,翻开“库工程属性如下图2单击“从源文件中分别按钮,翻开提示对话框如下图3单击“确定按钮，网页中的库工程与库脱离，可以进展修正和编辑。11.2