关于编辑的"深"加工(没起名)
RE:关于编辑的"深"加工(没起名)
老师,与您接触以后,隐隐约约稍微懂一点代码知识,但还是非常糊涂,编辑过程中要真能够使用那就好了!
关于编辑的"深"加工(没起名)
关于编辑的"深"加工
大家编辑时已有好多可借用的边框,这里不谈边框的问题,只从编辑的"深"加工方面说一点建议,仅供参考.
目前我们编辑文章,大多是选一个边框---在边框内加入文章---添加图片和音乐,这样编辑比较省事.但若从编辑的"深"加工角度看,这样显得略简单,也不能发挥自己的"个性".
所谓编辑的"深"加工,包括的内容较多,下面仅以 [知己]系列之一:你愿意做知己吗? (见http://www_php168_com/bencandy.php?fid=27&id=13628)为例说一下.
本音画边框为由6个小单元组成,它们组成方式是一样的,下面仅以第一个为例加以说明.
先把这个单元发出:
所用代码如下:
<P align=left><TABLE borderColor=olive height=622 cellSpacing=0 cellPadding=0 width=600 background=http://www_php168_com/Tmp_updir/vlog/0/445/445_20110724060729_6bbqi.jpg border=0><BR><TBODY><TR><TD vAlign=top align=left><P align=center><BR><TABLE style="WIDTH: 563px; HEIGHT: 569px" borderColor=#e8b66c cellSpacing=0 cellPadding=0 width=563 border=3><TBODY><TR>><TD><P align=center><IMG alt="" src="http://www_php168_com/Tmp_updir/vlog/0/445/445_20110724060745_8v2ge.jpg" border=0><IMG alt="" src="http://www_php168_com/Tmp_updir/vlog/0/445/445_20110724060739_6qpk3.jpg" border=0><IMG alt="" src="http://www_php168_com/Tmp_updir/vlog/0/445/445_20110724060758_glzjg.jpg" border=0></P></TD></TR></TBODY></TABLE></P></TD></TR></TBODY></TABLE></P>
先对代码内容说明一下:
<TABLE borderColor=olive height=622 cellSpacing=0 cellPadding=0 width=600 background=http://www_php168_com/Tmp_updir/vlog/0/445/445_20110724060729_6bbqi.jpg border=0><BR><TBODY><BR><TR><BR><TD vAlign=top align=left>
这一部分是用图片http://www_php168_com/Tmp_updir/vlog/0/445/445_20110724060729_6bbqi.jpg 做的背景,宽度600,高度显示的是622,其实开始可任意设置,高度是会随上下内容的多少自动变化的.
<TABLE style="WIDTH: 563px; HEIGHT: 569px" borderColor=#e8b66c cellSpacing=0 cellPadding=0 width=563 border=3><TBODY><TR>><TD>
这一部分是一个表格,网站编辑菜单上有.表格宽度和高度都不用预先设置.只为和背景几里面的图片在色调上比较和谐,设置了表格线颜色为borderColor=#e8b66c,并设置了表格线的宽度为border=3.
<P align=center><IMG alt="" src="http://www_php168_com/Tmp_updir/vlog/0/445/445_20110724060745_8v2ge.jpg" border=0><IMG alt="" src="http://www_php168_com/Tmp_updir/vlog/0/445/445_20110724060739_6qpk3.jpg" border=0><IMG alt="" src="http://www_php168_com/Tmp_updir/vlog/0/445/445_20110724060758_glzjg.jpg" border=0></P>
这一部分就是左右并列着的那3张图片. 这也是这里要重点说的部分.
1 关于文字
我们编辑别人的文章,当然得用作者的原文字.但我们可以把作者的文字分块(段)做成几个图片,而不是将文字复制到边框里.就以文字图片
为例,就可以以http://www_php168_com/Tmp_updir/vlog/0/445/445_20110724060729_6bbqi.jpg做成背景,在背景里加入标题"知己"(这里把标题放在一个图片上了),而后加入文字.要使上面所做的变成一张图片,这只须用QQ的"屏幕截图"抓一下,而后保存就可以.当然编辑时需要再把该图片上传!
2 关于左右图片
左右图片起的是"装饰"(美化)作用.在这里多说几句:
原始图片为
第一 需要按文字图片的高度把它做成一个高度一样的背景(宽度保持原图片宽度!),而后用QQ抓成图片http://www_php168_com/Tmp_updir/vlog/0/445/445_20110724060745_8v2ge.jpg
第二 为使左右对称,需要把图片左右翻转一下.翻转图片的代码为:
<TABLE style="FILTER: fliph" height=460 width=640 align=center background=http://www.imagesite.cn/pic/wsmb0618/40b.jpg border=0><BR><TBODY><BR><TR><BR><TD></TD></TR></TBODY></TABLE>
翻转后最好也用QQ抓成图片,即图片http://www_php168_com/Tmp_updir/vlog/0/445/445_20110724060758_glzjg.jpg
第三 将上面的3张图片左右并列放到表格里.就成了开始的显示效果了.当然,我们也可以把这个整体也用QQ抓成个图片来使用.由于高度的原因,我没再作成图片.
另外,选用网上的图片,我们可以只取其一部分,方法也是用QQ抓.
所用图片参见:http://www_php168_com/blog/index.php?file=viewlog&uid=445&id=11945
再看一例:勿忘我(见http://www_php168_com/bencandy.php?fid=27&aid=13535)
本贴由6个单元组成,每个单元组成是一样的.左右分两部分,左边的是一个图片,右边的是分上下两部分,上面是文字部分图片,下面是个花的图片.
所用图片见:http://www_php168_com/blog/index.php?file=viewlog&uid=445&id=11822
更复杂的组合参见音画:追寻远方的绿洲(见:http://www_php168_com/bencandy.php?fid=27&aid=13510)
所用图片见:http://www_php168_com/blog/index.php?file=viewlog&uid=445&id=11799
看了上面的说明,是否感到有点"太麻烦"?是的,这要比直接在边框内复制文字费力的多!但还是建议大家做自己喜欢的/有个性的编辑贴子.
就先罗嗦这些吧.