本页主题: HTML音画帖制作教程 打印 | 加为IE收藏 | 复制链接 | 收藏主题 | 上一主题 | 下一主题

炼心☆悟
论坛总护法
论坛元勋勋章 音乐之星奖 贴图大师奖 优秀斑竹奖 原创先锋奖 终身成就奖
级别: 总版主


精华: 22
发帖: 936
威望: 110009 点
金钱: 106544 RMB
贡献值: 0 点
注册时间:2006-08-18
最后登录:2008-08-17

 HTML音画帖制作教程

大家看到的那些漂亮的贴图多是加了一些代码,这些代码就是html代码,一般是不需要了解这些html代码的意义,但是最简单的一些html代码是需要理解的,对调试特殊效果有帮助,这里我提供一些简单的html代码解释和使用方法,需要了解更多可以参照有关这方面的教程。最简单的编辑软件是Frontpage,OFFICE自带的。

  
给初学者

一、边框:

1、一层
<TABLE cellSpacing=1 cellPadding=0 width="100%" align=center background=http://pugongyingw.51.net/image/bj/10.jpg border=5>

2、两层
< ALIGN=CENTER>
<TABLE cellSpacing=10 cellPadding=8 width=480 bgColor=#000000 border=1>
<TBODY><TR><TD><TABLE cellSpacing=2 cellPadding=2 width=480 bgColor=#A93CC4 border=0>
<TBODY><TR><TD>加入内容</td></tr></tbody></table></td></tr></tbody></table>

3、三层
<CENTER><TABLE cellSpacing=10 cellPadding=2 width=450 bgColor=#000000 border=1><TR><TD><TABLE cellSpacing=8 cellPadding=10 width=450 bgColor=#CCCC33 border=1><TR><TD><CENTER><TABLE cellSpacing=8 cellPadding=10 width=450 background=http://www.vigevano.net/pianzoline/fotoset04/013/wingstile.jpg border=0><TR><TD>加入内容</TD></TR></TABLE></CENTER></TD></TR></TABLE></TD></TR></TABLE>
4、四层

<CENTER>
<TABLE cellSpacing=0 cellPadding=30 width="100%" align=center background=http://www.vigevano.net/pianzoline/fotoset04/013/frosarayasluz.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#0000ff cellSpacing=0 cellPadding=10 width="100%" align=center background=http://www.vigevano.net/pianzoline/fotoset04/013/frosaluminoso.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#0000ff cellSpacing=0 cellPadding=10 width="100%" align=center background=http://www.vigevano.net/pianzoline/fotoset04/013/fromheavengold.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#0000ff cellSpacing=0 cellPadding=0 width="100%" align=center background=http://www.vigevano.net/pianzoline/fotoset04/013/frosaramosblancosuave.jpg border=1>
<TBODY>
<TR>
<TD>内容
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>


二、加框有一层FLASH的图片

<TABLE height=280 cellSpacing=0 cellPadding=0 width=380 background=http://www.tianshi163.com/zy/4.gif border=1 bortercolor="#000000">
<TBODY>
<TR>
<TD>
< align=center><EMBED src=http://bbs.tianshi163.com/UploadFile/2005-3/200538181042.swf width=600 height=150 type=application/x-shockwave-flash tybe="application/x-shockwave-flash" quality="high" menu="false" wmode="transparent"></P></TD></TR></TBODY></TABLE>

三、加入背景音乐代码:

<EMBED src=http://www.flamesky.org/raynal-onwer/asoka%20theme..wma.wma hidden=true type=audio/x-ms-wma LOOP="TRUE" AUTOSTART="TRUE"></EMBED>

<EMBED align=middle src=http://baysky.com/Music/wzmkl.mp3 width=0 height=0 type=audio/x-pn-realaudio-plugin autostart="true" c volume="100" loop="true"></EMBED>


所用元素:<EMBED></EMBED>
参数:src:音乐文件的URL;hidden:=true为不可见,=false反之;type:指定音频类型;LOOP:是否循环播放,注意其值置于小角双引号中;AUTOSTART:是否自动播放,其值同上。
Posted: 2007-03-07 16:05 | [楼 主]
g0015g0015
级别: 新手上路


精华: 0
发帖: 1
威望: 1 点
金钱: 2 RMB
贡献值: 0 点
注册时间:2007-03-26
最后登录:2007-03-26

 

Posted: 2007-03-26 13:23 | 1 楼
不会游泳的鱼
级别: 新手上路


精华: 0
发帖: 182
威望: 1 点
金钱: 1008 RMB
贡献值: 0 点
注册时间:2006-08-19
最后登录:2007-04-08

 

看不懂 能写的详细点吗
问世间情为何物!!
只叫人生死相许!
Posted: 2007-04-08 00:34 | 2 楼
西伯里亚之美
级别: 新手上路


精华: 0
发帖: 6
威望: 0 点
金钱: 12 RMB
贡献值: 0 点
注册时间:2008-05-02
最后登录:2008-06-05

 

初学者:这一层,两层,三层,四层又是什么意思呢?
见笑了!
Posted: 2008-06-05 10:54 | 3 楼
炼心☆悟
论坛总护法
论坛元勋勋章 音乐之星奖 贴图大师奖 优秀斑竹奖 原创先锋奖 终身成就奖
级别: 总版主


精华: 22
发帖: 936
威望: 110009 点
金钱: 106544 RMB
贡献值: 0 点
注册时间:2006-08-18
最后登录:2008-08-17

 

一层代表一个方框表格.初学者先用一层就行了.
Posted: 2008-06-05 12:26 | 4 楼
帖子浏览记录 版块浏览记录
常州悟悟音画论坛-特效音画,音乐试听下载,flash,美女美图,软件下载 » 起步学音画