分享

雨后茉莉老师讲授《代码音画》视频刻录

 燕子559 2014-05-04


 
 图片

指导老师/  雨后茉莉   课录制作/嫣然

图片 




图片
效果图
图片


图片
课用素材
图片 

图片

图片

图片

图片

图片

日志【梦入桃花源】代码

第一层边框

<table style="BACKGROUND-IMAGE:url(http://b323.photo.store.qq.com/psb?/V13zcCJY03erBFFG3G6Q3T3lqPuHk8jXPesoXHSzQ0Ghnk.9wxz8nrW8!/b/dIGhkMDPCQAA&bo=YwBjAAAAAAABACc!&rf=photoDetail);WIDTH:870px;HEIGHT:238px" title="雨后茉莉欢迎您QQ963872937" border="3" cellSpacing="10" borderColor="#930093" cellPadding="10" width="870" bgColor="#006600" align="center">

<TBODY><TR><TD><P style="MARGIN:18px"></p>

第二层代码

<table style="BACKGROUND-IMAGE:url(http://b38.photo.store.qq.com/http_imgload.cgi?/rurl4_b=be4d73c76453a6a7059a3ff4c69026fbb94c506c3b9baea6d4c0039767e81a8a040783c75c7a28faed22a4712981fcdbc3963bc349380170c8884acab21be87f8827618ce9a1a21f2632c15cefd83283b7eb887a&a=47&b=38);WIDTH:832px;HEIGHT:200px" title="雨后茉莉欢迎您QQ963872937" border="2" cellSpacing="5" borderColor="#930093" cellPadding="5" width="844" bgColor="#006600" align="center">

<TBODY><TR><TD><P style="MARGIN:6px"></p>

第三层代码

<table style="BACKGROUND-IMAGE:url(http://b54.photo.store.qq.com/http_imgload.cgi?/rurl4_b=8fd7ed09e2ad14bc47e8d6fe22f16feacc2fcb9cb1aba5ad7c4542a14b42cac74a01e0e9167f3d59f286a776fd3b0207847a1d28ddce296b73481e552b9a2b76482dfe8612acc792ffd8c9f6b4831852b34e6110&a=56&b=54);WIDTH:822px;HEIGHT:190px" title="雨后茉莉欢迎您QQ963872937" border="2" cellSpacing="5" borderColor="#930093" cellPadding="5" width="833" bgColor="#006600" align="center">

<TBODY><TR><TD><P style="MARGIN:15px"></p>

第四层代码

<table style="BACKGROUND-IMAGE:url(http://b38.photo.store.qq.com/http_imgload.cgi?/rurl4_b=be4d73c76453a6a7059a3ff4c69026fbb94c506c3b9baea6d4c0039767e81a8a040783c75c7a28faed22a4712981fcdbc3963bc349380170c8884acab21be87f8827618ce9a1a21f2632c15cefd83283b7eb887a&a=47&b=38);WIDTH:792px;HEIGHT:160px" title="雨后茉莉欢迎您QQ963872937" border="2" cellSpacing="5" borderColor="#930093" cellPadding="5" width="808" bgColor="#006600" align="center">

<TBODY><TR><TD><P style="MARGIN:6px"></p>

背景颜色和高度还有尾标签

<table title="雨后茉莉欢迎您QQ963872937" border="2" cellSpacing="0" borderColor="#930093" cellPadding="0" width="782" bgColor="#006030" align="center" height="3050">

<TBODY><TR><TD></TD></TR></TBODY>

</table>

<P style="MARGIN:6px"></p>

</TD></TR></TBODY>

</table>

<P style="MARGIN:15px"></p>

</TD></TR></TBODY>

</table>

<P style="MARGIN:6px"></p>

</TD></TR></TBODY>

</table>

<P style="MARGIN:15px"></p>

</TD></TR></TBODY>

</table>

移动标题【从两边向中间移动】

<div style="POSITION:absolute;WIDTH:700px;TOP:60px;LEFT:80px">

<div>

<table width="730" align="center">

<TBODY><TR><TD width="365">

<table width="365" align="center">

<TBODY><TR><TD style="FILTER:flipH"><MARQUEE>

<table width="400" align="center">

<TBODY><TR><TD style="FILTER:flipH"><P style="MARGIN:0.7em" align="center"><FONT style="WIDTH:100%;FONT-FAMILY:华文行楷;FONT-SIZE:50pt" color="#00db00"><B>梦入桃花源</B></FONT></p>

</TD></TR></TBODY>

</table>

</MARQUEE></TD></TR></TBODY>

