PDF EPUB SWF Acrobat CSS DPS EPUB3epaper.gotop.com.tw/pdf/icu060900.pdf · 以 Acrobat...

13
數位出版無疑是近一二年來最火熱的話題出版業界閱讀器軟體開發平 還是平板電腦製造商不管是扮演內容提供者的角色或是閱讀器平台與設備裝置 提供者大家都卯足了勁要搶食這塊方興未艾的大餅雖然國外的英文出版市場早已如 火如荼的進展中但台灣市場還只能算在起步的階段本書第一篇將介紹常見的電子書 格式並說明使用者應先具備哪些 InDesign 的基礎操作才能在後續的章節中游刃有 第二篇我們要學習如何在 InDesign 中將稿件轉存為 PDFEPUB SWF 格式Acrobat 做進階的組合與編輯然後透過 Adobe Digital Editions 閱讀器檢視轉存後的 電子書另外學會以 CSS 樣式表控制文件的外觀再透過 Sigil 這個自由軟體可以 讓電子書的編修更有效率學會本篇所介紹的各種軟體和工具讓您對標準電子書的製 作功力更上層樓而為了因應互動式電子書時代的來臨各家出版物編輯軟體無不絞盡腦汁於軟體的 更新在多媒體軟體的指標性公司 Adobe 所推出的線上數位出版服務DPSDigital Publishing Suite計劃InDesign 5 5.5 扮演著相當重要的關鍵角色為了能在 iPad Android 平台上閱讀互動性高的電子雜誌從去年就開始進行 DPS 計劃終於 在今年 5 月正式發表只要利用 InDesign 5 5.5 就可以輕鬆地將原有的紙本書排版稿 轉換為具有各種互動功能的電子書本書的第三篇將詳盡的介紹如何製作互動式電 子雜誌並將完成的出版物上傳到 iPad Android 系統的裝置上閱讀本書編撰期間要感謝許多人的支持包括銳通國際股份有限公司的葉國經先 授權我們使用精彩的生命之水中的圖片影片和文字資料作為本書的範例 素材以及資策會創新應用服務研究所智慧應用標準組的王嗣偉先生EPUB 格式上所給予的諮詢協助他也是負責國內 EPUB3.0 標準化及 Sigil 軟體中文化 的重要功臣祝福他一切順利!)。此外也要感謝碁峰資訊師範大學謝建成 教授在硬體裝備上的支援多虧了這麼多貴人的幫助才能讓這本書問市心中除了 感謝還是感謝當然還要謝謝志凌資訊顧問夥伴們的通力合作以及碁峰資訊全力配合的 印製與行銷作業沒有您們的辛勞本書就無法順利出現在讀者的面前最後要誠摯 地感謝所有的讀者您每購買一本書對我們都是莫大的支持與鼓勵請繼續給予鞭策 與推薦讓我們的作品更能滿足您的需求也讓我們知道好書不會寂寞志凌資訊顧問 郭姮劭 201110月於台中 志凌數位學習網http://www.yesgood.com.tw 歡迎加入Facebookhttp://www.facebook.com/surpro

Transcript of PDF EPUB SWF Acrobat CSS DPS EPUB3epaper.gotop.com.tw/pdf/icu060900.pdf · 以 Acrobat...

Page 1: PDF EPUB SWF Acrobat CSS DPS EPUB3epaper.gotop.com.tw/pdf/icu060900.pdf · 以 Acrobat 做進階的組合與編輯;然後透過 Adobe Digital Editions 閱讀器檢視轉存後的

「數位出版」無疑是近一、二年來最火熱的話題,出版業界、閱讀器軟體開發平

台、還是平板電腦製造商,不管是扮演內容提供者的角色,或是閱讀器平台與設備裝置

提供者,大家都卯足了勁要搶食這塊方興未艾的大餅。雖然國外的英文出版市場早已如

火如荼的進展中,但台灣市場還只能算在起步的階段。本書第一篇將介紹常見的電子書

格式,並說明使用者應先具備哪些 InDesign 的基礎操作,才能在後續的章節中游刃有餘。

第二篇我們要學習如何在 InDesign 中將稿件轉存為 PDF、EPUB 和 SWF 格式,再以 Acrobat 做進階的組合與編輯;然後透過 Adobe Digital Editions 閱讀器檢視轉存後的電子書。另外,學會以 CSS 樣式表控制文件的外觀,再透過 Sigil 這個自由軟體,可以讓電子書的編修更有效率。學會本篇所介紹的各種軟體和工具,讓您對標準電子書的製

作功力更上層樓!

而為了因應互動式電子書時代的來臨,各家出版物編輯軟體無不絞盡腦汁於軟體的

