新版博客屋     搬家到新版     你还没有登录,请先登录     图书城网上书店
注 册   |   登 录

HTML语言音画最基本的构成 (此文已搬到新家)

兰花草 @ 2007-08-19 00:21:23

 
朋友,兰心苑欢迎您的到来!

  已经有不少博友问及发音画帖的一些问题,现在我将自己收集、实验、修改过的一些最基本的音画构成方法整理编辑发在这里,和大家一起研究、试验、探讨,由于时间限制匆忙而就,未免有不少欠妥的地方或漏洞,诚望懂网页制作的朋友们不吝赐教,有兴趣做网页的朋友一起实验讨论,有什么疑难问题也一起互相解答,大家一起来完善这个素材为盼^_^

HTML语言音画最基本的构成就是四个部分:
边框
图片(也可以在那个位置放一些文字内容)
音乐
FLASH

下面先讲边框:

边框可以设置任意N层,你想要几层就几层,网上很协调美观的边框大部分都是专业人士制做(有些网站可以专门下载),你不要一看见一个漂亮边框就认为楼主高不可攀,实际上大部分人用的协调美观的边框都是共享的(当然,也有很大一部分高手是原创,所以我们在这里可以这样说:网上的边框是共享的,大家完全可以心安理得地去借用和复制,(但本人也支持和提倡原创),我也是常常借用别人边框的人。

下面是一个七层边框的实例介绍,图片可以任意换,只要你觉着好看就行:

<TABLE cellSpacing=0 borderColorDark=#001a1a cellPadding=10 width=500 borderColorLight=#055b56 background=图片地址 border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 borderColorDark=#001a1a cellPadding=15 width=500 borderColorLight=#055b56 background=图片地址 border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 cellPadding=3 width="100%" background=图片地址 border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 cellPadding=15 width="100%" background= 图片地址 border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 cellPadding=3 width="100%" background=图片地址 border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 cellPadding=15 width="100%" background=图片地址 border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=10 borderColorDark=#001a1a cellPadding=0 width="100%" borderColorLight=#055b56 background=图片地址 border=0>
<TBODY>
<TR>

<TD>此处插入主文</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
蓝色部分是结尾,
做完边框和内容后,结尾部分不用自己写,在Design格式[也就是第一个格式 Design]与HTML格式[HTML]之间来回打几次,系统就自动给你写好了。

其中:border =边框粗细   width= 边框宽度     height =边框高度    cellspacing=单元格间距 cellpadding=边框间距   borderColor=边框颜色 background =插入的背景

A、<TABLE  =开始  <TABLE> =结尾 (这两个是绝对格式,否则就成乱码了)

B、cellSpacing=15  =单元格间距(可以任意设置宽度)

C、cellPadding=0 =边框间距

D、width=570   =边框宽度

E、background =插入的背景格式

F、*http:// =背景图片

G、border=0> = 边框粗细

下面是帖子内容的基本格式 

1、贴图片格式(支持jpg、gif等格式),红色代码是图片居中命令:

<P align=center> <IMG src="内容图片地址"></P>

2、贴普通字体格式,蓝色代码为字的颜色、红色代码为字的大小(最大为了7,最小为1),其他运动字体的格式,另行讲解:

<CENTER><FONT face=宋体 color=#e4dc9b size=4>兰心苑</FONT></CENTER>

3、贴FLASH格式(红色代码分别是宽度与高度):

<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=FLASH地址 width=380 height=270 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED>

下面为大家介绍四种flash 的代码

代码1(普通的flash的插入代码)

<EMBED height=170 pluginspage=http://www.macromedia.com/go/getflashplayer src=地址 type=application/x-shockwave-flash width=330 wmode="transparent" quality="high"></EMBED>

代码2(无限制的flash的代码)

<EMBED style="LEFT: 250px; WIDTH: 400px; POSITION: absolute; TOP: 900px; HEIGHT: 300px" align=right src=地址 width=400 height=300 type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED>

代码3(大型flash )

<TR><TD><EMBED style="LEFT: 50px; WIDTH: 850px; POSITION: absolute; TOP: 10px; HEIGHT: 1500px" align=right src=地址 width=500 height=1500 type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED></TD>

代码4(双层flash的代码)

<EMBED align=right src=地址 width=420 height=350 type=application/octet-stream wmode="transparent" quality="high"><EMBED align=right src=地址 width=420 height=350 type=application/octet-stream wmode="transparent" quality="high">

 常用特效
1。透明
style="FILTER: Alpha(opacity=100,style=2)"

2。倒影

<P align=center><FONT style="FONT-SIZE: 27pt; WIDTH: 220px; COLOR: #00ff00; HEIGHT: 10px"><IMG src="图片地址"><FONT id=ew style="FONT-SIZE: 27pt; FILTER: wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv(); WIDTH: 220px; COLOR: #3333ff; HEIGHT: 10px"><IMG src="图片地址"></P></FONT></FONT>
 
 
 
 

3蝴蝶飞舞示例

代码如下:<marquee direction=up behavior=alternate width="110" height="300"><img src="http://www.162z.com/upimg/allimg/070724/30911134D6.gif"></MARQUEE><font color="orange">
<marquee direction=up behavior=alternate width="110" height="250"><img src="http://www.162z.com/upimg/allimg/070724/30911134D6.gif"></MARQUEE><font color="fuchsia">
<marquee direction=up behavior=alternate width="110" height="300"><img src="http://www.162z.com/upimg/allimg/070724/30911134D6.gif"></MARQUEE><font color="olive"></FONT></FONT></FONT>

 

图片加透明FLASH格式:

<center><TABLE cellSpacing=2 cellPadding=2 border=10 bordercolor=#84B98D background=图片><TBODY><TD><EMBED src=透明网址 width=500 height=375 type=application/x-shockwave-flash quality="high" menu="false" wmode="transparent"></embed></table></center>

 

贴音乐格式

1.背景音乐(适合 mid wma等格式)
<bgsound src=音乐网址 Loop=-1>

2.音频(适合MP3 WMA RM等很多格式)
<embed src=网址 AutoStart=true Loop=true width=400 height=40

A、<EMBED src= =开始

B、音乐地址:

C、播放器大小(隐藏格式)

width=0 height=0

D、自动重复播放格式

type=audio/mpeg Loop="true" AutoStart="true">

3.视频
<embed src=视频网址 type=audio/x-pn-realaudio-plugin controls=imagewindow,ControlPanel,StatusBar AutoStart=true Loop=true width=400 height=400>

说明:AutoStart=true 表示是否要音乐文件传送完就自动播放,TRUE是要,FALSE是不要,默认为true

Loop=true 表示设定播放重复次数,LOOP=3表示重复3次,true表示无限次播放,FALSE播放一次即停止。
朋友您辛苦了!

 

 
淡淡的友情最诚,
淡淡的问候最醇,
淡淡的依恋最清,
淡淡的孤独最美,
淡淡的思念最深,
淡淡的祝福最真!

 

亲爱的博友们,

 兰花草祝你们天天快乐!

  愿你们个个都好人有好梦!

 

一杯热茶~*
一声问候...

的家

 

                    

 

 

兰心苑

 

 兰心苑

谁说边框不好做呀,我这不是做出来了吗?你嫌麻烦可以少做几层呀,一层二层都可以呀,人只要灵活肯钻,什么不会干?

类别:网页素材   2097次浏览   54篇评论
相关文章:

网友评论:
柳絮儿
柳絮儿 @ 2008-03-19 09:59:29 评论
本一过客,看到这么好的贴子,心悦诚服之余一定要上来对兰花草说一声:谢谢了!谢谢你的辛苦!为大家做了这么精美又实用的贴子!
作者回复:真的吗?那我也要谢谢你了呀!
无限关爱
无限关爱 @ 2007-09-25 15:54:34 评论
制作起来一定很复杂 很难的。好羡慕佩服你哟!
作者回复:呵呵,只要你认真地看,慢慢地会懂的.
梦如
梦如 @ 2007-09-05 20:11:31 评论
看起来好复杂啊,我怎么才能把想要的音乐放进来呢?
作者回复:你是要放在一般的文章里,还是要放在特效网页中呢?
阳光女孩
阳光女孩 @ 2007-09-03 20:41:00 评论
你的家中含金量真高,服!让我羡慕呀!
作者回复:真的吗?但愿意对你有用处啊!
罗马
罗马 @ 2007-08-31 22:06:20 评论
没有别的好东东吗
作者回复:呵呵,好东东我多的是啊,只是没有时间也没有心情拿出来罢了!谢谢朋友来看我呀,想看什么好东东呀?你说得出我就拿来得出哦.呵呵^_^
情怀
情怀 @ 2007-08-31 15:22:07 评论
来这里学知识了!谢谢!
作者回复:不用谢,但愿对你有用啊!
雨顿
雨顿 @ 2007-08-31 12:32:09 评论
我会认真学拉
作者回复:但愿你快点学会.
华斌
华斌 @ 2007-08-31 10:00:38 评论
聪明。。。。。。。。。。。
作者回复:汗。。。。。。。。。。。
月牙儿
月牙儿 @ 2007-08-30 22:24:10 评论
月牙儿看着这些都眼晕,怕是学不会的!呵呵!
作者回复:刚开始看就会这样的,慢慢地懂了就好了,你这么冰雪聪明,只要认真地钻研.什么学不会呀!
沈菡
沈菡 @ 2007-08-27 12:30:43 评论
拜读,欣赏了!
作者回复:谢谢朋友记得来看我!
冬晨踏歌
冬晨踏歌 @ 2007-08-25 11:55:30 评论
你一定是电那专业的博士后!
作者回复:不是哦,是自己瞎胡整的!嘿嘿^_^
紫色蔓布
紫色蔓布 @ 2007-08-24 23:19:14 评论
我很笨也很懒,正好收藏起来慢慢学了,谢谢!
作者回复:不用谢,但愿对你有用处啊!
修
@ 2007-08-24 18:43:49 评论
ha  哈哈~~好啊 我来了~~!!好 啊
作者回复:来了~~就好啊!
零落一身秋
零落一身秋 @ 2007-08-24 10:48:53 评论
姐姐,你得手把手教偶才好。。。
作者回复:好的,妹妹过来吧,兰姐这就教你~^_^
碧水悠悠
碧水悠悠 @ 2007-08-24 07:53:27 评论
真的太好了,我想制作边框,可是一直不能如愿,有的时候借来用用不是很方便,有的时候就给封杀了(555)!
我收藏了!谢谢!
作者回复:姐姐想制作边框就可以用这个代码加上图片呀,有什么不懂的,可以短信交流或直接Q我呀!
果继敏
果继敏 @ 2007-08-23 19:03:18 评论
收藏起来慢慢学,兰花草辛苦了
作者回复:只要你们喜欢,兰花草就不会感到辛苦的啦!!
黄鹤
黄鹤 @ 2007-08-22 18:31:01 评论
诲人不倦.学而不厌.望尘莫及,.....名落孙山.
作者回复:晕啊!老兄不要太客气啦!
湘湘书屋
湘湘书屋 @ 2007-08-22 15:04:54 评论
收藏起来慢慢学,兰花草辛苦了!!
作者回复:只要你们喜欢,兰花草就不会感到辛苦的啦!!
天天快乐
天天快乐 @ 2007-08-22 14:08:52 评论
懒人又来了
呵呵呵呵呵
晕了
拿走都很难
^_^
作者回复:呵呵,我更懒了,好久没有时间和心情上博了哇!
夏宏
夏宏 @ 2007-08-22 12:28:18 评论
老师,辛苦了.我是首次来到你的小屋,那天我也跟你学习FLASH动画.
作者回复:老师真的不敢当哦!我自己就还在天使那边跟她们学做动画呢!你有兴趣的话可以也过去支持她们,有一定付出了,会得到回报的......

由于旧版性能问题,暂时不允许评论,请到新版发表评论,非常抱歉给您带来的不便
去兰花草的新家看看
兰花草个人档案
兰花草 发站内短信  加为我的朋友
生日: 1968-9-28 (性别: 女)
来自于: 浙江
    更多资料