</table>

</TD><TD width="365">

<table width="365" align="center">

<TBODY><TR><TD><MARQUEE>

<table width="400" align="center">

<TBODY><TR><TD><P style="MARGIN:0.7em" align="center"><FONT style="WIDTH:100%;FONT-FAMILY:华文行楷;FONT-SIZE:50pt" color="#00db00"><B>源花桃入梦</B></FONT></p>

</TD></TR></TBODY>

</table>

</MARQUEE></TD></TR></TBODY>

</table>

</TD></TR></TBODY>

</table>

</div>

图片定位羽化代码

<div style="POSITION:absolute;TOP:80px;LEFT:30px" title="雨后茉莉原创音画"><IMG style="FILTER:alpha(opacity=200,style=3);WIDTH:700px;HEIGHT:500px" alt="雨后茉莉原创音画/QQ963872937" src="http://b258.photo.store.qq.com/psb?/V13zcCJY00bgzY/weUP*0y87MSHpfqQcUEyKEqFXAgkFiURpVo3IUTSS9E!/b/dPFIzJmwAwAA&bo=wAOAAgAAAAABAGY!&rf=photoDetail"></A> <CENTER></CENTER></div>

</div>

 

<div style="POSITION:absolute;TOP:780px;LEFT:80px" title="雨后茉莉原创音画"><IMG style="FILTER:alpha(opacity=200,style=3);WIDTH:700px;HEIGHT:500px" alt="雨后茉莉原创音画/QQ963872937" src="http://b257.photo.store.qq.com/psb?/V13zcCJY00bgzY/8zNeFe5*KfCyav69CMUzRmAj8fHtr0bbgLldBoZ8wck!/b/dOSqMJliHAAA&bo=wAOAAgAAAAABAGY!&rf=photoDetail"></A> <CENTER></CENTER></div>

 

<div style="POSITION:absolute;TOP:1380px;LEFT:80px" title="雨后茉莉原创音画"><IMG style="FILTER:alpha(opacity=200,style=3);WIDTH:700px;HEIGHT:500px" alt="雨后茉莉原创音画/QQ963872937" src="http://b257.photo.store.qq.com/psb?/V13zcCJY00bgzY/WrRVyj*xnxDPPVv7hP3foCKa1xT2HbMHDefGjGz8TPg!/b/dKXAM5kwGwAA&bo=wAOAAgAAAAABAGY!&rf=photoDetail"></A> <CENTER></CENTER></div>

<br/>

 

<div style="POSITION:absolute;TOP:1980px;LEFT:80px" title="雨后茉莉原创音画"><IMG style="FILTER:alpha(opacity=200,style=3);WIDTH:700px;HEIGHT:500px" alt="雨后茉莉原创音画/QQ963872937" src="http://b257.photo.store.qq.com/psb?/V13zcCJY00bgzY/cQJ6lgFiUqClK5rRPYhpYRl3sByV5REmAnNMcM4JUjU!/b/dIBoPpmpGwAA&bo=wAOAAgAAAAABAGY!&rf=photoDetail"></A> <CENTER></CENTER></div>

<br/>

 

<div style="POSITION:absolute;TOP:2600px;LEFT:80px" title="雨后茉莉原创音画"><IMG style="FILTER:alpha(opacity=200,style=3);WIDTH:700px;HEIGHT:500px" alt="雨后茉莉原创音画/QQ963872937" src="http://b257.photo.store.qq.com/psb?/V13zcCJY00bgzY/.T2MW4QWqS3mDQinb.jylOEdaV7W.0WWTyNQTlNTAJw!/b/dBZoOJkVGQAA&bo=wAOAAgAAAAABAGY!&rf=photoDetail"></A> <CENTER></CENTER></div>

<br/>

文字定位代码

<div style="POSITION:absolute;WIDTH:700px;HEIGHT:746px;TOP:610px;LEFT:120px"><P style="MARGIN:0.7em"><FONT color="#ffcc00" size="4" face="隶书_GB2312"><STRONG><FONT size="4">   <FONT style="FILTER:glow(color=#842B00,strength=0);WIDTH:600px;DISPLAY:inline-block;HEIGHT:300px;COLOR:#00db00" glowcolor="#000000">******************************************************<br/>

高悬瀑布远叠山动听雀鸣静听蝉不知松竹谁先绿难辩水天哪最蓝忽逢桃花岸白云裹红团牧笛惊花雨花蝶戏流泉忽逢桃花岸白云裹红团桃花源头随梦远<br/>

**************************************************** <br/>

