您好!欢迎您光临七天学会制作音画帖子_温馨花园!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>网页素材>>>网页素材>>>七天学会制作音画帖子
七天学会制作音画帖子
发表日期:2009/3/21 17:24:00 出处:未知 作者:未知 发布人:xjhbj 已被访问 1175


第一天 学习表格标签做图框.


学习表格标签做图框.

  音画贴的图框是用表格标签做成的.图框的背景可用颜色,也可用图片,一般宽度500-600,全屏宽度800-900,高度设定100即可,随着插入内容增多会自动而延伸.



 

全屏颜色背景图框代码模式:

<br><br> <DIV id=table1 style="LEFT: -220px; WIDTH: 1000px; POSITION: relative; TOP: 40px"> <table border="边框厚度" width="图框宽度" cellspacing="3" cellpadding="8" bgcolor="边框颜色代码" height="100" bordercolor="背景颜色代码" id="table1">
<tr>
<td>
 在此插入内容
</td></tr></table>
</DIV><br><br>



全屏颜色背景图框实例代码:
 


图片作背景图框的代码模式:

<CENTER>
<TABLE id=table1 style="LEFT: 0px; WIDTH: 900px; POSITION: relative; TOP: 20px"cellspacing="3" cellpadding="8" borderColor=边框颜色代码 height=200 width=900 background="背景图片地址" border=12>
<TR>
<TD>
<CENTER>
这里插入内容
</CENTER>
</TD></TR</TABLE>
</CENTER>


图片作背景图框的实例代码:
 

说明:
◆论坛发贴时,注意将第一行全屏代码中的水平定位语句style="LEFT: 0px.改为:style="LEFT: -220px
◆在代码框中练习修改背景的颜色或背景的图片地址,做一张你称意的图框.

第二天 学用文字标签,练习贴文字.




套用文字标签,练习贴文字.

文字标签代码模式:

<CENTER>
<font face=字体代码 size=字号1-7 color=文字颜色代码>
一周学会用代码做音画贴
</font>
</CENTER>


文字代码实例:
 

◆说明:字号1最小,字号7最大.如果要获得更大的字,就要套用css语句如下:
大号文字代码实例:

 

  你可将代码框中字号参数200改为500后,运行代码看效果.
特效文字代码:
 

◆说明:css语句style="FONT-SIZE: 400pt" 替换size=字号语句,文字可达到无限大.但是有一些论坛不支持这种特效代码,必须先试后用.


 

常用文字代码:宋体 黑体 楷体_GB2312 仿宋_GB2312 新宋体 幼圆 隶书 方正舒体
     华文新魏 华文细黑 华文彩云 方正姚体
常用颜色代码:
     红色 #FF0000 蓝色 #0000FF 黄色 #FFFF00 青色 #00FFFF 黑色 #000000
     红紫色 #FF00FF 茶色 #D2B48C 金色 #FFD700 橄榄色 #808000


第三天学习各种贴图代码



  做音画贴要在图框内插入图片,必须在网上取来图片地址,方法是:标鼠对着图片击右键,在弹出下拉菜单中选最下行的"属性",在弹出的窗口选中部的地址(URL),把地址完整的复制下来就可用了。“图片地址”样式:
http://www.igosc.com/Upfile/gzzphoto/ltphoto/22.jpg


贴图代码模式(1):

<CENTER>
<img src="图片地址">BR> </CENTER>
</TD></TR</TABLE>
</CENTER>

BR> 贴图代码实例(1):
 


 


贴图代码模式(2):

<CENTER>
<INPUT src="图片地址" type=image width=图片宽度> </CENTER>



贴图代码实例(2):
 

 说明:
◆这种贴图代码较好用,图片大小可随意调整,即修改宽度width=即可.


第四天 练习文字和图片移动的方法.



移动标签名称:
<MARQUEE> 移动内容:文字或图片 </MARQUEE>

仅用移动标签名称,没有其它属性内容,系统默然从右向左移动.

文字走马灯式向左走的代码:

<MARQUEE>
<font face=黑体 size=6 color=#ffffff>
我和你,缘分长,天涯各一方。为梦想,寻万里,相聚诗歌网。
</font>
</MARQUEE>

 


 
显示效果:

我和你,缘分长,天涯各一方。为梦想,寻万里,相聚诗歌网。

 

 

多张图片从右向左走的代码:
 


显示效果:
 
 
◆提示:在代码框中更换"图片地址",运行效果成功,就是一个作品了.


 


