打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
梅竹*****对一篇编辑精美的网页做详细裁析,目的是用以交流编辑方法。*****
标 题: 祝好友春天快乐! 发件人: 一粟JIN 时 间: 2016-03-17 06:58:01 祝好友春天快乐!
2016“春之韵”好歌精选《顶级HIFI 崭新的听觉空间《天下最好听HIFI发烧女声2CD》
梅竹裁析
模板素材
http://image95.360doc.com/DownloadImg/2016/03/1705/67893707_4.jpg
http://image95.360doc.com/DownloadImg/2016/03/1705/67893707_5.gif
第一层羽化图片素材
羽化代码及图片
<P align=center><IMG style="FILTER: alpha(opacity=200,style=3); WIDTH: 750px; HEIGHT: 500
px" src="http://image95.360doc.com/DownloadImg/2016/03/1705/67893707_1.jpg" width=500 h
eight=375></P>
http://image95.360doc.com/DownloadImg/2016/03/1705/67893707_1.jpg
定位加Flash六方--量值
<P style="MARGIN-TOP: -450px; MARGIN-LEFT: 250px" align=center>
六方代码<P align=center><EMBED height=150 type=application/x-shockwave-flash pluginspage
=http://www.macromedia.com/go/getflashplayer width=850 src=http://webftp.bbs.hnol.net/zyfx/flas
h/01.swf wmode="transparent" invokeurls="false" quality="high" allowscriptaccess="never" allown
etworking="internal"></P>
效果(略)
再定位加Flash星星--量值<P style="MARGIN-TOP: -150px; MARGIN-LEFT: 250px" align=center>
星星代码
<DIV align=center><EMBED height=400 type=application/x-shockwave-flash pluginspage=http://
www.macromedia.com/go/getflashplayer width=700 src=http://hwzhiyin.com/uploadfile/13122175
51.swf wmode="transparent" invokeurls="false" quality="high" allowscriptaccess="never" allowne
tworking="internal"></DIV>
接着居中写题目 <P style="MARGIN-TOP: 0px; MARGIN-LEFT: 250px" align=center>
<P align=center><FONT style="FONT-FAMILY: 黑体, SimHei" color=#99ccff size=6 face="">201
6“春之韵”好歌精选《顶级HIFI 崭新的听觉空间《天下最好听HIFI发烧女声2CD》</FONT><WB
R></P>
梅竹释义这段文字:居中(<P align=center><FONT );黑体(style="FONT-FAMILY: 黑体);
灰色(SimHei" color=#99ccff )6号字(size=6 face)预留一行居中块区代码之后;编辑两
层图片的音乐模板:
素材:
http://image95.360doc.com/DownloadImg/2016/03/1705/67893707_6.jpg  
http://image95.360doc.com/DownloadImg/2016/03/1705/67893707_7.jpg
梅竹编辑此模板(已加左右移动代码)
加音乐
模板代码
<BR><TABLE style="WIDTH: 850px" title=梅竹=兰菊左右移动内底层模板 border=0 cellSpacing=10 borderColor=#ffffff cellPadding=0 background=http://image95.360doc.com/DownloadImg/2016/03/1705/67893707_6.jpg align=center>
<TBODY>
<TR vAlign=top align=left>
<TD>
<MARQUEE style="WIDTH: 100%; HEIGHT: 20px" behavior=alternate scrollAmount=1 scrollDelay=0 px="" border="0">
<TABLE style="WIDTH: 1000px" title=梅竹=兰菊左右移动内底层模板 border=0 cellSpacing=0 borderColor=#ffffff cellPadding=0 background=http://image95.360doc.com/DownloadImg/2016/03/1705/67893707_7.jpg align=center>
<TBODY>
<TR vAlign=top align=left>
<TD>
<DIV align=center>加音乐</DIV></TD></TR></TBODY></TABLE></MARQUEE></TD></TR></TBODY></TABLE>
<DIV></DIV>
<DIV></DIV><BR>
音乐地址及维度(加入模板效果同上---略)http://webftp.bbs.hnol.net/linm/bfq6/Music/linmu.swf?li
st=957(1000*600PX)
居中再加下一张羽化图片,量值及代码:
<P align=center><IMG style="FILTER: alpha(opacity=200,style=3); WIDTH: 750px; HEIGHT: 550
px" src="http://image95.360doc.com/DownloadImg/2016/03/1705/67893707_2.jpg" width=500 h
eight=375></P>
http://image95.360doc.com/DownloadImg/2016/03/1705/67893707_2.jpg
之后同上,居中定位加Flash六方和星星特效,并加尾标签收工。代码如下 :
<P style="MARGIN-TOP: -450px; MARGIN-LEFT: 250px" align=center>
<P align=center><EMBED height=150 type=application/x-shockwave-flash pluginspage=http://w
ww.macromedia.com/go/getflashplayer width=850 src=http://webftp.bbs.hnol.net/zyfx/flash/01.swf
wmode="transparent" invokeurls="false" quality="high" allowscriptaccess="never" allownetworkin
g="internal"></P>
<P style="MARGIN-TOP: -150px; MARGIN-LEFT: 250px" align=center>
<DIV align=center><EMBED height=400 type=application/x-shockwave-flash pluginspage=http://
www.macromedia.com/go/getflashplayer width=700 src=http://hwzhiyin.com/uploadfile/1312217551.swf wmode="transparent" invokeurls="false" quality="high" allowscriptaccess="never" allownetworking="internal"></DIV><BR></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
最后定位加底栏两个图片并居中预留一空行(梅竹用绿色代码表示);全文结束。
代码如下:
<P style="MARGIN-TOP: -220px; MARGIN-LEFT: 250px" align=center>
<P align=center>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&
nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs
p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n
bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <IMG style="WIDTH: 259
px; HEIGHT: 405px" title="2016年03月13日 -  笑傲江湖  - 笑傲江湖的博客" alt="2016年03月13
日 -  笑傲江湖  - 笑傲江湖的博客" src="http://image95.360doc.com/DownloadImg/2016/03/170
5/67893707_3.png" width=239 height=346 ____="ev_9136744040"></P>
<P style="MARGIN-TOP: -190px; MARGIN-LEFT: 250px" align=center>
<P align=center><IMG title="2016年03月13日 -  笑傲江湖  - 笑傲江湖的博客" alt="2016年03月1
3日 -  笑傲江湖  - 笑傲江湖的博客" src="http://userimage2.360doc.com/12/0222/20/712097_20
1202222048030412.gif" ____="ev_9136744040"></P>
<P align=center>&nbsp;</P></DIV>
这段代码底栏中:花瓶在居中代码后再用62个空格代码将其向右移动了一段距离。实际上完全
可以用首行空16个格代码替换这一大块代码。把代码简化,效果不变。梅竹先展示原来的代码
效果,即这些代码:【不含定位代码】
<P align=center>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&
nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs
p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n
bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <IMG style="WIDTH: 259
px; HEIGHT: 405px" title="2016年03月13日 -  笑傲江湖  - 笑傲江湖的博客" alt="2016年03月13
日 -  笑傲江湖  - 笑傲江湖的博客" src="http://image95.360doc.com/DownloadImg/2016/03/170
5/67893707_3.png" width=239 height=346 ____="ev_9136744040" ></P>
效果——
换用梅竹编辑的代码<P style="TEXT-INDENT: 16em"><IMG style="WIDTH: 259px; HEIGHT: 405
px" title="2016年03月13日 -  笑傲江湖  - 笑傲江湖的博客" alt="2016年03月13日 -  笑傲江湖  -
笑傲江湖的博客" align=center src="http://image95.360doc.com/DownloadImg/2016/03/1705/678
93707_3.png" width=239 height=346></P>
如果去掉原作者隐形署名标签还会简化为: <P style="TEXT-INDENT: 16em"> <IMG style="WID
TH: 259px; HEIGHT: 405px" align=center src="http://image95.360doc.com/DownloadImg/2016/0
3/1705/67893707_3.png" width=239 height=346></P>
效果是一样的。梅竹展示如下
小结:
这些居中加空格代码<P align=center>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&
nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs
p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n
bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
可用首行空16个格代码简化为  <P style="TEXT-INDENT: 16em">
另外上面那一大片代码中被我标注的红色代码  ____="ev_9136744040"   是无效代码,可
以删除!不会影响效果的。梅竹编辑的代码中就没有他。不信您就试一下看!下面好友一粟
JIN的署名底栏毫无问题。不再赘述。
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
梅竹苑869分析笑傲江湖音画代码【学习交流】
【代码应用】用代码在FLASH上添加多层上滚图片
【转载】喜庆灯笼时钟六款(制作萍水相依*附代码)
研究杨帆音画代码 私人日志
用代码在中间图的左右悬挂图字
花园娘娘和朋友一起分享代码制作方法【1】
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服