更新。在多媒體軟體的指標性公司 Adobe 所推出的「線上數位出版服務(DPS,Digital Publishing Suite)計劃」中,InDesign 5 或 5.5 扮演著相當重要的關鍵角色。為了能在iPad 或 Android 平台上閱讀互動性高的電子雜誌,從去年就開始進行 DPS 計劃,終於在今年 5 月正式發表。只要利用 InDesign 5 或 5.5 就可以輕鬆地將原有的紙本書排版稿件,轉換為具有各種互動功能的電子書。本書的第三篇將詳盡的介紹如何製作互動式電

子雜誌,並將完成的出版物上傳到 iPad 或 Android 系統的裝置上閱讀。

本書編撰期間要感謝許多人的支持,包括「銳通國際股份有限公司」的葉國經先

生,授權我們使用精彩的「生命之水」中的圖片、影片和文字資料,作為本書的範例

素材。以及資策會「創新應用服務研究所」之「智慧應用標準組」的王嗣偉先生,在 EPUB 格式上所給予的諮詢協助(他也是負責國內 EPUB3.0 標準化及 Sigil 軟體中文化的重要功臣,祝福他一切順利!)。此外,也要感謝「碁峰資訊」及「師範大學謝建成

教授」在硬體裝備上的支援;多虧了這麼多貴人的幫助,才能讓這本書問市,心中除了

感謝還是感謝。

當然還要謝謝「志凌資訊顧問」夥伴們的通力合作,以及「碁峰資訊」全力配合的

印製與行銷作業,沒有您們的辛勞,本書就無法順利出現在讀者的面前。最後,要誠摯

地感謝所有的讀者,您每購買一本書,對我們都是莫大的支持與鼓勵,請繼續給予鞭策

與推薦,讓我們的作品更能滿足您的需求,也讓我們知道好書不會寂寞!

志凌資訊顧問 郭姮劭

2011年10月於台中

志凌數位學習網:http://www.yesgood.com.tw

歡迎加入Facebook:http://www.facebook.com/surpro

Page 2: PDF EPUB SWF Acrobat CSS DPS EPUB3epaper.gotop.com.tw/pdf/icu060900.pdf · 以 Acrobat 做進階的組合與編輯;然後透過 Adobe Digital Editions 閱讀器檢視轉存後的

4-1 將文件轉存為列印用的 PDF

4-2 將書冊轉存為 PDF

4-3 建立互動式的 PDF 文件

4-4 轉存為互動式 PDF

輸出為 PDF 格式4

由於 PDF格式可以保留來源檔案所使用的字型、影像和版面配置,因此已成為印刷出版界所採用電子文件交換

的標準格式,任何人只要有免費的閱讀器(例如:Adobe Reader)就可以檢視檔案。本章將介紹如何將 InDesign中的文件轉存為電子書所使用的 PDF。

Page 3: PDF EPUB SWF Acrobat CSS DPS EPUB3epaper.gotop.com.tw/pdf/icu060900.pdf · 以 Acrobat 做進階的組合與編輯;然後透過 Adobe Digital Editions 閱讀器檢視轉存後的

4-2

4-1 將文件轉存為列印用的 PDF

印刷用的文件在轉存為 PDF 時,有許多選項要設定,通常我們會先建立好自訂的預設集,方便轉存時選取,不同的電腦間可以用「載入」預設集的方式讓文稿具有相同標準的 PDF 格式。以下我們以現有的文稿為例示範如何轉存。

01 開啟要轉存的文件後,執行 檔案 >轉存 指令。

�轉存文件前最好先檢查文件,以確認是否

符合印刷廠商的規格,可以透過 預檢 功

能(視窗>輸出>預檢)確認影像解析度和色域是否正確,字體是否可用並可嵌入,

以及圖形是否為最新⋯等。

說明

Page 4: PDF EPUB SWF Acrobat CSS DPS EPUB3epaper.gotop.com.tw/pdf/icu060900.pdf · 以 Acrobat 做進階的組合與編輯;然後透過 Adobe Digital Editions 閱讀器檢視轉存後的

4 輸出為 PDF 格式

4-3

�當開啟要轉存的文件時,若出現 遺失字體 的訊息,請依照遺失字體的處理方式進行字型的取代或補安裝字型(參閱 3-1-3 節)。

02 指定檔案名稱與儲存位置,在 存檔類型 中選擇 Adobe PDF (列印 ),按【存檔】鈕。

1

2

3

Page 5: PDF EPUB SWF Acrobat CSS DPS EPUB3epaper.gotop.com.tw/pdf/icu060900.pdf · 以 Acrobat 做進階的組合與編輯;然後透過 Adobe Digital Editions 閱讀器檢視轉存後的

4-4

03 出現 轉存 Adobe PDF對話方塊,在 一般 標籤中執行以下操作:

