小议文字编辑、排版


  常见网上论坛的发帖,无论普通或是特效,关于文字编辑排版,似乎不是很听话。大致两个较突出的问题:行距和整体排版。反映在代码上,常常一行一次设置。实在有点“浪费”。
  如果你是用pg(微软office软件组中的frontpage)软件编辑制作特效帖,其实这是很方便的事。
  我一般采用下面的方法来处理文字部分,这段文字就是这样处理的。请看一下基本代码,文字内容为“祝大家新年快乐”,并作一点说明。

<center>
<div style="color: #FFFFFF; font-family: 楷体_GB2312; font-size: 40px; font-weight: bold; text-align: left; line-height: 150%;  width: 300; height: 100">
祝大家新年快乐</div>
</center>

  
效果
祝大家新年快乐


<center>  </center> 
双标签,使它中间的对象相对于整个版面居中。

<div>  </div>
层对象,双标签。这个东西在网页制作中用得极多。这里只就设置文字一事作些讨论。
<div>括号内的内容,在这里专门针对文字设置,于下分项说明。

style="          "
样式设置,引号中为具体设置项。每项格式为:“属性名:属性值”,两项之间用“;”号隔断。字符均为英文半角符。

font-family: 楷体_GB2312;    字体:国标楷体
font-size: 20px;         字号:20点大小
font-weight: bold;        字型:加粗
text-align: left;           对齐方式:左对齐 
line-height: 150%;          行距:150%
width: 300;           <div>
的宽度
height: 100           <div>
的高度
color: #FFFF00;         
字体颜色:黄色

  
★关于字体颜色的设置,另说明于下。例于:#FFFF00
#:
固定不变
FFFF00:颜色值,为16进制,每两位管一种颜色。顺序为红、绿、蓝。FF为最大值,00为最小值。值的大小,反映了某种色的量。根据这些内容,很容易判读出颜色或设置颜色。试举例。
000000:为黑色。每种色的量为最小,什么也看不到了。
FFFFFF:为白色。每种色的量为最大。根据三色原理可知。
888888:为中等灰色。每种色的量均衡减少。
FF0000:为纯红色。绿、蓝色的量为最小,没有。
00FF00:为纯绿色。红、蓝色的量为最小,没有。
0000FF:为纯蓝色。红、绿色的量为最小,没有。
FFFF00:为纯黄色。蓝色的量为最小,没有。
FF00FF:为纯紫色。绿色的量为最小,没有。
00FFFF:为纯青色。红色的量为最小,没有。
  按照此原理,你可任意改变值的大小,感受一下颜色的变化。这不是什么学问,自己试就知道了。例如:
880000:为暗红色。因为它比FF0000值的量少了许多。同理,
888800:为暗黄色。
  16进制不是满10进位,而是满16进位,位值用以下字符表示:1、2、3、4、5、6、7、8、9、a、b、c、d、e、f

  ★你可以保存篇首的基本代码,当作模板,用于以后的文字编辑,很方便、很好用。在pg的“设计”状态下,可直观的增减文字内容、编辑格式、调整版面宽度。需要改动的地方,如:字号、颜色等,可参考前面的说明,调整一下相应的属性项即可。


★文字的竖排
  文字竖排,其实很简单,对象的样式设置中就有相应的属性可用于设置。代码为:WRITING-MODE: tb-rl
  
解释:
WRITING:----书写

MODE:  ----方式
tb-rl:    ----从上(top)至下(bottom);
          从右(right)至左(left)

实例:

月下独酌
花间一壶酒,
独酌无相亲。
举杯邀明月,
对影成三人。
月既不解饮,
影徒随我身。
暂伴月将影,
行乐须及春。
我歌月徘徊,
我舞影零乱。
醒时同交欢,
醉后各分散。
永结无情游,
相期邈云汉。

对应代码:
<div style="position: relative; left: 0; top: 0; width: 523px; height: 140px; color: #FFFF00; font-family: 楷体_GB2312; WRITING-MODE:tb-rl; font-size: 20px; font-weight: bold; text-align: left; line-height: 150%">
月下独酌<br>
花间一壶酒,<br>
独酌无相亲。<br>
举杯邀明月,<br>
对影成三人。<br>
月既不解饮,<br>
影徒随我身。<br>
暂伴月将影,<br>
行乐须及春。<br>
我歌月徘徊,<br>
我舞影零乱。<br>
醒时同交欢,<br>
醉后各分散。<br>
永结无情游,<br>
相期邈云汉。</div>


★换行,回车,行距,全角符:
  这看似一个不是问题的问题。但看一看坛子中的发帖,有的文字内容行距很宽,不好看,有的文字行挨在一起,也不好看。
  还有一个情况,段首的低头不一致,参考一下书籍排版就知道了,一般为两个汉字符。总的讲就是排版不规整。
  1、编辑文字,在段落结束后,敲“Enter”键就回车换行了;还可以先按着“Shift”键再敲回车。这两种操作的效果是不一样的。后一种有个说法叫“软回车”。
  前一种的效果:两行文字的间隔为一行文字的高度,后一种的效果:两行文字是紧挨着的。体现在代码上,后一种是在回车的地方多了一个“<br>”,前一种是将文字夹在“<p>”与“</p>”之间。
  2、编辑文字时,打开某种输入法,在它的界面上会有一个月牙形的图案。这时为半角状态,输入汉字没有什么特别的,但输入英文字母、数字、标点符号、空格,为半个汉字的宽度;将图案转换为圆形时,为全角输入状态,输入的字母、数字、标点符号、空格都为一个汉字的宽度。
  3、所以,在设置空格时,宜在全角状态下操作,使得字符宽度一致。设置行距,上面的代码中已提到。这样,在编辑文字时,可以统一为全部使用“软回车”来处理换行。本文就是这样处理的。如果有自己的喜好,可调整相应设置。