|
 
- 帖子
- 407
- 积分
- 777
- 注册时间
- 2007-7-12
|
6#
发表于 2007-12-20 20:01
| 只看该作者
学习音画的一点体会在我第一次见到优美的音画帖时,内心很激动,怎么还有这么美的东西,一心想把它保存下来,可是怎么都做不到,在一次寻问高手后才得知,音画帖是用代码做的,是无法保存在本地来欣赏（其实是可以保存的）,从此我才知道还有代码一说,同时朋友告诉我学习音画的一些技巧:
1.找教程看.(但初次接触到代码往往都是头发晕,好象在看天书)看多了您就可以从中发现代码的一些规律来,虽说有很多代码我至今也不知他是什么意思,不过也不要紧,因为那都是定式,你也不用去管他,留待以后慢慢去熟悉.
2.在转帖中学习.这是很关键的,每当你看到一幅好音画作品时,你要研究他的代码组成,(如何找到它的代码呢?你可以采用以下的步骤:
方法一:
查看源代码,复制保存下来,你会发现代码是很有规律性的:
(第一层:也就是背景底层,该层决定画面距左边距离LEFT: -160px;负数越大越往左, 宽度:WIDTH: 850px; 通常不大于1024全屏,及离顶部距离TOP: 80px,一般在50-200之间,这些基本数据都在此层调整)
<TABLE id=table1 style="LEFT: -160px; WIDTH: 850px; POSITION: relative; TOP: 80px" cellSpacing=50 borderColorDark=#007500 cellPadding=0 borderColorLight=#ff8533 background=(背景图地址)border=0>
(第二层:边框)
<TBODY>
<TR>
<TD>
<DIV align=center>
<TABLE borderColor=#424200 cellSpacing=5 borderColorDark=#000000 cellPadding=0 width="93%" background=http://www.sunjelly.com/sucai/yumao/J2.jpg border=1>
(第三层:边框)
<TBODY>
<TR>
<TD width="100%">
<TABLE borderColor=#424200 cellSpacing=25 borderColorDark=#000000 cellPadding=0 width="100%" background=http://www.sunjelly.com/sucai/hua/harunouta6a.jpg border=1>
(第四层:边框,视情况可以继续增加边框层)
<TBODY>
<TR>
<TD align=middle width="100%">
<TABLE borderColor= #424200 cellSpacing=5 borderColorDark=#000000 cellPadding=0 width="100%" background=http://www.sunjelly.com/sucai/zb/5/d01_1_050620.jpg border=1>
(标题文字...你希望文字在哪出现就放在哪里)
<TBODY>
<TR>
<TD align=middle>
<p align=center> 注:<p align="#"> 代表文字(同时也适用于图片)在画面中的对齐方式,#号可为 left左对齐; center中对齐; right右对齐;
<FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=#FFFFFF);WIDTH: 100%; COLOR: #00BB00; LINE-HEIGHT: 150%; FONT-FAMILY: 方正行书"><B>精美溶图欣赏</B></FONT></P><BR><BR>
(主题图片:图片可以是单幅也可以是多幅)
<TABLE border=0>
<TBODY>
<TR>
<TD align=middle width=564 background=http://i.topzj.com/u/Mon_0701/Day_4/195550_4255_79f334cd8a32c26.jpg height=846></TD></TR></TBODY></TABLE> <BR>
(在该图片上加FLASH)
<EMBED style="LEFT: 80px; WIDTH: 600px; POSITION: absolute; TOP: 100px; HEIGHT: 846px" align=right src=http://imgfree.21cn.com/free/flash/9.swf width=600 height=846 type=application/octet-stream wmode="transparent" quality="high" ;;>
(主题图片)
<TABLE border=0>
<TBODY>
<TR>
<TD align=middle width=564 height=846 background=http://i.topzj.com/u/Mon_0701/Day_4/195550_4255_128003aafbe1237.jpg height=502></TD></TR></TBODY></TABLE><BR>
(在该图片上加FLASH)
<EMBED style="LEFT: 60px; WIDTH: 500px; POSITION: absolute; TOP: 750px; HEIGHT: 846px" align=center src=http://imgfree.21cn.com/free/flash/45.swf width=600 height=846 type=application/octet-stream wmode="transparent" quality="high" ;;>
(主题图片)
<TABLE border=0>
<TBODY>
<TR>
<TD align=middle width=564 background=http://i.topzj.com/u/Mon_0701/Day_4/195550_4255_242e9cdf09c174f.jpg height=846></TD></TR></TBODY></TABLE><BR>
(在该图片上加FLASH)
<EMBED style="LEFT: 50px; WIDTH:600px; POSITION: absolute; TOP: 1050px; HEIGHT: 846px" align=right src=http://imgfree.21cn.com/free/flash/9.swf width=600 height=846 type=application/octet-stream wmode="transparent" quality="high" ;;>
(主题图片)
<TABLE border=0>
<TBODY>
<TR>
<TD align=middle width=846 height=564 background=http://i.topzj.com/u/Mon_0701/Day_4/195550_4255_63b30a5193ba855.jpg height=864></TD></TR></TBODY></TABLE><BR>
(在该图片上加FLASH)
<EMBED style="LEFT: 80px; WIDTH:600px; POSITION: absolute; TOP: 1300px; HEIGHT: 846px" align=right src=http://imgfree.21cn.com/free/flash/9.swf width=600 height=846 type=application/octet-stream wmode="transparent" quality="high" ;;>
(主题图片)
<TABLE border=0>
<TBODY>
<TR>
<TD align=middle width=564
background=http://i.topzj.com/u/Mon_0701/Day_4/195550_4255_07e6012b520b046.jpg height=846></TD></TR></TBODY></TABLE><BR>
(主题图片)
<TABLE border=0>
<TBODY>
<TR>
<TD align=middle width=564
background=http://i.topzj.com/u/Mon_0701/Day_4/195550_4255_973eaf75b556b59.jpg height=846></TD></TR></TBODY></TABLE><BR>
(主题图片)
<TABLE border=0>
<TBODY>
<TR>
<TD align=middle width=768
background=http://i.topzj.com/u/Mon_0701/Day_4/195550_4255_0b6f0895b1c1c7b.jpg height=585></TD></TR></TBODY></TABLE><BR>
(主题图片)
<TABLE border=0>
<TBODY>
<TR>
<TD align=middle width=564
background=http://i.topzj.com/u/Mon_0701/Day_4/195550_4255_8fead7c13751ea7.jpg height=846></TD></TR></TBODY></TABLE><BR>
(主题图片)
<TABLE border=0>
<TBODY>
<TR>
<TD align=middle width=564
background=http://i.topzj.com/u/Mon_0701/Day_4/195550_4255_bbb8d996ad6d2ee.jpg height=846></TD></TR></TBODY></TABLE><BR>
(落款文字)
<p align=center><FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=#FFFFFF); WIDTH: 100%; COLOR: #82D900; LINE-HEIGHT: 150%; FONT-FAMILY: 方正行楷"><B>编辑:逍遥公子<BR>07.12.20</B></FONT></P>
(音乐)
<EMBED src=http://www.greengra.com/Marc%20Anthony%20-%20Dimelo%20-%2001%20-%20Track%20%201.mp3 width=0 height=0 hidden=true type=audio/x-pn-realaudio-plugin autostart="true" loop="true"
<DIV></DIV><BR></DIV>
这里的width(宽)=0 height(高)=0意思是播放器不可见,如要想可见请设置宽高即可
(代码结束语)
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
<DIV><BR>
<DIV></DIV><BR></DIV>
</TD></TR></TBODY></TABLE>
<DIV></DIV><BR></DIV>
(代码结尾空行字符)
<BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR>
每一个循环就代表一张图片,一幅音画会有很多图片组成,所以他有规律性.你可以把代码中的连接地址复制到浏览器中看看是音画中的哪张图片,从而领悟出音画帖的结构.
方法二:
在音画帖页面点右键,查看源代码或点查看/源文件,在打开的记事本中找出该帖的代码,一般音画帖都是以:<TABLE id=table1 style="LEFT: -160px; WIDTH: 850px; POSITION: relative; TOP: 80px".......字符开头,以这些字符结尾:</TD></TR></TBODY></TABLE>
<DIV></DIV><BR></DIV>
<BR><BR><BR><BR>
把你找到的代码保存起来慢慢领会,这是很关键的,当你对代码有所领悟后,就可以试着发帖,但一定不要心急,不要想着一次就会成功,高手也很难保证一次就OK,也需要不停地调整数据才行.
特别注意:边框是从第一层的背景层开始,一层一层往内收缩,一层压一层,视内容可以做很多的边框层,每增加一层边框相应增加一组代码.
Quote:友情提示:学习音画最有效的捷径就是在转帖中学习,这是个非常重要的方法. |
|
发表于 2007-12-20 20:08
| 