文字或图片要用其它移动速度和移动方向,就必须在移动标签中加入速度和方向指令,即移动属性内容及属值.


图片左右来回移动的代码模式:

<MARQUEE scrollAmount=移动速度 direction=移动方向>
<font face=黑体 size=6 color=#00ffff>移动对象:文字内容

<INPUT src="图片地址" type=image width=200>
</marquee>



图片左右来回移动的代码实例:



◆提示:在代码框中更换"图片地址",运行效果成功,就是一个作品了.


 


多行文字从下向上移动的代码实例:
 


提示:
◆第一行代码<p align=LEFT>是居左定位.可改换为居中或居右,
◆居中的代码:<p align=CENTE>
◆居右的代码:<p align=RIGHT>
◆在这个代码中设置有文字依原有形式显示指令.
◆在代码框中更换文字内容,运行效果成功,就是一个作品了.

第五天学习图片加叠Flash动画和贴歌代码



图片加叠Flash动画代码模式:

<TABLE borderColor=#127626 height="高度" width="宽度" background="图片地址" border=3>
<TR>
<TD>
<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=right src="lash动画文件地址" width="宽度" height="高度" type=application/x-shockwave-flash wmode="transparent" quality="high">
</TD></TR></TABLE>


图片加叠Flash动画代码:

 


查看透明FLASH素材



 



贴Flash歌曲的代码模式:

<P align=center> <EMBED allowScriptAccess="never" allowNetworking="internal" src="Flash歌曲视频文件地址" width=视频宽度 height=视频高度 type=application/x-shockwave-flash > </P>


贴Flash歌曲的代码实例:

 


 



播放器贴歌的代码模式:

<P align=center> <EMBED src="歌曲文件地址" width=播放器宽度 height=播放器高度 type=audio/x-ms-wma autostart="true" loop="true"> </P>


播放器贴歌曲的代码实例:

 

◆提示:如果要隐藏播放器,将代码中播放器宽度和播放器高度均设为"0",即可.

第六天学习做一个完整的音画贴.



完整的音画贴的代码模式:

 


完整的音画贴的代码实例:

 

第七天学习空间贴和超链接发表作品.

学习空间贴和超链接

  音画贴做好后,可以在论坛上看如何了代码贴的说明,选用html模式发表.也可以做成空间贴,到其它个人主页和博客等媒体发表.另外还可将空间贴文件地址,用邮箱发送给亲朋好友分享你的成果.
  空间贴的做法:音画贴编辑成功后,将代码复制在空白记事本上,命为:.txt 的格式文件,如a101.txt,扩展名前面的名字可任用英文和数字自定,但不能用汉字.找个可上传txt 格式文件地方上传,方法是像一传图片一样,击点浏览,打开要上传的文件,发表打开后把网页空间贴地址复制下来,用HTML代码超链接方式在网络上发表了.
  有一些论坛在编辑栏中说明可以上传txt格式文件,但发表后显示的不是效果,而是代码的脚本文件.介绍几个可上传又能显示效果的地方:

新竹论坛 老人坊论坛 夕阳论坛 红网论坛


超链接代码模式::

<A href="网页空间贴地址" target=_blank>
<font style=font:12pt face=黑体 color=0000ff>
<B>空间贴标题文字</B>
</FONT></A>


超链接实例代码:


<A href="http://www.53199.com/bbs/UploadFile/2008-11/2008112719321610274.txt" target=_blank>
<font style=font:12pt face=黑体 color=0000ff>
<B>如何做空间贴和超链接</B>
</FONT></A>


超链接显示效果:

◆击点打开: 如何做空间贴和超链接


 


空间贴不用超链接,可以直接发表运行.代码如下:


代码模式:

<DIV style="LEFT: 0px; WIDTH: 995px; POSITION: relative; TOP: 0px">
<IFRAME marginWidth=0 marginHeight=0 src="空间贴文件地址" frameBorder=0 width="网页宽度" scrolling=no height="网页高度">
</IFRAME></DIV>



代码实例:

<DIV style="LEFT: 0px; WIDTH: 995px; POSITION: relative; TOP: 0px">
<IFRAME marginWidth=0 marginHeight=0 src="http://www.53199.com/bbs/UploadFile/2008-12/20081277264647310.txt" frameBorder=0 width=995 scrolling=no height="2800">
</IFRAME></DIV>


双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:

没有相关评论

 发表评论:

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

关闭

琼icp备09005167



温馨花园 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话:QQ:365708094 Email:bjxjhyg@sina.com 联系人:简爱

琼icp备09005167