《制作多媒体效果网.ppt》由会员分享,可在线阅读,更多相关《制作多媒体效果网.ppt(18页珍藏版)》请在三一办公上搜索。
1、第十二讲 制作多媒体效果网页(二),任务一 创建网页滚动广告任务二 创建网页视频,【知识点】嵌套表格、代码视图【重点/难点】代码的添加【范例分析】本实例在设计制作时,通过添加Javascript代码为输入的公告文字创建滚动效果,从而完成本例的制作。,任务一 创建网页滚动广告,【主要步骤】,启动Dreamweaver,新建一个网页文件,将其命名为“index.htm”,打开“页面属性”,设置“字体”为12pix,“文本颜色”为#FFFFFF,上边距为0pix;在“分类”列表框中选择“链接”选项,链接字体“大小”设置为9pit,链接颜色为#4893DD,将“变换图像链接”颜色设置为“#1AA663
2、”,在”下划线样式”下拉列表框中选择“始终无下划线”。在网页插入三大宽为778pix、居中对齐且“填充”和“间距”均为0的表格;其中第一个表格11;第二个表格13且“表格ID”文本框中输入“01”;第三个表格11,背景色设置为“#EFDCEF”。,在第一个表格中再插入一15,宽度为100%的嵌套表格,分别在各列插入相应的图像;(关键步骤)在第二个表格“01”的第一列中插入光标,将其背景颜色设置为“#DE80A5”,1)在其中插入一11,宽为253pix,边框粗细、单元格边距和单元格间距均为“0”的嵌套表格,并将表格ID设置为“01-1”,在其中插入相应的图像;2)将光标移至表格“01-1”之外
3、的第一列中,再插入一个11的表格“01-2”,设置同“01-1”;将光标移至“01-2”中,为其设置一背景图像;课堂用/%E8%AF%BE%E5%A0%82%E6%BC%94%E7%A4%BA.html)将光标移至表格“01-2”中,插入一11、宽为214pix(高为160pix)、单元格边距和单元格间距均为“0”的嵌套表格“01-2-1”,将光标移至表格中,为其设置一背景图像,并将垂直对齐设置为“底部对齐”;课堂用/%E8%AF%BE%E5%A0%82%E6%BC%94%E7%A4%BA.html)在“01-2-1”表格中再插入一个11、宽为214pix、单元格边距和单元格间距均为“0”的嵌
4、套表格“01-2-1-1“;课堂用/%E8%AF%BE%E5%A0%82%E6%BC%94%E7%A4%BA.html)在表格“01-2-1-1“中,将垂直对齐方式设置为“顶端”对齐,然后在表格中输入滚动公告文字,并为文字设置空链接;课堂用/%E8%AF%BE%E5%A0%82%E6%BC%94%E7%A4%BA.html)在“代码视图”中,在显示的文字前后添加代码(见上部);,(关键步骤)3)将光标移至表格“01-2”外,插入一41、宽为253pix、单元格边距和单元格间距均为“0”的表格;在第1、3行中插入相应的图像,在第2、4行单元格中输入相应文字;将“01”表格中间和右侧的单元格合并,
5、然后将合并后的单元格背景颜色设置为灰色;将光标移至合并后的单元格中,在其中插入一个44、宽度为98%、单元格和单元格间距均为“0”的嵌套表格。a)将嵌套表格的第一行单元格合并,并将其背景颜色设置为白色,然后在该单元格中插入相应图像;b)在其余各单元格中插入相应图像;在网页中插入第三个11的大表格,宽为778pix,单元格边距和单元格间距均为“0”,别经颜色为“#EFDCEF”、居中对齐,并在表格中输入相应文字。,【为网页添加背景音乐的方法】,切换到“代码视图”,在之间输入 其中“11.mp3”为歌曲的名称,“loop=-1”表示音乐无限循环播放。,【重要知识问答】,本例中输入的代码的含义?代码
6、表示在表格中使输入的文字滚动显示;(计选取框,用于创建一个滚动的文本字幕)标签表示对文字进行滚动设置;其中“scrollamount”属性是对“滚动的速度”进行设置,默认为6“direction”是对滚动方向进行设置,(默认为“left”);“scrolldelay”用于设定两次滚动操作之间的间隔时间,(该时间以毫秒为单位;此属性不是必须使用的,默认为0)。“height”表示运动区域的高度,(默认width=100%height为标签内元素的高度)。,为网页添加背景音乐的注意事项?本例中添加背景音乐的方法是最常用的一种方法。对于背景音乐的格式现在大多数的主流音乐格式,如 wav、mid和mp
7、3等。需要注意的是,如果考虑较低的原因,则可以使用Mid音效作为网页的背景音乐,因为Mid音乐文件小,这样在网页打开的过程中能很快加载并播放,但是Mid只能存放音乐的旋律,没有悦耳的和声和唱词。如果网速较快,或是认为Mid音乐单点的话,则可添加MP3格式的音乐。,【知识点】插件、参数设置【重点/难点】插入插件与设置插件【范例分析】本实例在设计制作时,在网页中插入插件,然后选择视频文件,最后为插件设置参数,使视频能够在网页中顺利播放。,任务二 创建网页视频,在第一个大表格(31)第三行图像中的相关菜单处设置矩形热点区域,并设置空链接;插入的第二个大表格为122,宽为760pix,将左侧的单元格全
8、部合并,然后选择菜单“插入”“媒体”“插件”/“ActiveX”。,【网页制作说明】,【重要知识问答】,网页中常用的视频格式有哪些?有rm、rmvb、mov、swf等,这些都是符合流媒体播放方式的视频格式,其中最新的swf播放插件可以支持flv视频,它以速度快、画质佳和使用方便等特点逐渐成为播客(有声博客)们的最爱。什么是流媒体?流媒体是指在Internet/Intranet中使用流式传播技术播放的连续时基媒体。流媒体在播放前不用下载完整的文件,只需将开始部分内容存入内存即可播放,在播放过程中可以继续下载后面的内容,节约了用户等待的时间。,1.制作一滚动公告牌;2.为网页添加一视频文件;,【上
9、机操作】,【ActiveX】,ActiveX 是一个打开的集成平台,为开发人员、用户和 Web生产商提供了一个快速而简便的在 Internet 和 Intranet 创建程序集成和内容的方法。使用 ActiveX,可轻松方便的在 Web页中插入 多媒体效果、交互式对象、以及复杂程序,创建用户体验相当的高质量多媒体 CD-ROM。,【rm】,RealNetworks公司所制定的音频视频压缩规范称为RealMedia,用户可以使用RealPlayer或RealOnePlayer对符合RealMedia技术规范的网络音频/视频资源进行实况转播并且RealMedia可以根据不同的网络传输速率制定出不同
10、的压缩比率,从而实现在低速率的网络上进行影像数据实时传送和播放。,【rmvb】,RMVB是一种视频文件格式,RMVB中的VB指VBR,Variable Bit Rate(可改变之比特率),较上一代rm格式画面要清晰了很多,原因是降低了静态画面下的比特率,可以用RealPlayer播放软件来播放。,【mov】,MOV即QuickTime影片格式,它是Apple公司开发的一种音频、视频文件格式,用于存储常用数字媒体类型,如音频和视频。当选择 QuickTime(*.mov)作为“保存类型”时,动画将保存为.mov 文件。QuickTime用于保存音频和视频信息,现在它被包括Apple Mac OS,Microsoft Windows 95/98/NT/2003/XP/VISTA在内的所有主流电脑平台支持。,【swf】,swf是Macromedia公司(现已被ADOBE公司收购)的动画设计软件Flash的专用格式,是一种支持矢量和点阵图形的动画文件格式。具有缩放不失真、文件体积小等特点,它采用了流媒体技术,可以一边下载一边播放,目前被广泛应用于网页设计,动画制作等领域,swf文件通常也被称为Flash文件。,【shockwave】,shockwave是Macromedia Flash动画的安装控件,用于播放FLASH文件,即播放后缀名为.swf的文件。,