使用 Styles 編寫 InDesign ePUB 電子書文章風格
在上一篇文章, 我們知道在使用 InDesign 編寫 ePUB 電子書時, 我們不可以像使用 Words 或 PDF 文書編輯軟件那麼編排文字和段落, 否則輸出 ePUB 電子書的編排是完全不同的。
先前曾經提及, 電子書根本就是網頁檔案。所以, 在編寫 ePUB 電子書, 我們應該像編寫網頁的方法一樣, 使用 Styles 的方法來控制文章內文字和段落的風格。
現在就討論如何使用 Styles 的方法來控制ePUB 電子書文章內文字和段落的風格。
首先回顧電子書的內容:
我們現在已然知道, 空段落和縮排在輸出 ePUB 電子書後是會給刪除的, 是沒有實際用途的, 所以在編寫時不要加入這些編排方法。 現在首先把它們刪除, 如下圖:
接著我會使用 Styles 的方法來產生空段落、縮排和其他的風格效果。
InDesign 預設安裝是隱藏了Styles 視窗的, 如果要使用 Styles 方法, 首先需要開啟 Styles 視窗, 如下圖所示:
接著彈出段落風格 (Paragraph Styles) 視窗:
因為在編寫 ePUB 電子書時要經常使用段落風格, 所以最佳的方法是將段落風格視窗停泊(Dock)在右面的 Panel, 每次使用時只需要點出視窗便可。
建立新的標題風格
第一步是建立新的標題段落風格。 首先用滑鼠選擇標題:
接著用滑鼠左鍵點擊段落風格視窗下方的 Create new style 項目:
一項新的的段落風格馬上建立了, InDesign 會自動給它一個新的名稱 ( (Paragraph Style 1):
接下來當然是設定這新段落的風格, 用滑鼠左鍵雙點擊 Paragraph Style 1, 彈出 Paragraph Style Options 視窗:
我們可以很容易的在 Paragraph Style Options 視窗內設定段落的風格。
首先給新段落風格一個合適的名稱 (例如: Header Title), 方便以後重複的使用, 如下圖所示:
接著是文字風格的設定, 因為是標題, 所以選擇使用粗體 (Bold) 和比較大一點的文字 (24 pixels), 以便突出標題。
標題和下面的文字段落一般都有一定的空間距離的, 我們設定標題下有 10 pixels 的空間, 看看效果如何:
點擊 OK 按鈕, 標題的風格成功的設定了 – 大字粗體, 和下面的段落有 10 pixels 的空間距離. 當然, 你可以按喜好設定不同的風格。
就這樣, 以後所有標題的風格就可以重複的使用了。
建立新的一般文章段落風格
第二步是設定一般文章段落的風格。
將滑鼠浮標放在第一段落文字任何的位置, 如下圖:
重複先前建立標題風格的步驟, 用滑鼠左鍵點擊段落風格視窗下方的 Create new style 項目. 一項新的的段落風格又馬上建立了。 InDesign 又會自動給它一個新的名稱 ( (Paragraph Style 1):
照樣用滑鼠左鍵雙點擊 Paragraph Style 1, 彈出 Paragraph Style Options 視窗設定這新段落的風格。
給這新段落風格一個合適的名稱 (例如: Paragraph General):
接著是設定基本的文字風格。 因為是一般段落, 所以使用默認的設定 – 一般字體和一般大小的文字 (12 pixels)。
每段文字段落之間都要一定的空間距離, 我們照樣設定 10 pixels 的空間, 試試效果如何:
點擊 OK 按鈕, 一般文字段落的風格又成功設定了- 一般字體, 和下面的段落有 10 pixels 的空間距離。
同樣, 以後一般文章的段落風格就可以重複的使用了。
接著將第二段文章段落的風格設定為剛剛建立的 Paragraph General 風格, 把滑鼠浮標放在第二段落文字任何的位置, 如下圖所示:
因為第二段文字段落仍然是使用預設的 Basic Paragraph 風格, 所以 Paragraph Style 視窗會指示Basic Paragraph。
選擇 Paragraph General, 效果馬上反應, 第二段落文字的風格就這樣容易的設定了。
建立縮排效果的段落風格
第三步是設定有縮排效果的網址段落。
將滑鼠浮標放在網址段落的任何位置, 如下圖:
重複先前的步驟:
- 用滑鼠左鍵點擊段落風格視窗下方的 Create new style 項目。
- 彈出 Paragraph Style Options 視窗設定這新段落的風格。
- 給這新段落風格一個合適的名稱 (例如: URL General)。
- 使用默認的設定 – 一般字體和一般大小的文字 (12 pixels)。
- 每段文字段落之間都要一定的空間距離, 我們照樣設定 10 pixels 的空間。
我們想網址有縮排的效果, 所以將 Left Indent (左邊縮入)設定為 12 pixels, 如下圖所示:
點擊 OK 按鈕, 網址文字段落的風格又成功設定了- 一般字體, 和下面的段落有 10 pixels 的空間距離, 及左邊縮排 12 pixels。
接下來當然是測試這次 ePUB 檔案的效果是否和 InDesign 文件編排的一樣, 所有設定的風格會否在 Export 往 ePUB 檔案後同樣的被刪除呢? 我會在下一篇文章和大家一起討論。