返回列表 发帖
小螺号

Rank: 8Rank: 8Rank: 8Rank: 8

UID
3903 
帖子
1152 
精华
4 
积分
1836 
论坛钱包
689 培正币 
支持度
51 点 
在线时间
167 小时 
注册时间
2004-2-11 
最后登录
2014-4-23 

游戏达人动漫达人
楼主 跳转到 » 倒序看帖
打印
tT
发表于 2007-7-30 02:20 | 只看该作者

[教程贴]音画贴扫肓,喜欢音画的朋友请进来交流.

朋友, 标签, 网页, 制作
简单的入门理论

音画.是一种利用网页HTML标签来组织图片、文字、FLASH动画、音乐等网络素材的学问。

许多朋友看到别人精彩的音画贴，都希望自己也会制作。但看到那些HTML代码后又退却了。因为那些代码好象很难。其实不然，HTML标签有好几对，反复套用而已。

我自己不敢称高手，因为我连网页也还不会制作。而HTML标签是网页源码不可少的标签来的。
因为爱好，所以习惯对喜欢的网页用

右键---查看源文件 来看人家的源码。于是成了“偷贴高手”。

HTML代码从哪里得来？搜索得来，到别的论坛取来。只要有网络，随处可取来。 所以它们根本不需要你去死记硬背。 反正我不背。能背下它们的人我会非常敬佩他，因为他具有了网站制作的基础。

下面给个教程地址： HTML入门教程


在本论坛学习发表音画贴，建议先看下面的图片，为了看清楚些，可以把图片点击打开或下载到本地看。
收藏 分享

mafia.peter

Rank: 1

UID
16798 
帖子
44 
精华
0 
积分
55 
论坛钱包
3114 培正币 
支持度
2 点 
在线时间
0 小时 
注册时间
2007-7-5 
最后登录
2008-9-2 
沙发
发表于 2007-7-30 02:23 | 只看该作者
支持！！！！！[s:10][s:10][s:10][s:10][s:37][s:37][s:40][s:40]
′CペS ωο的Θ最αī   

TOP

小螺号

Rank: 8Rank: 8Rank: 8Rank: 8

UID
3903 
帖子
1152 
精华
4 
积分
1836 
论坛钱包
689 培正币 
支持度
51 点 
在线时间
167 小时 
注册时间
2004-2-11 
最后登录
2014-4-23 

游戏达人动漫达人
藤椅
发表于 2007-7-30 02:27 | 只看该作者
HTML教程地址：http://www.gggl.gov.cn/fwgc/jiaocheng/html/

HTML教程地址二：http://www.yuanju.net/read.php?tid=65725&page=1&toread=1


在缘聚论坛音画版有更多的不需系统教程的代码可以直接复制使用：

http://www.yuanju.net/thread.php?fid=90



我本身就是从来没耐心看完教程的人。所以常常“偷”别人的代码来替换自己想要的内容进去。

TOP

小螺号

Rank: 8Rank: 8Rank: 8Rank: 8

UID
3903 
帖子
1152 
精华
4 
积分
1836 
论坛钱包
689 培正币 
支持度
51 点 
在线时间
167 小时 
注册时间
2004-2-11 
最后登录
2014-4-23 

游戏达人动漫达人
板凳
发表于 2007-7-30 02:30 | 只看该作者
把任何尺寸的图片完整地做背景图的代码：


<TABLE cellSpacing=16 cellPadding=0 width=510 align=center border=2 background="http://www.yuanju.net/attachment/90_30_7b3ef51f30d747a.jpg" bordercolor=#8fbc8f><TR><TD><DIV style="position:relative; top:0px; left:0px; width:500px; height:376px;overflow: hidden"><div style="position: absolute; top: 0px; left: 0px"><img src="http://www.yuanju.net/attachment/90_30_405e45ae77b3048.jpg" width=500></div><div style="position: absolute; top: 0px; left: 0px"> 你想发表的内容</div></DIV></TD></TR></TABLE>

这段代码是把任意图片做背景图.下面我把设置过程说一下:
1.设置框的宽度width=510,设置背景图的初始宽度width:500px,再设置图片的宽度width=500. 设置框的宽度是你作品的实际需要,后面两个设置就略小于框的宽度,但要一致.
2.看一下显示效果,这时图片的宽和高是成比例的,但一定不会与框的高一致,再调整背景图的初始高度height:376px,使它与图片的高一致.
这样背景图大小的设置就完成了,再把你要放进去的东东代替"你想发表的内容"位置.

TOP

小螺号

Rank: 8Rank: 8Rank: 8Rank: 8

UID
3903 
帖子
1152 
精华
4 
积分
1836 
论坛钱包
689 培正币 
支持度
51 点 
在线时间
167 小时 
注册时间
2004-2-11 
最后登录
2014-4-23 

