使用 Styles 編寫 InDesign ePUB 電子書文章風格

在上一篇文章, 我們知道在使用 InDesign 編寫 ePUB 電子書時, 我們不可以像使用 Words 或 PDF 文書編輯軟件那麼編排文字和段落, 否則輸出 ePUB 電子書的編排是完全不同的。

先前曾經提及, 電子書根本就是網頁檔案。所以, 在編寫 ePUB 電子書, 我們應該像編寫網頁的方法一樣, 使用 Styles 的方法來控制文章內文字和段落的風格。

現在就討論如何使用 Styles 的方法來控制ePUB 電子書文章內文字和段落的風格。

首先回顧電子書的內容:

ebook-making-indesign-cs55-10

我們現在已然知道, 空段落和縮排在輸出 ePUB 電子書後是會給刪除的, 是沒有實際用途的, 所以在編寫時不要加入這些編排方法。 現在首先把它們刪除, 如下圖:

ebook-making-indesign-cs55-22

接著我會使用 Styles 的方法來產生空段落、縮排和其他的風格效果。

InDesign 預設安裝是隱藏了Styles 視窗的, 如果要使用 Styles 方法, 首先需要開啟 Styles 視窗, 如下圖所示:

ebook-making-indesign-cs55-23

接著彈出段落風格 (Paragraph Styles) 視窗:

ebook-making-indesign-cs55-24

因為在編寫 ePUB 電子書時要經常使用段落風格, 所以最佳的方法是將段落風格視窗停泊(Dock)在右面的 Panel, 每次使用時只需要點出視窗便可。

ebook-making-indesign-cs55-25

建立新的標題風格

第一步是建立新的標題段落風格。 首先用滑鼠選擇標題:

ebook-making-indesign-cs55-26

接著用滑鼠左鍵點擊段落風格視窗下方的 Create new style 項目:

ebook-making-indesign-cs55-27

一項新的的段落風格馬上建立了, InDesign 會自動給它一個新的名稱 ( (Paragraph Style 1):

ebook-making-indesign-cs55-28

接下來當然是設定這新段落的風格, 用滑鼠左鍵雙點擊 Paragraph Style 1, 彈出 Paragraph Style Options 視窗:

ebook-making-indesign-cs55-29

我們可以很容易的在 Paragraph Style Options 視窗內設定段落的風格。

首先給新段落風格一個合適的名稱 (例如: Header Title), 方便以後重複的使用, 如下圖所示:

ebook-making-indesign-cs55-30

接著是文字風格的設定, 因為是標題, 所以選擇使用粗體 (Bold) 和比較大一點的文字 (24 pixels), 以便突出標題。

ebook-making-indesign-cs55-31

標題和下面的文字段落一般都有一定的空間距離的, 我們設定標題下有 10 pixels 的空間, 看看效果如何:

ebook-making-indesign-cs55-32

點擊 OK 按鈕, 標題的風格成功的設定了 – 大字粗體, 和下面的段落有 10 pixels 的空間距離. 當然, 你可以按喜好設定不同的風格。

ebook-making-indesign-cs55-33

就這樣, 以後所有標題的風格就可以重複的使用了。

建立新的一般文章段落風格

第二步是設定一般文章段落的風格。

將滑鼠浮標放在第一段落文字任何的位置, 如下圖:

ebook-making-indesign-cs55-34

重複先前建立標題風格的步驟, 用滑鼠左鍵點擊段落風格視窗下方的 Create new style 項目. 一項新的的段落風格又馬上建立了。 InDesign 又會自動給它一個新的名稱 ( (Paragraph Style 1):

ebook-making-indesign-cs55-35

照樣用滑鼠左鍵雙點擊 Paragraph Style 1, 彈出 Paragraph Style Options 視窗設定這新段落的風格。

給這新段落風格一個合適的名稱 (例如: Paragraph General):

ebook-making-indesign-cs55-36

接著是設定基本的文字風格。 因為是一般段落, 所以使用默認的設定 – 一般字體和一般大小的文字 (12 pixels)。

ebook-making-indesign-cs55-37

每段文字段落之間都要一定的空間距離, 我們照樣設定 10 pixels 的空間, 試試效果如何:

ebook-making-indesign-cs55-38

點擊 OK 按鈕, 一般文字段落的風格又成功設定了- 一般字體, 和下面的段落有 10 pixels 的空間距離。

ebook-making-indesign-cs55-39

同樣, 以後一般文章的段落風格就可以重複的使用了。

接著將第二段文章段落的風格設定為剛剛建立的 Paragraph General 風格, 把滑鼠浮標放在第二段落文字任何的位置, 如下圖所示:

因為第二段文字段落仍然是使用預設的 Basic Paragraph 風格, 所以 Paragraph Style 視窗會指示Basic Paragraph。

ebook-making-indesign-cs55-40

選擇 Paragraph General, 效果馬上反應, 第二段落文字的風格就這樣容易的設定了。

ebook-making-indesign-cs55-41

建立縮排效果的段落風格

第三步是設定有縮排效果的網址段落。

將滑鼠浮標放在網址段落的任何位置, 如下圖:

ebook-making-indesign-cs55-42

重複先前的步驟:

  • 用滑鼠左鍵點擊段落風格視窗下方的 Create new style 項目。
  • 彈出 Paragraph Style Options 視窗設定這新段落的風格。
  • 給這新段落風格一個合適的名稱 (例如: URL General)。
  • 使用默認的設定 – 一般字體和一般大小的文字 (12 pixels)。
  • 每段文字段落之間都要一定的空間距離, 我們照樣設定 10 pixels 的空間。

我們想網址有縮排的效果, 所以將 Left Indent (左邊縮入)設定為 12 pixels, 如下圖所示:

ebook-making-indesign-cs55-43

點擊 OK 按鈕, 網址文字段落的風格又成功設定了- 一般字體, 和下面的段落有 10 pixels 的空間距離, 及左邊縮排 12 pixels。

ebook-making-indesign-cs55-44

接下來當然是測試這次 ePUB 檔案的效果是否和 InDesign 文件編排的一樣, 所有設定的風格會否在 Export 往 ePUB 檔案後同樣的被刪除呢? 我會在下一篇文章和大家一起討論。

Leave a Reply

Your email address will not be published. Required fields are marked *