您好!欢迎您光临朋友,我来教您做边框_高山流水! 聊天室 I 论坛 I 企业建站 I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>网络教材>>>>>>朋友,我来教您做边框
朋友,我来教您做边框
发表日期:2007/8/28 17:19:00 出处:未知 作者:未知 发布人:wwad63 已被访问 142
其实,制作边框是很简单的一件事。对初学者来说,由于还不熟悉HTML代码,可以采用“照猫画虎”的办法进行学习。如果您不想在HTML方面进行深入的研究探讨,而只是满足自己编辑文章音画的需要,这种方式已经足够您用的了。我们在这里假定您会使用电脑的复制和粘贴功能。 

    第一步:选择一套背景素材图片备用。它是编制边框的“材料”。背景素材一般是共享的。


(注意:在实际操作中不需要把这些图片复制到编辑页面,因为在编辑页面这些图片是不能显示图片地址的)

    第二步:确定您要制作的边框的层数。边框可以根据需要可以是一层的(由于太单调,一般不采用),也可以是多层的,曾数越多,边框结构越复杂,也越美,当然也不能没有限度,曾数太多反而会显得零乱,以不超过13层为最佳。我们以9层为例进行学习。

    过程:1、首先在网站登陆。打开管理页面后,鼠标左键点击右上角的“新文章”,进入文章编辑页面。

    2、点击“居中”符号,然后点击编辑框右上角的“查看HTML源代码”左边的小框,显示,会出现<P align=center>&nbsp;</P>   您就可以开始制作了。
    第三步:复制边框代码。复制边框代码一般有两种途径。一是现成的套装代码,一般音画论坛的网页资源栏目都可以找到,可直接复制过来。另一种途径是将任何一个现成套装复制到自己的编辑页面,再点击“查看HTML源代码”左面的方框,就会显示完整的代码。

    我们先复制一套现成的套装代码:

<BR>
<TABLE id=table1 style="LEFT: 0px; WIDTH: 762px; POSITION: relative; TOP: 0px" cellSpacing=45 align=center background=http://bbs.xxjy.net/UploadFile/2005-12/20051224243462655.jpg border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=8 cellPadding=0 width="100%" background=http://bbs.xxjy.net/UploadFile/2005-12/20051224243470112.jpg border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=2 cellPadding=0 width="100%" background=http://bbs.xxjy.net/UploadFile/2005-12/20051224243470112.jpg border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=8 cellPadding=0 width="100%" background=http://bbs.xxjy.net/UploadFile/2005-12/20051224235325742.jpg border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=2 cellPadding=0 width="100%" background=http://bbs.xxjy.net/UploadFile/2005-12/20051224243470112.jpg border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=8 cellPadding=0 width="100%" background=http://bbs.xxjy.net/UploadFile/2005-12/20051224235343917.jpg border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=20 cellPadding=0 width="100%" background=http://bbs.xxjy.net/UploadFile/2005-12/20051224243462655.jpg border=0>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=10 cellPadding=0 width="100%" background=http://bbs.xxjy.net/UploadFile/2005-12/20051224235396616.jpg border=1>
<TBODY>
<TR>
<TD width="100%">
<TABLE cellSpacing=0 cellPadding=0 width="100%" background=http://bbs.xxjy.net/UploadFile/2005-12/20051224235343917.jpg border=0>
<TBODY>
<TR>
<TD width="100%">
<P align=center>&nbsp;</P>
<P align=center>&nbsp;</P>
<P align=center>&nbsp;</P>
<P>&nbsp;</P>
<P>&nbsp;</P>
<P><A title=新窗口打开 onfocus=this.blur() href="http://bbs.xxjy.net/UploadFile/2005-12/20051224235380233.jpg" target=_blank></A>&nbsp;</P></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></TD></TR></TBODY></TABLE></TD></TR></TBODY>
<P></P>
<P></P>
<P></P>
<P></P>
<P></P>
<P></P>
<P></P></TABLE>
<P>&nbsp;</P>

复制完成后,点击“查看HTML源代码”左面的方框,就会显示边框。这套代码做出来如下:
 


 

双击自动滚屏 【打印本页】 【关闭窗口

上篇文章:国外十大旅游胜地

下篇文章:奥运五福娃(透明的风)

 相关评论:

没有相关评论

 发表评论:

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

高山流水(二站) | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话:366482077 联系人:萍聚

琼icp备09005167