2008-10-25 00:48:04阿文

◎網誌字距行間設定

 

   ◎字距行間設定

            ○潘文良 編述

  Pchome新聞台在今年(2008年)十月一日,再次大改版,開放網頁語法編輯功能,讓台長們,有更大的揮灑自由。
  新聞台之前的內文編輯,可謂是「純文字」模式,雖然‥其「內定字距」等於0,所幸其「內定行間」,還算合適;內定字體大小為「12pt」,閱讀起來,也還算舒適。
  如今,開放網頁語法,對於用慣了新聞台,那只有「黑白」內文的台長而言,可謂是新鮮極了,一下子,到處都可看到「彩色」的內文編輯;字形、大小……千變萬化,各式各樣,紛紛出籠,教人看得眼花撩亂呢!
  阿文所擔心的事,終於發生了‥
  好些人,只會用編輯區上的那些功能,還不會用網頁語法編輯,於是‥內文的字距行間等於0,整個段落,也就密密麻麻的——有些人,也就每行加空一行,免得行間太密,但加空一行,卻又顯得太寬啦!
  (所幸‥新聞台的內定內文大小為12pt,倘是10pt,那就又小又密啦!)
 
  阿文每言‥
「佈置一個‥舒適的閱讀空間(版面),是對讀者的體貼與尊重。」
  糟糕的文章編排,是在虐待讀者的眼睛啊!
  寫文的人,總希望自己的文章,能夠「見於人、傳於世」——
既要見於人,最好就是先打扮得美美的,再出去「亮相」,免得「丟人現眼」。
  好的文章,需要有好的編排,才能使其更加「光彩亮麗」——
有心寫作為文者,當多用心學習一下文章編排的。
 
  呵呵!扯太遠啦!還是來說說‥這內文字距行間,如何用網頁語法(Html)設定吧! 其實也不會很難啦!

一、建議先將整篇文章打好後,再作編排。
二、按功能列上排右邊的【<>】鈕,進入「Html語法原始碼」編輯狀態。
三、再最前端,加入以下語法‥

  <P style="FONT-SIZE: 12pt; LINE-HEIGHT: 160%; LETTER-SPACING: 1.5pt">

 
  註‥此可在離開語法編輯狀態時,立即見到成效。
  語法說明‥
【font-size:12pt;】  ←字體大小設定。(12pt較適合閱讀啦!)
【LINE-HEIGHT:160%;】←行間設定。(160%,適合12pt的字。)
【LETTER-SPACING:1.5pt】←字距設定。(至少空個1pt吧!)
 

四、再按一次【<>】鈕,離開語法編輯狀態。
五、其它‥字形、字體大小、顏色等,再用功能列上的去調配、編排。
  (「字距行間」,是內文編排,最基本的設定,其它的設定,還有很多,有興趣的人,就自己上網搜尋一下“Html語法教學”吧!)
 
  順帶一提‥有些人,會先用“Word”打好字、排好樣式,再複製~貼入新聞台編輯區。
  此法雖然可行,但阿文建議‥
一、先將文章,複製到「記事本」裡——解除樣式設定。
二、再將文章,從「記事本」裡,複製到新聞台編輯區。
三、再利用編輯區的功能,去編排文章的樣式。
  為什麼?
  因為‥若從“Word”直接複製到新聞台編輯器裡,會有很多「不必要的垃圾語法」,影響編排。
 

  秀一張圖片,給大家瞧瞧——
  
 
  ▲這是從新聞台某人的文章之「原始碼」中,所擷取的,
   當中的語法,全都是多餘的、不必要的語法。
 

  雖然‥新聞台現在是提供免費的、無限的使用空間,但一篇文章,存在一大堆不必要的垃圾語法,實在是「浪費空間」啊!
  還有就是‥用“Word”打字,或在新聞編輯區裡打字輸入時,要使用【Shift + Enter】折行,而不要用【Enter】,免得行間變得很大。 (按【Enter】,是用於「段落」分段時的。)
  再者,倘若你學會用“FrontPage”的話,那就可先在“FrontPage”裡編輯好,再行貼到編輯區——用“FrontPage”編輯網頁,方便多啦!
 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
■【延伸閱讀】
˙《文章排版之要點》:http://a-vun.myweb.hinet.net/01/B/B1/B1c4.htm
˙《糟糕的編排》:http://a-vun.myweb.hinet.net/01/B/B1/B1c4a.htm
 
 

yoyo 2008-10-30 22:34:49

阿文
  非常謝謝您~提供了這麼好的語法,嘗試修改了兩篇文章,都成功了真是謝謝您

版主回應
悠悠‥
  新聞台,只須用以下的語法即可‥
<P style="LINE-HEIGHT: 160%; LETTER-SPACING: 1.5pt" ;>

  妳得先將文章複製到「記事簿」,清除原先的語法設定;再進入語法編輯狀態,將內容清空,重新編排一次。
  要不然,原編排,還有很多垃圾語法。
  相同內文的兩個檔案‥DOC文件檔,會比Htm網頁檔,大上兩三倍呢!
可見DOC文件,所產生的垃圾語法,是超多的。

                   阿文
2008-11-03 07:03:36
菲菲 2008-10-30 14:22:46

我是個懶傢伙,從不用心研究這些編輯語法,或許就是自己ㄧ直沒成就ㄧ件事的原因吧!

至今,還在摸索新的編輯功能,但是無可否認,新聞台ㄧ天比一天進步中,工作人員所費的努力,無庸置疑。

感謝您們大家!

版主回應
菲菲‥
  網頁語法,對於看得懂英文的人來說,當是不會太困難的啦!
  看得懂英文,至少就知道它是在設定什麼了。
  阿文也認不得幾個英文單字,單字字母分開來會唸,合起來就不知怎麼唸了。
  不過是因為「有心、用心」故,努力的給它搞懂,久而久之,也就知道怎麼應用的了。
                  阿文
2008-10-30 16:53:14
艾姬 2008-10-27 22:38:01

謝謝阿文大哥的熱心分享~
我終於改好了耶!
我會了~我會了~^O^

好厲害的編輯大師!

版主回應
艾姬‥
  呵呵!阿文只是「有心、用心」罷耳!
  此字距行間的語法,通用於諸多部落格,不過‥新聞台內定字體大小為12pt,故可省略字體大小的設定。
  其他部落格,內定為10pt,故須改變字體大小的設定為12pt,語法如下‥
<P>
<FONT color=#000000>
<BIG style="FONT-SIZE: 12pt; LINE-HEIGHT: 160%; LETTER-SPACING: 1.5pt">★在這裡輸入內文。</BIG></FONT></P>

  妳也可以在其它部落格試試唷!
             阿文
               2008.12.28.二 06:12:40

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
■【語法說明】
<p>……</p> 段落起末。
<FONT>……</FONT> 字體樣式設定。
color=#000000 字體顏色 #000000=黑色。
<BIG>……</BIG> 加大字體樣式設定。
FONT-SIZE: 12pt; 字的大小。
LINE-HEIGHT: 160%; 行間設定。
LETTER-SPACING: 1.5pt 字距設定。
2008-10-30 16:27:13