游戏达人动漫达人
报纸
发表于 2007-7-30 02:33 | 只看该作者

以下是楼上的那段代码的效果：

你想发表的内容

TOP

小螺号

Rank: 8Rank: 8Rank: 8Rank: 8

UID
3903 
帖子
1152 
精华
4 
积分
1836 
论坛钱包
689 培正币 
支持度
51 点 
在线时间
167 小时 
注册时间
2004-2-11 
最后登录
2014-4-23 

游戏达人动漫达人
地板
发表于 2007-7-30 02:47 | 只看该作者




TOP

小螺号

Rank: 8Rank: 8Rank: 8Rank: 8

UID
3903 
帖子
1152 
精华
4 
积分
1836 
论坛钱包
689 培正币 
支持度
51 点 
在线时间
167 小时 
注册时间
2004-2-11 
最后登录
2014-4-23 

游戏达人动漫达人
7楼
发表于 2007-7-30 02:50 | 只看该作者
  1. <TABLE style="FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)gray(); WIDTH: 200px; HEIGHT: 83px"><TBODY><TR><TD><EMBED style="BORDER-RIGHT: silver 1px solid; BORDER-TOP: silver 1px solid; BORDER-LEFT: silver 1px solid; BORDER-BOTTOM: silver 1px solid" src=http://hdfx.ccfan.com/001.mp3 width=200 height=50 type=audio/x-mplayer2 console="video" showstatusbar="0" EnableContextMenu="0" volume="0" autostart="1" loop="-1"></TD></TR></TBODY></TABLE><BR><BR><BR>
复制代码

上面代码就是楼上的音乐播放代码。
autostart="1" 这是自动播放。0的话是手动播放。

红色的地址是音乐地址，你可以换成你想播放的音乐地址。

loop="-1”自动重复播放

TOP

小螺号

Rank: 8Rank: 8Rank: 8Rank: 8

UID
3903 
帖子
1152 
精华
4 
积分
1836 
论坛钱包
689 培正币 
支持度
51 点 
在线时间
167 小时 
注册时间
2004-2-11 
最后登录
2014-4-23 

游戏达人动漫达人
8楼
发表于 2007-7-30 03:02 | 只看该作者
学习给单张图加边框

直接复制代码用。只需替换里面的图片地址：

<TABLE cellSpacing=8 borderColorDark=#006400 cellPadding=0 borderColorLight=#ffffff background=http://bbs.366tian.net/attachments/day_051216/20041213143816655_MGfLCG4KJFKj.jpg border=1>
<TBODY>
<TR>
<TD align=center width="100%">
<TABLE cellSpacing=2 borderColorDark=#3f0101 cellPadding=0 width="100%" align=center borderColorLight=#a50303 background=http://bbs.366tian.net/attachments/day_051224/200442413260795_hSFxIhcb40Ik.gif border=1>
<TBODY>
<TR> <TD>
<TABLE cellSpacing=2 borderColorDark=#3f0101 cellPadding=0 width="100%" align=center borderColorLight=#a50303 background=http://tuke.52pk.net/data/2005/11/02/Thumb_b_1054151.jpg border=1
<TBODY>
<TR>
<TD align=center width="100%">
<TABLE cellSpacing=2 borderColorDark=#006400 cellPadding=0 borderColorLight=#ffffff background=http://bbs.366tian.net/attachments/day_051216/20041213143816655_MGfLCG4KJFKj.jpg border=1>
<TBODY>
<TR>
<TD align=center width="100%">
<TABLE height=232 cellSpacing=0 borderColorDark=#7c5a36 cellPadding=0 width=349 bgColor=#d3b38d borderColorLight=#c7a781 background=http://tuke.52pk.net/data/2005/11/02/Thumb_b_1054151.jpg 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>


-----注意看上面代码蓝色的图片地址是边框的小图，红色的图片地址是主题图片。

TOP

小螺号

Rank: 8Rank: 8Rank: 8Rank: 8

UID
3903 
帖子
1152 
精华
4 
积分
1836 
论坛钱包
689 培正币 
支持度
51 点 
在线时间
167 小时 
注册时间
2004-2-11 
最后登录
2014-4-23 

游戏达人动漫达人
9楼
发表于 2007-7-30 03:03 | 只看该作者
楼上的代码效果：

TOP

小螺号

Rank: 8Rank: 8Rank: 8Rank: 8

UID
3903 
帖子
1152 
精华
4 
积分
1836 
论坛钱包
689 培正币 
支持度
51 点 
在线时间
167 小时 
注册时间
2004-2-11 
最后登录
2014-4-23 

游戏达人动漫达人
10楼
发表于 2007-7-30 03:04 | 只看该作者

TOP

小螺号

Rank: 8Rank: 8Rank: 8Rank: 8

UID
3903 
帖子
1152 
精华
4 
积分
1836 
论坛钱包
689 培正币 
支持度
51 点 
在线时间
167 小时 
注册时间
2004-2-11 
最后登录
2014-4-23 

