dreamweaver 基础教程3 多媒体

*,*,单击此处编辑母版标题样式,*,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,Dreamweaver 网页设计,第7章应用多媒体元素,【,学,学,习,习,概,概,述,述,】,】,在,网,网,页,页,中,中,应,应,用,用,多,多,媒,媒,体,体,效,效,果,果,当,当,前,前,十,十,分,分,普,普,遍,遍,，,，,例,例,如,如,大,大,量,量,使,使,用,用Flash,动,动,画,画,、,、,视,视,频,频,、,、,声,声,音,音,、,、JavaApplet,等,等,使,使,网,网,页,页,动,动,感,感,十,十,足,足,，,，,变,变,化,化,多,多,端,端,。,。,本,本,章,章,内,内,容,容,包,包,括,括,插,插,入,入Flash,元,元,素,素,、,、,插,插,入,入,背,背,景,景,音,音,乐,乐,、,、,插,插,入,入,视,视,频,频,、,、,插,插,入,入,图,图,像,像,查,查,看,看,器,器,等,等,内,内,容,容,。,。,本,本,章,章,的,的,重,重,点,点,是,是,插,插,入,入Flash,元,元,素,素,，,，,难,难,点,点,是,是,插,插,入,入,图,图,像,像,查,查,看,看,器,器,。,。,7.1,【,【,课,课,堂,堂,讲,讲,解,解,】,】,多,多,媒,媒,体,体,基,基,础,础,7.1.1,什,什,么,么,是,是Flash,Flash,是,是,由,由macromedia,公,公,司,司,推,推,出,出,的,的,交,交,互,互,式,式,矢,矢,量,量,图,图,和,和Web,动,动,画,画,的,的,标,标,准,准,。,。,网,网,页,页,设,设,计,计,者,者,使,使,用,用Flash,创,创,作,作,出,出,既,既,漂,漂,亮,亮,又,又,可,可,改,改,变,变,尺,尺,寸,寸,的,的,导,导,航,航,界,界,面,面,以,以,及,及,其,其,他,他,奇,奇,特,特,的,的,效,效,果,果,。,。,并,并,且,且,它,它,是,是,矢,矢,量,量,的,的,，,，,所,所,以,以,即,即,使,使,放,放,大,大,也,也,不,不,会,会,出,出,现,现,变,变,形,形,和,和,模,模,糊,糊,。,。,这,这,种,种,动,动,画,画,文,文,件,件,体,体,积,积,小,小,，,，,效,效,果,果,华,华,丽,丽,，,，,还,还,具,具,有,有,极,极,强,强,地,地,的,的,互,互,动,动,效,效,果,果,，,，,甚,甚,至,至,有,有,人,人,利,利,用,用,这,这,种,种,技,技,术,术,制,制,作,作,功,功,能,能,非,非,常,常,强,强,大,大,的,的,游,游,戏,戏,。,。Flash,的,的,源,源,文,文,件,件,扩,扩,展,展,名,名,为,为,“,“.fla,”,”,，,，,生,生,成,成,的,的,用,用,于,于,网,网,络,络,上,上,传,传,输,输,的,的Flash,格,格,式,式,为,为,“,“.swf,”,”,。,。,7.1.2,视,视,频,频,格,格,式,式,视,频,频,格,格,式,式,有,有,很,很,多,多,种,种,，,，,但,但,是,是,在,在,网,网,络,络,上,上,应,应,用,用,的,的,视,视,频,频,格,格,式,式,多,多,为,为,：,：avi,、,、wmv,、,、asf,、,、mpeg,、,、rm,、,、rmvb,、,、mov,、,、Flv,等,等,。,。,7.1.3,音,音,频,频,格,格,式,式,在,网,网,络,络,上,上,应,应,用,用,的,的,音,音,频,频,格,格,式,式,多,多,为,为,：,：wav,、,、mp3,、,、aif,、,、midi,、,、ra,、,、ram,、,、rpm,等,等,。,。,7.1.4,插,插,入,入,多,多,媒,媒,体,体,要,在,在,网,网,页,页,中,中,添,添,加,加,以,以,上,上,多,多,媒,媒,体,体,文,文,件,件,，,，,可,可,以,以,执,执,行,行,【,【,插,插,入,入,】,】-,【,【,媒,媒,体,体,】,】,下,下,的,的,子,子,菜,菜,单,单,命,命,令,令,如,如,图,图7-1,所,所,示,示,或,或,在,在,“,“,插,插,入,入,”,”,工,工,具,具,栏,栏,的,的,“,“,常,常,用,用,”,”,类,类,别,别,中,中,，,，,选,选,择,择,“,“,媒,媒,体,体,”,”,，,，,然,然,后,后,单,单,击,击,所,所,需,需,的,的,媒,媒,体,体,图,图,标,标,按,按,钮,钮,如,如,图,图7-2,所,所,示,示,。,。,图7-1,【,【,媒,媒,体,体,】,】,子,子,菜,菜,单,单,图7-2,插,插,入,入,媒,媒,体,体,7.2,【,【,典,典,例,例,剖,剖,析,析,】,】,一,一,多,多,媒,媒,体,体,网,网,页,页,效,效,果,果,7.2.1,插,插,入,入Flash,动,动,画,画,目,前,前flash,动,动,画,画,备,备,受,受,世,世,人,人,瞩,瞩,目,目,，,，flash,动,动,画,画,被,被,大,大,量,量,地,地,用,用,于,于,网,网,页,页,。,。,这,这,种,种,动,动,画,画,文,文,件,件,体,体,积,积,小,小,，,，,效,效,果,果,华,华,丽,丽,，,，,还,还,具,具,有,有,极,极,强,强,地,地,的,的,互,互,动,动,效,效,果,果,，,，,甚,甚,至,至,有,有,人,人,制,制,作,作,功,功,能,能,非,非,常,常,强,强,大,大,的,的,游,游,戏,戏,。,。,新,建,建,站,站,点,点,“,“dmt,”,”,（,（,站,站,点,点,名,名,称,称,为,为,“,“,多,多,媒,媒,体,体,”,”,）,）,，,，,创,创,建,建,网,网,页,页,文,文,档,档,“,“dmt.htm,”,”,。,。,然,然,后,后,创,创,建,建,一,一,个,个1,行,行2,列,列,的,的,表,表,格,格,，,，,如,如,图,图7-4,所,所,示,示,。,。,图7-4 一,个,个1行2列的,表,表格,插入Flash动画步骤如,下,下：,（1）在第二,个,个单元格内定,位,位光标。执行,【,【插入】-,【,【媒体】-,【,【Flash,】,】命令或在“,插,插入”工具栏,的,的“常用”类,别,别中，选择“,媒,媒体”，然后,单,单击“插入Flash”,图,图标按扭。显,示,示“选择文件,”,”对话框，如,图,图7-5所示,。,。,（2）选择Flash文件,（,（本例为本章,目,目录下的“banner.swf”文件,）,）。,图7-5“,选,选择文件”对,话,话框,（3）单击“,确,确定”按钮，,显,显示“对象标,签,签辅助功能属,性,性”对话框，,如,如图7-6所,示,示。各个属性,如,如下：,标题：媒,体,体对象的标题,。,。,快捷键：,输,输入等效的键,盘,盘键（一个字,母,母）。例如，,您,您输入A作为,快,快捷键，则使,用,用“Ctrl+A”键在浏,览,览器中选择该,对,对象。,Tab键,索,索引：输入一,个,个数字以指定,该,该对象的Tab键顺序。,设置各个选项,如,如图。,图7-6“,对,对象标签辅助,功,功能属性”对,话,话框,（4）单击“,确,确定”按钮，,文,文档中效果如,图,图7-7所示,。,。,图7-7 文,档,档中Flash效果,（5）选择该,动,动画，单击Flash属性,面,面板中的播放,按,按钮。Flash动画就可,以,以在文档中直,接,接播放了，如,图,图7-8所示,。,。,图7-8 在,文,文档中播放Flash,7.2.2,设,设置Flash动画的属性,选择Flash动画后，显,示,示Flash,属,属性面板，如,图,图7-9所示,。,。在这里读者,可,可以设置Flash动画的,属,属性。,图7-9设置Flash动,画,画属性,名称：标识影,片,片的名称，比,如,如命名为“banner”,。,。,宽：以像素为,单,单位指定影片,的,的宽度。,高：以像素为,单,单位指定影片,的,的高度。,文件：Flash文件的,路,路径。单击文,件,件夹图标可以,选,选择一个文件,，,，或者直接键,入,入文件路径。,源文件：指定Flash,源,源文档（后,缀,缀名为.FLA）的路径。,编辑：启动Flash软,件,件以编辑FLA文件。,重设大小：重,新,新设置选定影,片,片的大小。,循环：若选中,该,该选项时影片,将,将连续播放；,若,若没有选中该,选,选项，则影片,在,在播放一次后,即,即停止播放。,自动播放：若,选,选中该选项，,则,则在加载页面,时,时自动播放影,片,片，一般要选,中,中此项。,垂直边距：指,定,定影片上、下,空,空白的像素数,。,。,水平边距：指,定,定影片左、右,空,空白的像素数,。,。,品质：设置影,片,片播放期间的,质,质量。设置越,高,高，影片的观,看,看效果就越好,，,，但速度慢。,设,设置越低，速,度,度快但影片的,观,观看效果就越,差,差，“高品质,”,”选项是注重,外,外观而非速度,。,。“自动低品,质,质”选项是首,先,先注重速度，,然,然后才是外观,。,。“自动高品,质,质”选项是首,先,先注重品质，,然,然后才是速度,。,。,比例：影片如,何,何适合在宽度,和,和高度文本框,中,中设置的尺寸,。,。默认值设置,显,显示整个影片,。,。有“无边框,”,”和“严格匹,配,配”两选项。,对齐：设置影,片,片在页面上的,对,对齐方式。,背景颜色：设,置,置影片的背景,颜,颜色。,参数：影片的,附,附加参数。单,击,击“参数”按,钮,钮，显示“参,数,数”对话框，,如,如图7-10,所,所示。在对话,框,框中可以设置,多,多种“参数,值,值”。,图7-10,“,“参数”对话,框,框,7.2.3,插,插入Flash文本,在Dreamweaver,中,中可以直接制,作,作并插入Flash文本。Flash文,本,本是动态效果,的,的文本。插入Flash文,本,本的步骤如下,：,：,（1）在上面,制,制作的表格中,第,第一个单元格,内,内定位鼠标光,标,标。,（2）在“插,入,入”栏的“常,用,用”类别中，,选,选择“媒体”,，,，然后单击“Flash文,本,本”图标 按,扭,扭，或执行【,插,插入】-【,媒,媒体】-【Flash文,本,本】命令。,（3）显示“,插,插入 Flash 文本”,对,对话框，对话,框,框中各项属性,设,设置如图7-11所示。,图7-11,“,“插入 Flash 文本,”,”对话框,（4）单击“,确,确定”按钮，,显,显示“,对象标签辅助,功,功能属性”对,话,话框，对话框,中,中各项属性设,置,置如图7-12所示。,图7-12,“,“对象标签辅,助,助功能属性”,对,对话框,（5）单击“,确,确定”按钮。,单,单击属性面板,中,中的“播放”,按,按钮，播放效,果,果如图7-13所示，当鼠,标,标移动到该Flash文本,上,上时，效果如,图,图7-14所,示,示。,图7-13,文,文档中播放,效,效果,图7-14,鼠,鼠标移动到文,本,本效果,7.2.4,插,插入Flash按钮,Dreamweaver可,以,以快速创建动,态,态Flash,按,按钮，步骤如,下,下：,（1）在文档,中,中创建表格并,定,定位光标，如,图,图7-15所,示,示。,图7-15创,建,建表格并定位,光,光标,（2）在“插,入,入”栏的“常,用,用”类别中，,选,选择“媒体”,，,，然后单击“Flash,按,按钮”图标或,执,执行【插入】-【媒体】-【Flash 按钮】,命,命令。显示,“,“插入 Flash 按钮,”,”对话框，如,图,图7-16所,示,示。,图7-16“,插,插入 Flash 按钮”,对,对话框,（3）设置完,成,成后，单击确,定,定按钮。文档,中,中效果如图7-17所示。,（4）然后再,连,连续插入几个,按,按钮，按快捷,键,键