▉ 要使用預先定義好的工作選項集,請從 Adobe PDF預設 選單中選取,這些設定是特別設計作為平衡大小與品質之用。

選此項可縮小 PDF檔案大小

▉ 除了可以從 Adobe PDF預設 選單中選取 PDF/X 預設集外,也可從 標準 選單中選取預先定義的 PDF/X 格式。

▉ 在 相容性 選單中選擇開啟文件時所需的最低 PDF 版本。

▉ 指定轉存的頁面範圍,決定是否要轉存

文件中的所有圖層內容,或是可見的圖

層內容。轉存後若要立即檢視可勾選 轉存後檢視PDF 核取方塊;包含 中的設定與互動性有關,通常列印用的 PDF 可以不需設定。

Page 6: PDF EPUB SWF Acrobat CSS DPS EPUB3epaper.gotop.com.tw/pdf/icu060900.pdf · 以 Acrobat 做進階的組合與編輯;然後透過 Adobe Digital Editions 閱讀器檢視轉存後的

4 輸出為 PDF 格式

4-5

若要直接以列印用的文件轉存為電子書使用,Adobe PDF預設 選擇「高品質列印」可確保

電子書內的圖片具有足夠的解析度,且容量也不會過大,非常適合於網路傳輸與下載。若文

件中有互動效果或多媒體,相容性 要選擇「Acrobat 8(PDF1.7)」以上;此時可視需要勾選

包含 中的選項:

�書籤:可為目錄項目建立書籤並保留目錄層級,書籤 面板中所指定的資訊會建立書

籤。

�超連結:為 InDesign 中的超連結、目錄項目和索引項目建立 PDF 超連結。

�可見的參考線和基線格點:轉存目前文件內可見的邊界參考線、尺標參考線、欄參考線

和基線格點;轉存格點與參考線的顏色和文件中使用的一樣。

說明

�非列印物件:若將物件指定為 屬性 面板的「非列

印」選項,表示列印時不會印出;此處若勾選則會

將設定為「非列印」的物件在轉存時也印出。

�互動元素:選擇「包含外觀」會在 PDF 中包含按

鈕與影片等互動元素的外觀(海報),但不具互動

功能。文件中若有互動元素,轉存時在 存檔類型

中要選擇 Adobe PDF (互動式),請參閱 4-4 節。

04 標記和出血 標籤請勾選 使用文件出血設定 核取方塊;若要轉存作為電子書則不要勾選。

Page 7: PDF EPUB SWF Acrobat CSS DPS EPUB3epaper.gotop.com.tw/pdf/icu060900.pdf · 以 Acrobat 做進階的組合與編輯;然後透過 Adobe Digital Editions 閱讀器檢視轉存後的

6-1 錨定物件

6-2 使用文章面板

6-3 定義樣式標記對應

6-4 物件的轉存選項設定

6-5 將內容轉存為 EPUB

輸出為 EPUB 格式6

我們已經知道 EPUB是一種開放的電子書標準,幾乎支援所有種類的閱讀器,但對於不具有程式編輯能力的設計師來

說,使用 InDesign CS5.5是一種最快將文件轉換為 EPUB格式的捷徑。尤其新版本 CS5.5中新增了一些功能,可以對轉存的排版檔提供更好的工具和管道,減少後續再處理的

時間。您不需要懂這些讓人害怕的程式語法,就能將「視覺

化」的排版內容,輕鬆的轉存為圖文並茂的 EPUB電子書。

Page 8: PDF EPUB SWF Acrobat CSS DPS EPUB3epaper.gotop.com.tw/pdf/icu060900.pdf · 以 Acrobat 做進階的組合與編輯;然後透過 Adobe Digital Editions 閱讀器檢視轉存後的

6-2

6-1 錨定物件EPUB 格式電子書的最大特色就是會隨著閱讀器視窗的大小,自動重新排列內容,通常以

InDesign 排版的文件,可以很靈活的排列文字和影像物件,但也因此在轉存為 EPUB 時,文字和物件間的關係可能會變得很混亂,而產生非預期的結果。這使得 EPUB 格式的電子書受到版面配置及外觀樣式的限制而顯得有些陽春又不夠生動,因此一般只有文字較多、圖片較少之類的書籍適合,如

果您懂得 HTML 和 CSS 語法那就另當別論。

在 CS5.5 以前製作此類格式的電子書時,通常要將所有文字框串連起來,若有圖片或物件,則必須嵌人(錨定)到文字框中,以確保圖片會隨著文字內容正確的排序。錨定物件 的功能用來將物件附加(或錨定)到特定的文字上,例如:將影像錨定到某個段落上,當該段落的文字重排時,這個

錨定物件(影像)會隨著包含錨點的文字移動,讓圖文有連動的關係。

