重庆神华万州电厂地址:自己制作日志边框

来源：百度文库编辑：九乡新闻网时间：2024/04/28 23:18:41

自己制作日志边框

简单快速制作边框

其实，制作边框是很简单的一件事。对初学者来说，由于还不熟悉HTML代码，可以采用“照猫画虎”的办法进行学习。如果您不想在HTML方面进行深入的研究探讨，而只是满足自己编辑文章音画的需要，这种方式已经足够您用的了。我们在这里假定您会使用电脑的复制和粘贴功能。

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

screen.width-333)this.width=screen.width-333" border=0> screen.width-333)this.width=screen.width-333" border=0> screen.width-333)this.width=screen.width-333" border=0> screen.width-333)this.width=screen.width-333" border=0> screen.width-333)this.width=screen.width-333" border=0>

　　　　　　　　　　 (一) （二）　　　　　　（三）　（四）（五）　　　　　

（注意：在实际操作中不需要把这些图片复制到编辑页面，因为在编辑页面这些图片是不能显示图片地址的。你在平时收集一些你喜欢的资料，并把这些资料上传到你的空间作为备用。）

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

操作过程：

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

2、然后点击编辑框右上角的“查看HTML源代码”左边的小框，显示，您就可以开始制作了。如果用的是“16789网站”则点击左下角的“源代码”按钮进入源代码编辑状态就可以进行粘贴代码制作边框了。

第三步：复制边框代码。复制边框代码一般有两种途径。一是现成的套装代码，一般在各网站的网页资源栏目里都可以找到，可直接复制过来。另一种途径是将任何一个现成套装复制到自己的编辑页面，再点击“查看HTML源代码”左面的方框，就会显示完整的代码。

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

再点击“查看HTML源代码”左面的方框，去掉方框里的勾。如果用的是“16789网站”则点击左下角的“源代码”旁边的“编辑”按钮进入展示编辑状态就可以进行粘贴代码显示全套代码，开始制作过程。

这套代码的前六行就是第一层边框的代码。第一层代码是最重要的，因为一些基本参数要在这里确定。

有几个基本代码和数据必须交代给大家。

　　1、WIDTH: 762px　是边框整体外延的宽度，762正好是正常页面的宽度。小于这个数边框就会在页面的两边留出空隙，大于这个数就会突破正常页面，变成宽幅边框，这个我们下面再学习。

　　2、TOP: 0px　是边框上延与页面顶部的距离，除非有特殊需要，一般取0，否则边框顶部与页面会出现空隙，不美观。

　　3、cellPadding=0 是第一层边框与第二层边框的距离，数字越大，边框最外层的宽度就越大，一般根据需要调整。第一层图片地址的代码就是第一层边框图片的代码。从第二层到第9层边框的代码是一样的，只是图片代码不同而已。从

到下一个之间就是一层边框的代码。

　　4、cellSpacing=45 的代码，这是确定每一层边框宽度的代码，等号后面的数字就是这一层边框的宽度。可以根据需要随意调整。

5、LEFT: 0px　是边框与页面边界的距离，0即为与左边界重合，取负数边框就会突破页面左边界，取正数则边框右边就会突破页面右边界。这个在以后制作宽屏边框时会讲到。

6、align=center 表示的是居中。

7、background=图片地址表示在此处插入图片的绝对地址。

8、border=0　表示的是边框的外装饰效果。

下面我们着手对这个边框进行“改装”

第四步：逐层替换边框图案。首先复制我们事先在另一页面准备好的上面那些边框素材代码。

方法是：到你准备的空间里拿到你想替换图片的绝对地址替换原边框的第一层图片地址的代码。这里我们就用教材里的（２）号图片，替换以后得到下面的效果：