游戏达人动漫达人
11楼
发表于 2007-7-30 03:08 | 只看该作者
九楼的代码（蓝色为边框图片地址，红色为主题图片地址，绿色为FLASH透明动画地址。你可以替换它们成你想要的内容）：
<TABLE cellSpacing=8 borderColorDark=#006400 cellPadding=0 borderColorLight=#ffffff background=http://www.yuanju.net/attachment/90_30_aa92bd4b99518f6.jpg border=1>
<TBODY>
<TR>
<TD align=center width="100%">
<TABLE cellSpacing=2 borderColorDark=#3f0101 cellPadding=0 width="100%" align=center borderColorLight=#a50303 background=http://www.yuanju.net/attachment/90_30_5865c52340b7c2d.gif border=1>
<TBODY>
<TR> <TD>
<TABLE cellSpacing=2 borderColorDark=#3f0101 cellPadding=0 width="100%" align=center borderColorLight=#a50303 background=http://www.yuanju.net/attachment/90_30_5865c52340b7c2d.gif border=1
<TBODY>
<TR>
<TD align=center width="100%">
<TABLE cellSpacing=2 borderColorDark=#006400 cellPadding=0 borderColorLight=#ffffff background=http://www.yuanju.net/attachment/90_30_aa92bd4b99518f6.jpg border=1>
<TBODY>
<TR>
<TD align=center width="100%">
<TABLE height=717 cellSpacing=0 borderColorDark=#7c5a36 cellPadding=0 width=498 bgColor=#d3b38d borderColorLight=#c7a781 background=http://www.yuanju.net/attachment/90_30_8157f00b233dc20.jpg border=0>
<TBODY>
<TR>
<TD><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://imgfree.21cn.com/free/flash/7.swf width=495 height=715 type=application/x-shockwave-flash quality="high" wmode="transparent">
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>

TOP

小螺号

Rank: 8Rank: 8Rank: 8Rank: 8

UID
3903 
帖子
1152 
精华
4 
积分
1836 
论坛钱包
689 培正币 
支持度
51 点 
在线时间
167 小时 
注册时间
2004-2-11 
最后登录
2014-4-23 

游戏达人动漫达人
12楼
发表于 2007-7-30 03:10 | 只看该作者
  1. [size=2]<table cellspacing="16" cellpadding="0" width="96%" align="center" background="http://www.yuanju.net/attachment/90_6993_93e842fc595dc37.gif" border="0"><tbody><tr><td align="center" width="100%"><table cellspacing="3" cellpadding="0" width="100%" background="http://www.yuanju.net/attachment/90_6993_3d7c942b0fa2bd7.gif" border="0"><tbody><tr><td align="center" width="100%"><table cellspacing="20" cellpadding="0" width="100%" background="http://www.yuanju.net/attachment/90_6993_4e9d5d607eb42b2.gif" border="0"><tbody><tr><td align="center" width="100%"><table cellspacing="2" cellpadding="0" width="100%" background="http://www.yyly8.com/yygrkj/grkj/kjlulu3/001/54.jpg" border="0"><tbody><tr><td align="center" width="100%"><table cellspacing="5" cellpadding="0" width="100%" background="http://www.yyly8.com/yygrkj/grkj/kjlulu3/001/20.jpg" border="0"><tbody><tr><td align="center" width="100%"><table cellspacing="3" cellpadding="0" width="100%" background="http://www.yuanju.net/attachment/90_6993_4e9d5d607eb42b2.gif" border="0"><tbody><tr><td align="center" width="100%"><table cellspacing="0" cellpadding="0" width="100%" background="http://www.yuanju.net/attachment/90_6993_3d7c942b0fa2bd7.gif" border="0"><tbody><tr><td align="center" width="100%">图与文字</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>[/size]
复制代码

--------------一套经典的音画边框。

TOP

小螺号

Rank: 8Rank: 8Rank: 8Rank: 8

UID
3903 
帖子
1152 
精华
4 
积分
1836 
论坛钱包
689 培正币 
支持度
51 点 
在线时间
167 小时 
注册时间
2004-2-11 
最后登录
2014-4-23 

游戏达人动漫达人
13楼
发表于 2007-7-30 03:12 | 只看该作者
图与文字

TOP

mafia.peter

Rank: 1

UID
16798 
帖子
44 
精华
0 
积分
55 
论坛钱包
3114 培正币 
支持度
2 点 
在线时间
0 小时 
注册时间
2007-7-5 
最后登录
2008-9-2 
14楼
发表于 2007-7-30 03:19 | 只看该作者
眼花~[s:37][s:37][s:37][s:37][s:40][s:40][s:19][s:19][s:19]
′CペS ωο的Θ最αī   

TOP

返回列表

广东培正学院--培正社区