6-1-1 建立錨定物件設定錨定物件的程序有些繁複,還好在 InDesign CS 5.5 中新增了使用「拖放」的方式來處理

錨定物件,讓這個作業變得簡單多了!

01 開啟範例檔案「Water Life_錨定物件 .indd」,文件中包含文字與圖片,執行 文字 >顯示隱藏字元 指令,將段落標記顯示出來。

文字流

Page 9: PDF EPUB SWF Acrobat CSS DPS EPUB3epaper.gotop.com.tw/pdf/icu060900.pdf · 以 Acrobat 做進階的組合與編輯;然後透過 Adobe Digital Editions 閱讀器檢視轉存後的

6 輸出為 EPUB 格式

6-3

02 以 選取工具 點選第一頁第一欄下方的影像會顯示控制點,將滑鼠移到右上方的藍色控制點上出現如下圖的提示。

說明

03 本例中請拖曳藍色正方形到上方的文字段落上要物件錨點顯示的位置,如右圖所示。

轉存為 EPUB時,圖片會隨錨點位置移動,因此不一定要錨在文字框的段落結束位置;要變

更錨定位置,只要再拖曳錨點符號到新位置即可。

04 頁面上會顯示「錨點標記」,可以清楚的看到錨點與文字的關係(多按幾個空白鍵就可看清楚錨點標記)。

錨點符號錨點標記

Page 10: PDF EPUB SWF Acrobat CSS DPS EPUB3epaper.gotop.com.tw/pdf/icu060900.pdf · 以 Acrobat 做進階的組合與編輯;然後透過 Adobe Digital Editions 閱讀器檢視轉存後的

6-4

�拖曳時若按住 鍵,則會建立內嵌物件,影像會成為文字流的一部分。

�拖曳時若按住 鍵,會開啟 錨定物件選項 對話方塊,可做進一步的選項設定。

�執行 檢視>其他>顯示串連文字 指令,可以檢視從錨點標記延伸到物件上控制點的虛

線;若物件上的錨點符號未顯示出來,請執行 檢視>其他>顯示框架邊緣 指令。

說明

►►影像成為內嵌物件

Page 11: PDF EPUB SWF Acrobat CSS DPS EPUB3epaper.gotop.com.tw/pdf/icu060900.pdf · 以 Acrobat 做進階的組合與編輯;然後透過 Adobe Digital Editions 閱讀器檢視轉存後的

7-1 下載 ADE

7-2 使用 ADE 瀏覽電子書

7-3 以 ADE 管理電子書

以 ADE 閱讀器檢視電子書7

Adobe Digital Editions(簡稱 ADE)是一種針對數位出版而推出的豐富型網際網路應用程式(RIA),它提供了簡化的方式來取得、管理和閱讀數位出版品,由於支援 DRM(數位權限管理)的保護機制,因此已有愈來愈多的線上出版商

或圖書館單位使用該介面作為閱讀與管理的機制,例如:台

北市立圖書館。前面章節中我們從 InDesign將文件轉存為PDF及 EPUB格式的電子書後,即可透過 ADE來檢視電子書的內容。

Page 12: PDF EPUB SWF Acrobat CSS DPS EPUB3epaper.gotop.com.tw/pdf/icu060900.pdf · 以 Acrobat 做進階的組合與編輯;然後透過 Adobe Digital Editions 閱讀器檢視轉存後的

7-2

7-1 下載 ADE

ADE 具有以內容導向且簡單好用的使用者介面,它以網路為主的 RIA 形式提供,因此能確保使用者使用的軟體是最新版本。安裝方式可直接造訪 Adobe Digital Editions 網站,或是當您購買電子書或向圖書館借閱時,透過提示來下載安裝。以下我們直接造訪 ADE 網站進行下載與安裝:

說明在安裝 ADE前請先關閉所有開啟中的應用程式,尤其是 Adobe Acrobat或 Reader軟體。

01 開啟瀏覽器後在搜尋欄位中鍵入「ADE下載」,點選顯示的下載網頁超連結。

1

2

02 出現 Adobe Digital Editions的網頁,向下捲動頁面,當該部電腦尚安未裝 ADE時,會顯示安裝的提示,請點選「安裝」。

Page 13: PDF EPUB SWF Acrobat CSS DPS EPUB3epaper.gotop.com.tw/pdf/icu060900.pdf · 以 Acrobat 做進階的組合與編輯;然後透過 Adobe Digital Editions 閱讀器檢視轉存後的

7 以 ADE 閱讀器檢視電子書

7-3

►►若已安裝則會顯示「啟動」,點選即會開啟 ADE

03 出現安裝警告訊息,按【安裝】鈕。

04 出現安裝程式的畫面,按【是】鈕。

05 選取要安裝的元件,按【下一步】鈕。