◎網誌字距行間設定
◎字距行間設定
○潘文良 編述
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
我是個懶傢伙,從不用心研究這些編輯語法,或許就是自己ㄧ直沒成就ㄧ件事的原因吧!
至今,還在摸索新的編輯功能,但是無可否認,新聞台ㄧ天比一天進步中,工作人員所費的努力,無庸置疑。
感謝您們大家!
網頁語法,對於看得懂英文的人來說,當是不會太困難的啦!
看得懂英文,至少就知道它是在設定什麼了。
阿文也認不得幾個英文單字,單字字母分開來會唸,合起來就不知怎麼唸了。
不過是因為「有心、用心」故,努力的給它搞懂,久而久之,也就知道怎麼應用的了。
阿文 2008-10-30 16:53:14
謝謝阿文大哥的熱心分享~
我終於改好了耶!
我會了~我會了~^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
阿文
非常謝謝您~提供了這麼好的語法,嘗試修改了兩篇文章,都成功了真是謝謝您
新聞台,只須用以下的語法即可‥
<P style="LINE-HEIGHT: 160%; LETTER-SPACING: 1.5pt" ;>
妳得先將文章複製到「記事簿」,清除原先的語法設定;再進入語法編輯狀態,將內容清空,重新編排一次。
要不然,原編排,還有很多垃圾語法。
相同內文的兩個檔案‥DOC文件檔,會比Htm網頁檔,大上兩三倍呢!
可見DOC文件,所產生的垃圾語法,是超多的。
阿文 2008-11-03 07:03:36