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

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

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

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

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

图1 个人博客

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

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

图2 DreamWeaver所见所得

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

　　【小提示】

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