当前位置:首页 >> 音画特效 >> 跟我学做音画边框——南山壹翁
 双击自动滚屏 
跟我学做音画边框——南山壹翁

发表日期:2010年6月1日  出处:http://yi1688.2000y.net 南山壹翁  作者:南山壹翁  本页面已被访问

 

一、首先要准备一些图片素材,如下面我己准备好了20张。

 

 

二、HTML语言音画最基本的构成就是四个部分:
边框
图片、
内容
音乐
FLASH

下面首先讲边框:

边框可以设置任意多层,你想要几层就几层,网上很协调美观的边框大部分都是专业人士制做(有些网站可以专门下载),你不要一看见一个漂亮边框就认为楼主高不可攀,实际上大部分会员用的协调美观边框都是共享的(当然,也有很大一部分高手是原创,所以我在这里可以这样说:网上的边框是共享的,大家完全可以心安理得地去借用和复制,不用脸红(但本站支持原创)!哈哈,我是借用别人的边框从来不脸红的人。

下面是一个七层边框的实例介绍,图片可以任意换,只要你觉着好看就行:

一、七层边框、代码如下:

<TABLE cellSpacing=0 borderColorDark=#001a1a cellPadding=10 width=500 borderColorLight=#055b56 background=图片地址 border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 borderColorDark=#001a1a cellPadding=15 width=500 borderColorLight=#055b56 background=图片地址 border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 cellPadding=3 width="100%" background=图片地址 border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 cellPadding=15 width="100%" background=图片地址 border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 cellPadding=3 width="100%" background=图片地址 border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 cellPadding=15 width="100%" background=图片地址 border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=10 borderColorDark=#001a1a cellPadding=0 width="100%" borderColorLight=#055b56 background=图片地址 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></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
蓝色部分是结尾。

看下效果图:

(此处插入文章)

 

教程/编辑:南山壹翁

 

是不是学会了,很简单的。

 

 

 

二、八层边框、代码如下:

<TABLE cellSpacing=0 cellPadding=4 width="95%" align=center background=图片地址 border=0>
<TBODY>
<TR>
<TD>
<TABLE height=315 cellSpacing=0 cellPadding=15 width="100%" background=图片地址 border=0>
<TBODY>
<TR>
<TD>
<TABLE height=355 cellSpacing=0 cellPadding=2 width="100%" background=图片地址 border=0>
<TBODY>
<TR>
<TD>
<TABLE height=387 cellSpacing=0 cellPadding=2 width="100%" background=图片地址 border=0>
<TBODY>
<TR>
<TD>
<TABLE height=365 cellSpacing=0 cellPadding=2 width="100%" background=图片地址 border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 cellPadding=15 width="100%" background=图片地址 border=0>
<TBODY>
<TR>
<TD>
<DIV align=center>
<TABLE height=362 cellSpacing=0 cellPadding=2 width="100%" background=图片地址 border=0>
<TBODY>
<TR>
<TD>
<DIV align=center>
<TABLE height=361 cellSpacing=0 cellPadding=4 width="100%" background=图片地址 border=0>
<TBODY>
<TR>
<TD>
<TABLE height=204 cellSpacing=0 cellPadding=4 width="100%" border=0>
<TBODY>
<TR>
<TD>
加入内容
</TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

 

看下效果图:

教程/编辑:南山壹翁

加入内容

 

现在学会了吗!

 

 

(我偷偷的告诉你一个小窍门:做完边框和内容后,结尾部分不用自己写,在Design格式[也就是第一个格式 Design]与HTML格式[ HTML]之间来回打几次,系统就自动给你写好了,别泄密哦)

其中:<TABLE  =开始  <TABLE> =结尾 (这两个是绝对格式,否则就成乱码了)border=0> =边框粗细   width=660 边框宽度     height =边框高度    cellspacing=16 单元格间距(可以任意设置宽度) cellpadding=0 边框间距   borderColor=边框颜色 background =插入的背景 (这几个格式你可要记住啊,如果也和我一样记忆力不好,可以复制到你的文件夹里)

 

     

http://yi1688.2000y.net/



 双击自动滚屏 
  发表评论:    

用 户 名:
电子邮件:
评论内容:
(最多评论字数:500)