正在阅读:今天作个证实:菜鸟也能有靓丽博客今天作个证实:菜鸟也能有靓丽博客

2008-05-15 09:58 出处:其它网站 作者:电脑爱好者 责任编辑:xuwei2

  眼看爱好者博墅红红火火,我也不禁心痒痒,最近终于在博墅上安了家。可惜文笔与众小编、热心读者相形见拙,无缘博墅之星。不过,自己发现一个小窍门,愿与大家分享。

  看一下图1,平常我们写博客,加个图片,也就能这样个效果。在Word里面,这可以叫做“上下环绕”可如果我需要一幅图片作为背景,或者让文字“紧密环绕”在图片旁边,真正找到像杂志上那样的插图效果,怎么办?

  我想起MSN Space刚刚开放的时候,有人曾经利用HTML代码大幅度改造页面。爱好者博墅当然也是支持HTML代码的。换句话说,我们写博客的时候,其实就是在用一个简易的网页编辑器。通常点一下按钮就可以切换到HTML代码编写模式,通过详细编写代码得到更多的网页效果。

img200708161039200

图1 个人博客

  可是,谁记得住那么多代码?要提升到编程一样的层面,那也太麻烦了!

  不过,不是有DreamWeaver这种所见即所得的网页编辑软件么?用它做好了,再把代码拷贝过来不就行了吗?一试,果然灵验!各种插图的效果,在网页当中一般用表格来定位实现。如图2,我先插入一个表格,然后选择了一个图片作为表格的背景。再在表格当中输入文字,就可以得到文字浮于图片上方的排版效果。详细调整设置表格的尺寸、内容对齐方式等各项属性,或者通过在表格中再插入表格的方法,我可以完全精确定位图片和文字。绝对不会是简单的“上下环绕”!

img200708161039350

图2 DreamWeaver所见所得

  最后点击左上角的按钮切换到“代码”编辑模式,把<body>和</body>之间的代码拷贝过来,贴到博客里面就行了。方法虽然不够惊世骇俗,但确实能让你的博客增色添彩。理论上,所有的网页效果都通过这种方法在博客里面实现(除非部分代码被博客空间管理员屏蔽)。而我们可以不必像程序员一样啃HTML手册,只要用DreamWeaver或者FrontPage就轻松搞定,岂不乐哉?

  【小提示】

  粘贴代码之前,当然别忘了把博客内容编辑窗口切换到代码模式。爱好者博墅的切换选项在编辑窗口的左下角,就是“显示源代码”那个复选框。在DreamWeaver里面插图片时,当然也必须输入已经上传到网上的图片的绝对地址。

关注我们

最新资讯离线随时看 聊天吐槽赢奖品