花褪残红青杏小。燕子飞时,绿水人家绕。

排版:如何让你的文章看起来更有条理

Web 十五楼的鸟儿 30982浏览 0评论

通常写作的时候都不会很在意自己页面的排版,但是时间一长就会发现,当你自己再回首自己的文章的时候,会觉得抓不住要点,这就是排版的重要性,突出要点、方便阅读、良好的标签使用甚至可以对SEO有所帮助。下面简单说一下文章中用到的一些页面的排版。

我自己的这个小博客最经常使用的就是你看到的底线突出标题和背景颜色的一般应用,
文字底线的具体操作方法如下

主题css中加入如下代码:


下载[loc=http://cid-c3e2e750c485309f.skydrive.live.com/self.aspx/.Public/z7z8/underline.rar]所需要的图片[/loc]到主题style目录下的images目录中

使用方法

[code=html]
使用方法
[/code]

[loc=http://hanamizuki.tw/2008/03/16/text-img-decoration/]WordPress的用户可以看看这个[/loc]

背景颜色的应用

这个方式灵活性很高,而且需要对css有点简单的了解,通常背景颜色和边框并用,也有单独使用的。

比如我当前的主题中定义了如下css:


当我在文中使用
[QUOTE]测试内容 样例内容[/QUOTE]时,代码会自动显示成下面这个样子:

测试内容
样例内容

当然不局限于blockquote标签,比如你可以在文章中使用副标题h2标签,这当然需要你在主题的css中针对文章中的h2标签做单独的定义之后才会生效,当然也可以随时使用随时写在文章中,前者的缺点是一旦更换主题,还要把对应的css更新过,后者就没有这个麻烦:

比如文章中你可以这样写:

效果就是下面这样的

一、第一点内容

你还可以用边框,border

通常设置边框不会让文字区域的四周都有边框,而是文字区域的一侧有边框(通常是左侧),这样比较醒目哪些是同一个标题下的内容。

通常这样写

效果就是这样的:

Google做出这个决定,对于IT业内的人来说,有惊讶也有欢喜。

Google做出这个决定,对于IT业内的人来说,有惊讶也有欢喜。

Google做出这个决定,对于IT业内的人来说,有惊讶也有欢喜。

段落首行缩进

这个对段落比较长,行文流水能长篇的人比较有用,在我这效果不是特别好,因为我通常都是还没换行,就已经换段落了。首行缩进的定义方式,在主题css中针对文章区域的段落p定义css:


通常zblog发布文章的时候,我推荐一般没有代码的文章使用 [windows live writter],而有代码的文章推荐使用后台的UBB编辑,并且在UBB编辑时手写html代码,一方面方便以后使用可视化编辑器编辑,而zblog后台的fck经常生成大量的br换行,让人很不爽,最开始我采取的是修改编辑器,无奈已更新就给覆盖掉设置,所以就放弃了这个方法。

对于一些内容,颜色要突出重点部分,切忌颜色过杂,反而无法突出重点。

文章中的部分内容,借鉴了[loc=http://www.kenengba.com]可能吧[/loc]的排版方式。


转载请注明:鸟儿博客 » 排版:如何让你的文章看起来更有条理

与本文相关的文章

游客
发表我的评论 换个身份
取消评论

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址