《网页的动态、多媒体效果.doc》由会员分享，可在线阅读，更多相关《网页的动态、多媒体效果.doc（10页珍藏版）》请在金锄头文库上搜索。
1、1.8 网页的动态、多媒体效果在网页的设计过程中，动态效果的插入，会使网页更加生动灵活、丰富多彩。一、 滚动字幕标签可以实现元素在网页中移动的效果，以达到动感十足的视觉效果。标签是一个成对的标签。应用格式为: .标签有很多属性，用来定义元素的移动方式:属 性描 述align指定对齐方式top,middle,bottomscroll单向运动slide如幻灯片,一格格的，效果是文字一接触左边就停止。alternate左右往返运动bgcolor设定文字卷动范围的背景颜色loop设定文字卷动次数，其值可以是正整数或 infinite表示无限次 默认为无限循环height设定字幕高度width设定字幕宽
2、度scrollamount指定每次移动的速度,数值越大速度越快scrolldelay文字每一次滚动的停顿时间，单位是毫秒。时间越短滚动越快hspace指定字幕左右空白区域的大小vspace指定字幕上下空白区域的大小direction设定文字的卷动方向,left表示向左,right表示向右,up表示往上滚动behavior指定移动方式，scroll表示滚动播出，slibe表示滚动到一方后停止，alternate表示滚动到一方后向相反方向滚动。8-1 实例a.html 滚动字幕啦啦啦我会跑了啦啦啦我会往上跑了啦啦啦我会往上跑了啦啦啦我会往右跑了啦啦啦我会往下跑了啦啦啦我来回的跑啦啦啦我跑到目的地就
3、该休息了啦啦啦我累了，要慢慢的溜达啦啦啦我累了，我要走走停停哈哈都没有我跑得快啦啦啦图片也可以啊啦啦啦滚动文字有背景了二、 插入多媒体文件 在网页中可以用标签将多媒体文件插入，比如可以插入音乐和视频等。 用浏览器可以播放的音乐格式有：MIDI音乐、WAV音乐、mp3、AIFF、AU格式等。标签的使用格式：SRC=FILENAME设定音乐文件的路径AUTOSTART=TRUE/FALSE是否要音乐文件传送完就自动播放，TRUE是要，FALSE是不要，默认为FALSELOOP=TRUE/FALSE设定播放重复次数，LOOP=6表示重复6次，TRUE表示无限次播放，FALSE播放一次即停止。STAR
4、TIME=分:秒设定乐曲的开始播放时间，如20秒后播放写为STARTIME=00:20VOLUME=0-100设定音量的大小。如果没设定的话，就用系统的音量。WIDTH HEIGHT设定播放控件面板的大小HIDDEN=TRUE隐藏播放控件面板CONTROLS=CONSOLE/SMALLCONSOLE设定播放控件面板的样子实例 b.htm 插入多媒体文件网页中的多媒体实例 c.html插入多媒体文件网页中的多媒体实例 d.html插入flash网页中的多媒体实例 e.htm在图片上插入透明flash在图片上插入透明Flash动画注意 长和宽的设定要根据图片的实际大小来设定三、 点播音乐将音乐做成
5、一个链接，只需用鼠标在上面单击，就可以听到动人的音乐了，这样做的方法很简单：乐曲名例如：播放一段MIDI音乐：MIDI音乐播放一段AU格式音乐：小三和弦-mp3音乐把我们喜欢的音乐收集起来，作成一个音乐库，随时都可以让自己和别人徜徉在音乐的海洋中，已经有人这样做了，你一定已经遇到很多，而且自己也可以试着去做了！1.9 多视窗口框架一、 框架的含义和基本构成框架就是把一个浏览器窗口划分为若干个小窗口，每个窗口可以显示不同的 URL 网页。使用框架可以非常方便的在浏览器中同时浏览不同的页面效果，也可以非常方便的完成导航工作。而所有的框架标记要放在一个 html 文档中。html页面的文档体标签被框
6、架集标签所取代，然后通过的子窗口标签定义每一个子窗口和子窗口的页面属性。语法格式： . Frame子框架的src属性的每个URL值指定了一个html文件（这个文件必须事先做好）地址，地址路径可使用绝对路径或相对路径，这个文件将载入相应的窗口中。框架结构可以根据框架集标签的分割属性分为3种：左右分割窗口 、上下分割窗口、嵌套分割窗口 二、 框架集控制属 性 描 述 border 设置边框粗细,默认是5象素. bordercolor 设置边框颜色 frameborder 指定是否显示边框 ：0代表不显示边框，1代表显示边框 cols 用400 和 20%分割左右窗口,*表示剩余部分 rows 用象
7、素数 和 %分割上下窗口,*表示剩余部分 framespacing=5 表示框架与框架间的保留空白的距离 noresize 设定框架不能够调节，只要设定了前面的，后面的将继承左右分割窗口属性：cols 如果想要在水平方向将浏览器分割多个窗口，这需要使用到框架集的左右分割窗口属性cols.分割几个窗口其cols的值就有几个，值的定义为宽度，可以是数字(单位为像素)，也可以是百分比和剩余值。各值之间用逗号分开。其中剩余值用*号表示，剩余值表示所有窗口设定之后的剩余部分，当*只出现一次时，表示该子窗口的大小将根据浏览器窗口的大小自动调整，当*出现一次以上时，表示按比例分割剩余的窗口空间。cols的默
8、认值为一个窗口如： 将窗口分为40%，40%，20% 将100像素以外的窗口平均分配 将窗口分为三等份 2. 上下分割窗口属性：rows 上下分割窗口的属性设置和左右窗口的属性设定是一样的，参照上面所述就可以了。 三、 子窗口标签的设定是个单标签,标签要放在框架集frameset中,设置了几个子窗口就必须对应几个标签，而且每一个标签内还必须设定一个网页文件（src=*.html,其常用属性有: 属 性 描 述 src 指示加载的url文件的地址 bordercolor 设置边框颜色 frameborder 指示是否要边框,1显示边框，0不显示（不提倡用 yes 或 no） border 设置边框粗细 name 指示框架名称,是连结标记的 target所要的参数 noresize 指示不能调整窗口的大小,省略此项时就可调整, scorlling 指示是否要滚动条,auto根据需要自动出现,Yes有,No
