寫給電子書製作的最最最最最基礎流程！
收到一封來信，問我能不能教學，做電子書這件事！教電子書製作我很樂意，其實也不難（可能我覺得沒有很難！）基礎有了後續的細緻度和變化再加進來，做好一本電子書真的沒有很難。但什麼是基礎呢？
讓我回想一下我學做網頁的年紀好了，其實我是到讀了職校才覺得「上學有趣」，職校生很多科目不背課本，有很多東西需要「實作」（實際應用）比如說學程式語言，你會先懂一些程式碼，然後知道怎麼利用它們寫出可以執行的一個指令，像是加減乘除運算，或是以音階發出一首歌曲（那是個只有DOS的年代。）或是文書處理軟體，你要先搞懂word能幫你做什麼（這後來是win95時代了）接著高階一點，可能有學做網頁（要看懂html碼）、動畫（要算格子和畫圖、拆圖），還有更高階的C++這種我沒學好的東西。
因為覺得有趣，也能做出「我想做的事」所以我還算喜歡這些課程，但也因為我從小鍾情版面，所以對word、網頁軟體、繪圖軟體比較感興趣，於是走上跟大部分同學畢業後不同的路，也因為在學校學過這些東西，讓我在排版和做電子書有更快的理解和領悟力。
那麼學電子書製作的第一件事是什麼？
很有可能要先是「你要對它有興趣」，然後是你想拿它來做什麼？再來是你要怎麼做好它，所以一開始該做些什麼？
一、去找一本電子書來看
（包括出版界要做電子書的所有人都是，不要自己做電子書來賣，還大剌剌的說自己都沒有在看電子書！）
拜託都要做了，去買一本書來看，或是不買也去打開一本電子書來看，這件事不困難吧！圖書館明明就能借。（但是圖書館的介面可能需要再加強一下）
※
二、弄清楚什麼是流式，什麼是版式：
流式：
可以透過閱讀的介面去調整文字大小、行距、版面距離、直橫轉換的選項，所以它不會有頁碼！不會有固定的頁碼！（這很重要，在你和別人溝通的時候，你必須搞清楚這件事，你才不會有問題要問別人，別人聽不懂你的問題在哪裡！）
版式：
「固定的」版面，它每一頁是「一張圖」，你可以點圖用兩個手指去縮放版面，挪到你想要看的那個位置。通常出現在圖文書，如果文字書做成版式，很有可能是早年只用pdf的格式去上架。
※
三、打開電子書去認識所有版面上的選項
目錄多半在左上角的功能鍵按一下會出現，我們會稱呼它為「導覽列」。
橫式的書籍下一頁是點畫面的右邊，直式的書籍下一頁是畫面的左邊。（有些閱讀器或介面可以設定輕按畫面左右兩側或上下換頁，也有些機器有換頁的按鍵。）
通常按畫面正中間，可以「叫出工具列」（有些能設定是點上方或中間），以及畫面的下方會出現「進度條」告訴你所在的位置是在哪一個章節，以及這個章節你閱讀的進度！（流式字越大頁數越多，字越小頁數就越少，沒有第幾頁這回事，你的第幾頁不是我的第幾頁！）
電子書跟紙本書的閱讀慣性不一樣，通常流式的純文字數不建議做「目錄頁」，因為沒有人會翻回去看那一頁，「導覽列」都有的東西，實在不需要多做那個檔案。
1～3你要搞懂，你才會知道從何下手：「怎麼樣才能做出這樣的東西？」「用什麼工具？」「用什麼樣的語法？」你要很確切的知道「你想要做出什麼東西！」
要有熱烈的渴望，你就會想辦法去把它們搞懂，而且真的是「一個步驟一個步驟」，你沒有實作，你就不可能看著別人的文或影片就做出來！（我初期也經常是要一個一個CSS寫，一個一個功能試的人！）
※
四、從頭開始做起，從「編輯」這件事開始！
要認識「編輯」和「製作電子書」是兩種不同的領域，你得先學會編排好自己的內容，再進入製作電子書的階段。
以流式來說書裡會有什麼？以下每列一種，就是一個xhtml檔，不同文章、不同篇名、不同項目，都是一個檔案。
0.目錄，也就是「導覽列」的順序（檔名通常為toc.xhtml，它必須被宣告為nav）
1.書封
2.書名頁（有時也會放在7.內文之前）
3.作者簡介
4.書籍簡介
5.序文推薦（任何）
6.章名頁／篇名頁／輯名頁
7.內文（每一章節一個檔，除非你單一檔案超過10MB或超過八萬字），內文裡有什麼？
a.文章的標題：或數字的分篇、分章
b.主要的文字
c.注解標號：在html的專有名詞是要設一個錨點
d.字體變化：粗體、斜體、楷體、宋體（在indesign裡叫「字元樣式」，用在「段落格式」中間要變化的字體）
e.段落變化：空一行，不空行，首行縮排、凸排（在indesign裡叫「段落格式」）
f.外連網站的網址或email連結，你必須幫它做超連結的樣式
g.文末的注解：要彈開視窗要有彈出視窗的連結，也要有互相連回文字中的錨點的返回鍵
8.後記
9.索引／參考資料／年表
10.版權頁（有人放在前面，但不建議）
11.封底
除了目錄、封面、內文以外，其他的東西都是依情況或有或無。
基本上，上面列的就幾乎是「導覽列」的細節了。
——
版式的電子書就是一頁一張圖，它依然有上述流式的文字、格式、圖文整理的過程，多一道步驟是要先排好版，建議用indesign排好版轉epub檔，包括如果要做注解、連結也在indesign製作比較方便。（其他製作軟體我沒研究過，如果我有空研究我再寫）如果要有「搜尋文字」的功能，要一頁一頁把該頁的文字用語法寫進xhtml裡。
其他編輯的部分就不綴述了，如果你是個人出版，基礎編輯文字的整理事項請去參考我寫過的其他文章：vocus.cc/salon/sunli... ）
※
五、認識電子書的結構組成
電子書是由xhtml檔組織而成的，xhtml裡的格式變化是透過CSS語法來控制，相對應的需要一些圖檔，像是封面、書名頁、篇名頁⋯⋯都有可能做成圖片格式。
版式也一樣，只是版式是一個xhtml裡放一張圖，而流式是可以一個xhtml裡放數張圖。（要留意的是平台有限制，一個xhtml的檔案加圖檔，檔案大小不能大於10MB，對，你還得搞清楚什麼是檔案大小、MB是什麼？）
除了內容的xhtml、jpg（圖片）、CSS檔外，它還得有一個導覽列的xhtml檔案，指定為它是這本書的導覽列，另外還有一個opf檔用來定義所有檔案的用處，宣告它們是什麼，功能為何？
你得打開一個opf檔來看，再找相關的教學對照，<manifest>裡要放什麼，格式為何？<spine>裡要放什麼，格式又是什麼？還有其他相關的設定你要怎麼寫、怎麼修改？（其實打開一個範本就知道那個位置要放什麼了，你只要打開看然後想一下、對照一下，沒有很難。）
台灣 EPUB 3 製作指引有非常多的說明和可使用的範本，你都可以參考！
你也應該熟悉一下「路徑位置」，像是在資料夾xhtml裡，你的ch001.xhtml檔案放在xhtml之下的xhtml裡，那麼你在opf的路行就要寫對：href=”xhtml/ch001.xhtml”。
※
六、製作電子書所需要的工具
解開一本epub檔案，是改副檔名為.zip（對，你還得懂什麼是「副檔名」，以及怎麼更改它）然後解壓縮後會有一個資料夾，裡面會有一本電子書所有的資料，如上面第五項所有的內容。
接著你要有編輯xhtml的軟體，或者你用任何一個產生電子書的軟體去做編排（那不在我的說明和教學範圍裡）請自行搜尋你最後決定使用的軟體去學習。
原則上看得懂html和css的人，我都建議你「自己寫」.xhtml檔案（CSS甚至可以以台灣 EPUB 3 製作指引中提供的範本來使用），不需要透過電子書製作軟體。
不用電子書製作軟體怎麼看.xhtml和opf呢？我使用dreamweaver，最簡單的可以用文字編輯器或記事本開啟就好。或是也有一些程式編寫軟體也能打開。（ChatGPT是推薦我：Visual Studio Code）
如果是懂indesign做版面的人，我的建議是你從indesign轉檔成epub檔後，解壓縮去修改css格式最快。當然，你需要會使用或稍微看得懂CSS，也可以透過坊間找得到的電子書製作軟體去修改格式也是可以的！不過電子書製作軟體通常不會有直橫互轉的CSS設定方式，如果你要做到，還是得研究一下CSS！
最後你要把解開zip且修改後的資料夾用「EPUB-Checker」重新打包成epub格式，：epubchecker，然後再上傳讀墨提供的「moopub」幫你再次檢查檔案（讀墨有一些規定，如果你要上架讀墨，這個檢查是最後一步。）
※
七，學習看懂簡單的html和CSS：
1.<p></p>是一個段落的起始和結束。
像是：<p>這是我的第一段文字</p>
<p>裡如果有class=”首行縮排兩字”，代表這段文字被設定為「首行縮排兩字」。
例如：
<p class=”indent-2em”>我這段字的首行要縮排兩個字。我這段字的首行要縮排兩個字。我這段字的首行要縮排兩個字。我這段字的首行要縮排兩個字。</p>
它就會變成：
我這段字的首行要縮排兩個字。我這段字的首行要縮排兩個字。我這段字的首行要縮排兩個字。我這段字的首行要縮排兩個字。
*
2.<span></span>是控制段落裡的字元樣式
像是：<p>這是我的第一段文字，我在說明span的用處。</p>當「說明span的用處」要設成粗體的話，就會這樣寫：
<p>這是我的第一段文字，我在<span class=”bold”>說明span的用處</span>。</p>
（你如果indesign的段落格式和字元樣式用得好，很會用，那你看xhtml碼就比較能融會貫通）
*
3.<br/>
它代表空一行，在段與段之間空一行
像是：
<p>我是第一段</p>
<br/>
<p>我是第二段</p>
會變成下面這樣：
我是第一段
我是第二段
*
差不多看懂這幾個html碼，你就能做簡單的修改。
上述的class=””中的名稱都是使用者自訂，要在.css檔裡加進控制的語法，如果你有興趣，去找一本css的書來看，可以讓你去修改文字的樣式、段落的格式。
如果是現成的epub檔只是要改字，你根本不需要任何特定的任何軟體，用文字編輯器打開修改就可以了。
本來想繼續列，但再列就是更進階的內容了。除了學用「電子書製作軟體」或是像我是從indesign轉檔搭夠充足的CSS範本來修改、調整的後續外，上述七點，大概是我想得到最基礎的電子書製作一開始的入門需要弄懂的事情了！
沒有搞懂這些事，你會一直在很多該懂而沒懂的地方碰壁。像是流式和版式，弄清楚不是最基本的事嗎？或是電子書的介面怎麼操作，你都沒搞懂，要怎麼做電子書呢？又或者是，你只想上架交差，卻從來不打開電子書來使用，然後逕自的認為電子書沒市場，怎麼可能做出一本使用者讀得下去的電子書呢？
此篇文章不附任何步驟圖，可以的話，打開自己去找、去試，動手搜尋，會是最好記住的方式。
學起來，就是你的！
好啦，有問題可以問啦，有空我會寫啦。當然，你不想研究，也可以發給我做，發之前可以參考這篇：關於（找我）排版、電子書製作的兩三事！
圖：20241120大阪，Canon EOSM50