雨后茉莉原创情感音画QQ963872937</FONT></FONT></STRONG></FONT></p>

</div>

 

<div style="POSITION:absolute;WIDTH:700px;HEIGHT:746px;TOP:1210px;LEFT:120px"><P style="MARGIN:0.7em"><FONT color="#ffcc00" size="4" face="隶书_GB2312"><STRONG><FONT size="4">   <FONT style="FILTER:glow(color=#842B00,strength=0);WIDTH:600px;DISPLAY:inline-block;HEIGHT:300px;COLOR:#00db00" glowcolor="#000000">******************************************************<br/>

忽在天际忽眼前桃花源桃花源梦入桃花源红树青山斜阳古道梦入桃花源桃花源桃花源梦入桃花源桃花流水福地洞天梦入桃花源日照小村月照田午伴茶神暮醉仙<br/>

**************************************************** <br/>

雨后茉莉原创情感音画QQ963872937</FONT></FONT></STRONG></FONT></p>

</div>

 

<div style="POSITION:absolute;WIDTH:700px;HEIGHT:746px;TOP:1860px;LEFT:120px"><P style="MARGIN:0.7em"><FONT color="#ffcc00" size="4" face="隶书_GB2312"><STRONG><FONT size="4">   <FONT style="FILTER:glow(color=#842B00,strength=0);WIDTH:600px;DISPLAY:inline-block;HEIGHT:300px;COLOR:#00db00" glowcolor="#000000">******************************************************<br/>

不说桃花几时去只见小姑又红颜眼含星点点腮挂霞片片风吹红裙动深秋花依然眼含星点点腮挂霞片片桃花源头随梦缘疑是天上却人间桃花源桃花源梦入桃花源<br/>

**************************************************** <br/>

雨后茉莉原创情感音画QQ963872937</FONT></FONT></STRONG></FONT></p>

</div>

 

<div style="POSITION:absolute;WIDTH:700px;HEIGHT:746px;TOP:2460px;LEFT:120px"><P style="MARGIN:0.7em"><FONT color="#ffcc00" size="4" face="隶书_GB2312"><STRONG><FONT size="4">   <FONT style="FILTER:glow(color=#842B00,strength=0);WIDTH:600px;DISPLAY:inline-block;HEIGHT:300px;COLOR:#00db00" glowcolor="#000000">******************************************************<br/>

红树青山斜阳古道梦入桃花源桃花源桃花源梦入桃花源桃花流水福地洞天梦入桃花源桃花源桃花源梦入桃花源红树青山斜阳古道梦入桃花源桃花源桃花源梦入桃花源桃花流水福地洞天梦入桃花源桃花源桃花源梦入桃花源<br/>

**************************************************** <br/>

雨后茉莉原创情感音画QQ963872937</FONT></FONT></STRONG></FONT></p>

</div>

动画1

<div style="Z-INDEX:1;POSITION:absolute;WIDTH:0px;TOP:80px;LEFT:150px"><EMBED height=600 type=application/x-shockwave-flash align="center><br/>

&#13;&#10;&#13;&#10;<EMBED" width=500 src=//open.qzone.qq.com/url_check?appid=99&url=http://www3./toumingflash/swf500/woso_flash_1.swf allowscriptaccess="never" allownetworking="internal" invokeurls="false" wmode="transparent" p="%22p%22"><P></p>

</div>

 

<div style="Z-INDEX:1;POSITION:absolute;WIDTH:0px;TOP:680px;LEFT:150px"><EMBED height=600 type=application/x-shockwave-flash align="center><br/>

&#13;&#10;&#13;&#10;<EMBED" width=500 src=//open.qzone.qq.com/url_check?appid=99&url=http://www3./toumingflash/swf500/woso_flash_1.swf allowscriptaccess="never" allownetworking="internal" invokeurls="false" wmode="transparent" p="%22p%22"><P></p>

</div>

 

<div style="Z-INDEX:1;POSITION:absolute;WIDTH:0px;TOP:1280px;LEFT:150px"><EMBED height=600 type=application/x-shockwave-flash align="center><br/>

&#13;&#10;&#13;&#10;<EMBED" width=500 src=//open.qzone.qq.com/url_check?appid=99&url=http://www3./toumingflash/swf500/woso_flash_1.swf allowscriptaccess="never" allownetworking="internal" invokeurls="false" wmode="transparent" p="%22p%22"><P></p>

</div>

 

<div style="Z-INDEX:1;POSITION:absolute;WIDTH:0px;TOP:1880px;LEFT:150px"><EMBED height=600 type=application/x-shockwave-flash align="center><br/>

