打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
制作:动画图片加flash
应朋友之约,英雄现简要介绍,在一张背景图片(包括flash图片)上定位加入flash的方法。
一、边框(表格)的概念及作用:
边框实质上说就是我们常用的表格,目前边框(表格)已广泛运用于网络网页的制作及各种文档、办公等领域。由于Microsoft office2003办公软件的推广,更使边框(表格)的应用上升到一个新水平。
边框(表格)形象的说,就像我们盛东西的容器,我们在写日志时,需要用边框(表格)这个容器把文字、图片、flash等内容装起来,固定在一个位置里。也像我们人类居住的房子,用墙把空间分割成一个个小空间,便于我们居住、使用。比如:卧室、厨房、书房、仓储等。边框(表格)就像房子的墙,它能使我们的日志内容,按照我们的意愿整齐、有序的排列,而不是乱得不听使唤。说的这么多,旨在强调边框(表格)的重要作用。
二、一张背景图片上定位加入flash的完整代码:
<P align=center>
<TABLE style="LEFT: 0px; WIDTH: 800px; TOP: 0px" height=728 borderColor=#ff0000 cellSpacing=0 borderColorLight=#ffff00 cellPadding=0  width=900 background=图片地址 border=0>
<TBODY>
<TR>
<TD width="33%"><EMBED align=right src=flash地址 width=200 height=200 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" 上左 > </TD>
<TD width="33%"><EMBED align=right src=flash地址 width=200 height=200 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" 上中 > </TD>
<TD width="34%"><EMBED align=right src=flash地址 width=280 height=200 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" 上右 > </TD>
<TR>
<TD width="33%"><EMBED align=right src=flash地址 width=200 height=200 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" 中左 > </TD>
<TD width="33%"><EMBED align=right src=flash地址 width=200 height=200 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" 中中 ><EMBED align=right src=flash地址 width=200 height=200 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" 中中 > </TD>这里添加了两层。
<TD width="33%"><EMBED align=right src=flash地址 width=280 height=200 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" 中右 > </TD>
<TR>
<TD width="33%"><EMBED align=right src=flash地址 width=260 height=200 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" 下左 ><EMBED align=right src=flash地址 width=260 height=160 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" 下左 > </TD>这里添加了两层。
<TD width="33%"><EMBED align=right src=flash地址 width=280 height=200 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" 下中 ><EMBED align=right src=flash地址 width=260 height=80 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" 下中 > </TD>这里添加了两层。
<TD width="34%"><EMBED align=right src=flash地址 width=280 height=200 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" 下右 > </TD></TR></TR></TR></TBODY></TABLE>
三、有关说明:
1、有关代码说明:
英雄用红色标明的“图片地址”是背景图片的地址,你把你喜欢的图片地址输入到“图片地址”里。图片的尺寸不能太小,可选宽度700到800的图片,高是随宽的比例而增减的。用作背景的图片可以是静态的,亦可是动态的(动画),可以是jpg格式的,也可以是gif格式的。当然也可以用flash作背景,其方法下面还要介绍。
英雄用红色标明的“flash地址”就是我们要定位的flash地址,把你选择的flash输入到“flash地址”里。
2、边框(表格)代码说明:
1)、大边框(表格)。
<TABLE style="LEFT: 0px; WIDTH: 800px; TOP: 0px" height=728 borderColor=#ff0000 cellSpacing=0 borderColorLight=#ffff00 cellPadding=0  width=900 background=图片地址 border=0>
<TBODY>
<TR>
<TD>
这是一篇日志内容的大边框(表格),它把一篇日志的所有内容都框在了里面。
2)、小边框(表格)。
<TD width="34%">这是小边框(表格),就是用它给每一个flash定位。
3)、边框(表格)颜色代码。
borderColor=#ff0000这是边框(表格)右边的颜色代码。borderColorLight=#ffff00这是边框(表格)左边的颜色代码。也可不用颜色代码,系统默认的是透明色
4)、控制边框(表格)之间、文字与边框(表格)之间距离的代码:
cellSpacing=0这是控制边框之间、文字与边框之间距离的代码。注意:它在边框(以下省略表格二字)的最外层可以调整最外一层边框的宽度,我们可以在1以上的数字进行调整,0为无效数字。它在边框的中间层,可以调整边框之间的间距。它在最下层(日志内容的背景层),可以调整文字与边框的间距。(英雄在此只介绍了有关代码的作用,具体到实际中的运用,还要靠自己的摸索、研究、实践)。
5)、边框线隐藏、显示的代码:
border=0这是让边框线隐藏、显示的代码。想要边框线就把它设为有效数字(1以上的数字),不想要边框线,就把它设为0。
6)、小边框百分比宽的代码:
<width="34%">这是控制每一个小边框百分比宽的代码。
四、给flash定位的具体位置:
1)、位置。
我把背景图片(包括flash背景图片)从横向、纵向按上、中、下都平均分成三等份,既是三个区域,每个等份(区域)又分成三个小方形边框(表格),共9个小方形边框(表格)。这9个小方形边框(表格)就是固定flash的边框(表格)("容器")。大家看到了我用粉红色标注的上左、上中、上右;中左、中中、中右;下左、下中、下右。是以横向排列说明的,也是方便我们输入flash地址,便于我们记忆。
2)、每个小方形边框(表格)的大小:
每个小方形边框(表格)的大小也既是每一个flash的大小,就是它们的宽、高。大家需要注意的是:一定要根据背景图片的宽、高进行设置。其方法就是:把背景图片的宽,平均分成三等份,就是每一个flash的宽,把背景图片的高,同样平均分成三等份,就是每一个flash的高了。比如:我下面演示效果的背景图片的宽是780,那么每一个flash的宽就是260;背景图片的高是720,那么每一个flash的高就是240。这样设置,每一个flash就不会变形。
五、被定位的flash的层数:
9个小方形边框(表格)里面的flash需要几层flash?这可根据你要表现的日志内容和你的喜好而自己定夺,想添几层你就添几层,但一定不要忘了在每层flash里添加align=right居右这个代码,否则flash就变形。
六、两款演示效果如下:
一)、不显示表格的效果:
二)、显示表格的效果:
要想让边框(表格)显示,你只要把<P align=center>
<TABLE style="LEFT: 0px; WIDTH: 800px; TOP: 0px" height=728 borderColor=#ff0000 cellSpacing=0 borderColorLight=#ffff00 cellPadding=0  width=900 background=图片地址 border=0>边框最后面这个border=0代码的0设为1就可以了。
七、用flash做背景:
用flash做背景的完整代码:
<P align=center>
<TABLE borderColor=#ff0000 cellSpacing=0 borderColorDark=#ff0000 cellPadding=0 borderColorLight=#ffff00 border=0>
<TBODY>
<TR>
<TD>用flash做背景,要用两层边框。这是最上面的一层边框,把背景flash代码添加在它的下面。
<EMBED align=right src=http://www.hawh.cn/admin/upload_file/file/2008-11/1226763980093.swf width=790 height=728 type=application/x-shockwave-flash 背景 quality="high" menu="false" wmode="transparent" allowNetworking="internal" allowScriptAccess="never">
<TABLE cellSpacing=0 borderColorDark=#ff0000 width="100%" cellPadding=0 borderColorLight=#ffff00 border=0>
<TBODY>
<TR>
<TD width="33%">这是第二层边框,它的下面是被定位了的flash。
<EMBED align=right src=http://www.hawh.cn/admin/upload_file/file/2008-09/1222715208203.swf width=260 height=240 type=application/x-shockwave-flash 上左 quality="high" menu="false" wmode="transparent" allowNetworking="internal" allowScriptAccess="never"> </TD>
<TD width="33%"><EMBED align=right src=http://www.zxtx.org/user/yiyi/html/flash/059.swf width=260 height=240 type=application/x-shockwave-flash 上中 quality="high" menu="false" wmode="transparent" allowNetworking="internal" allowScriptAccess="never"> </TD>
<TD width="34%"><EMBED align=right src=http://img5.3lian.com/flash/f12/1/021.swf width=260 height=240 type=application/x-shockwave-flash 上右 quality="high" menu="false" wmode="transparent" allowNetworking="internal" allowScriptAccess="never"> </TD>
<TR>
<TD width="33%"><EMBED align=right src=http://tianyatianya.313414.cn/flash/meigui/1.swf width=260 height=240 type=application/x-shockwave-flash 中左 quality="high" menu="false" wmode="transparent" allowNetworking="internal" allowScriptAccess="never"> </TD>
<TD width="33%"><EMBED align=right src=http://tianyatianya.313414.cn/flash/meigui/12.swf width=260 height=240 type=application/x-shockwave-flash 中中 quality="high" menu="false" wmode="transparent" allowNetworking="internal" allowScriptAccess="never"><EMBED align=right src=http://bfq2/flash/88.swf width=260 height=240 type=application/x-shockwave-flash 中中 quality="high" menu="false" wmode="transparent" allowNetworking="internal" allowScriptAccess="never"> </TD>
<TD width="33%"><EMBED align=right src=http://tianyatianya.313414.cn/flash/LANHUA/26.swf width=260 height=240 type=application/x-shockwave-flash 中右 quality="high" menu="false" wmode="transparent" allowNetworking="internal" allowScriptAccess="never"> </TD>
<TR>
<TD width="33%"><EMBED align=right src=http://tianyatianya.313414.cn/flash/meigui/5.swf width=260 height=240 type=application/x-shockwave-flash 下左 quality="high" menu="false" wmode="transparent" allowNetworking="internal" allowScriptAccess="never"><EMBED align=right src=http://tianyatianya.313414.cn/flash/meigui/11.swf width=260 height=160 type=application/x-shockwave-flash 下左 quality="high" menu="false" wmode="transparent" allowNetworking="internal" allowScriptAccess="never"> </TD>
<TD width="33%"><EMBED align=right src=http://sk007.313414.cn/flashsc/hua/flower_016.swf width=260 height=240 type=application/x-shockwave-flash 下中 quality="high" menu="false" wmode="transparent" allowNetworking="internal" allowScriptAccess="never"><EMBED align=right src=http://imgfree.21cn.com/free/flash/58.swf width=260 height=80 type=application/x-shockwave-flash 下中 quality="high" menu="false" wmode="transparent" allowNetworking="internal" allowScriptAccess="never"> </TD>
<TD width="34%"><EMBED align=right src=http://www.zxtx.org/user/yiyi/html/flash/357.swf width=260 height=240 type=application/x-shockwave-flash 下右 quality="high" menu="false" wmode="transparent" allowNetworking="internal" allowScriptAccess="never"></TD></TR></TR></TR></TBODY></TABLE>
八、结束语:
英雄断续写了三天,才完成这篇朋友所托之教程,实在对不起,也是因英雄这段太忙了,连夜加班的赶着申报项目,是为了抢抓这次国家加大投入,扩大内需的机遇啊,请朋友们见谅。这篇文章赶得比较急,难免有不少漏洞,敬请大家多提宝贵意见和建议。最后提醒大家要认真研究英雄用不同颜色标注的代码。
九、用flash做背景的演示效果(1):
用flash做背景的演示效果(2):
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
【flash素材】最新的透明FLASH边框素材
简单音画制作步骤
背景图片加入透明flash动画的定位技巧
在背景静、动图片上定位加入flash(教材)
flash代码加上色彩的边框
立体边框套透明动画
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服