&#13;&#10;&#13;&#10;<EMBED" width=500 src=//open.qzone.qq.com/url_check?appid=99&url=http://www3./toumingflash/swf500/woso_flash_1.swf allowscriptaccess="never" allownetworking="internal" invokeurls="false" wmode="transparent" p="%22p%22"><P></p>

</div>

 

<div style="Z-INDEX:1;POSITION:absolute;WIDTH:0px;TOP:2480px;LEFT:150px"><EMBED height=600 type=application/x-shockwave-flash align="center><br/>

&#13;&#10;&#13;&#10;<EMBED" width=500 src=//open.qzone.qq.com/url_check?appid=99&url=http://www3./toumingflash/swf500/woso_flash_1.swf allowscriptaccess="never" allownetworking="internal" invokeurls="false" wmode="transparent" p="%22p%22"><P></p>

</div>

动画2

<div style="Z-INDEX:1;POSITION:absolute;WIDTH:0px;TOP:80px;LEFT:150px"><EMBED height=600 type=application/x-shockwave-flash align="center><br/>

&#13;&#10;&#13;&#10;<EMBED" width=500 src=//open.qzone.qq.com/url_check?appid=99&url=http://www3./toumingflash/swf500/woso_c_flash_1.swf allowscriptaccess="never" allownetworking="internal" invokeurls="false" wmode="transparent" p="%22p%22"><P></p>

</div>

 

<div style="Z-INDEX:1;POSITION:absolute;WIDTH:0px;TOP:680px;LEFT:150px"><EMBED height=600 type=application/x-shockwave-flash align="center><br/>

&#13;&#10;&#13;&#10;<EMBED" width=500 src=//open.qzone.qq.com/url_check?appid=99&url=http://www3./toumingflash/swf500/woso_c_flash_1.swf allowscriptaccess="never" allownetworking="internal" invokeurls="false" wmode="transparent" p="%22p%22"><P></p>

</div>

 

<div style="Z-INDEX:1;POSITION:absolute;WIDTH:0px;TOP:1280px;LEFT:150px"><EMBED height=600 type=application/x-shockwave-flash align="center><br/>

&#13;&#10;&#13;&#10;<EMBED" width=500 src=//open.qzone.qq.com/url_check?appid=99&url=http://www3./toumingflash/swf500/woso_c_flash_1.swf allowscriptaccess="never" allownetworking="internal" invokeurls="false" wmode="transparent" p="%22p%22"><P></p>

</div>

 

<div style="Z-INDEX:1;POSITION:absolute;WIDTH:0px;TOP:1880px;LEFT:150px"><EMBED height=600 type=application/x-shockwave-flash align="center><br/>

&#13;&#10;&#13;&#10;<EMBED" width=500 src=//open.qzone.qq.com/url_check?appid=99&url=http://www3./toumingflash/swf500/woso_c_flash_1.swf allowscriptaccess="never" allownetworking="internal" invokeurls="false" wmode="transparent" p="%22p%22"><P></p>

</div>

 

<div style="Z-INDEX:1;POSITION:absolute;WIDTH:0px;TOP:2580px;LEFT:150px"><EMBED height=600 type=application/x-shockwave-flash align="center><br/>

&#13;&#10;&#13;&#10;<EMBED" width=500 src=//open.qzone.qq.com/url_check?appid=99&url=http://www3./toumingflash/swf500/woso_c_flash_1.swf allowscriptaccess="never" allownetworking="internal" invokeurls="false" wmode="transparent" p="%22p%22"><P></p>

</div>

隐形播放器

<div style="POSITION:absolute;TOP:0px;LEFT:-8200px">

<div> <object codeBase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab#version=8,0,0,0" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="410" height="100" src="http://cnc.qzs.qq.com/music/musicbox_v2_1/img/MusicFlash.swf" bgcolor="#ffffff" menu="true" allowScriptAccess="always" name="musicFlash**" id="musicFlash0" ubb="653429|3|http://stream2.qqmusic.qq.com/653429.wma|梦入桃花源|674|丁晓红|1" class="blog_music"><param name="movie" value="http://cnc.qzs.qq.com/music/musicbox_v2_1/img/MusicFlash.swf" /><param name="data" value="http://cnc.qzs.qq.com/music/musicbox_v2_1/img/MusicFlash.swf" /><param name="bgColor" value="#ffffff" /><param name="wmode" value="transparent" /><param name="menu" value="true" /><param name="allowScriptAccess" value="always" /></object> </div>

</div>

</div>


    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约