製作電子書的軟體不只一種，這裡用的是 Sigil（1.9.30 版）這個免費軟體。想照著以下步驟練習的朋友，請到官網下載。
※ 網站提供的 Sigil 和 PageEdit 兩個軟體都要安裝，這樣才能完整地使用 Sigil 編輯自己的電子書唷！
Step 1 置入素材
這個步驟都在【書本瀏覽器】操作，它是電子書的資源庫，所有檔案都能在這裡找到，可以把它當成「收納櫃」，用不同資料夾﹙隔層﹚將各式資料分門別類存放。
- 加入樣式表
- 點開「Styles」資料夾
- 選到「sgc-nav.css」樣式表，按右鍵「刪除」
- 點擊彈出視窗「刪除標記的檔案」鈕
- 回到「Styles」資料夾，按右鍵「增加已存在的檔案」
- 框選「book-style.css、fixed-layout.css、sgc-nav.css」等樣式表後，按「開啟」
- 加入圖片
- 點選「Images」資料夾，按右鍵「增加已存在的檔案」
- 全選圖片﹙.jpg、.png 檔﹚後，按「開啟」
- 貼上純文字
- 開啟整理過的 .txt 純文字檔，全選﹙Ctrl+A﹚⇢ 複製﹙Ctrl+C﹚
- 回到「Sigil」，左鍵點兩下書本瀏覽器的「Section0001.xhtml」頁面
- 按「執行外部 Xhtml 編輯器」
- 切換到「PageEdit」，按「將剪貼簿的內容貼上到檔案中」
- 確認全文都已貼上，按「儲存目前的檔案」
- 關閉「PageEdit」，再次回到「Sigil」
Step 2 製作封面
- 新增封面
- 點開功能列的「工具」選單，按「新增封面」
- 點一下彈出視窗左列的「圖片」，選取封面圖﹙cover.jpg﹚後，按「確定」
- 左鍵點兩下書本瀏覽器的「cover.xhtml」頁面
- 在編輯區的<head></head>之間貼上語法
- 貼上<meta charset=”UTF-8″/>
- 貼上<meta name=”viewport” content=”width=封面寬, height=封面高”/>
- 將「封面寬、封面高」改為封面實際寬高﹙可參照新增封面功能自動帶出的數值﹚
- 連結樣式表
- 點選「cover.xhtml」頁面，按右鍵「連結樣式表」
- 勾選彈出視窗的「fixed-layout.css」樣式表後，按「確定」
Step 3 設定標題
- 連結樣式表
- 點選「Section0001.xhtml」頁面，按右鍵「連結樣式表」
- 勾選彈出視窗的「book-style.css」樣式表後，按「確定」
- 設定標題層級
- 參照原書目錄，確認內文各級標題
- 切換到「PageEdit」，按「在頁面中尋找文字」
- 在「搜尋欄」輸入「第一回」後，按「Enter」﹙被搜尋的文字會呈現橘色﹚
- 將滑鼠移至橘色文字上，點擊左鍵，讓游標停在該處
- 點開「設定選取的文字的標題等級」，選取「標題 1」﹙共二十回，請重複步驟設定完成﹚
Step 4 分割內文和分頁命名
分頁只能以「英文、數字、-、_」命名，建議改為容易辨認的名稱，方便日後修改時容易尋找內文。
- 分割內文
- 參照目錄和內文字多寡，確認章節如何分割
- 游標移到要分割的章、節文字前，按「插入 Sigil 分割檔案標記」
- 確認分割標記位置後，按「儲存目前的檔案」
- 關閉「PageEdit」，回到「Sigil」
- 點開功能列的「編輯」選單，按「從標記分割」
- 分頁命名
- 點選要更改名稱的 xhtml 頁面，按右鍵「重新命名」
- 輸入新名稱後，按「Enter」
Step 5 建立書籤、目錄頁
Step 3 和 Step 5 順序不可顛倒，因為產生目錄功能是依據標題層級自動帶出目錄。
- 自動產生目錄
- 確認標題都設好，按「產生目錄」
- 檢查「標題」有無缺漏，「層級」是否正確﹙左右鍵可調整階層﹚
- 勾選「只顯示目錄條目」
- 選擇要包含在目錄中的標頭，按「確定」
- 連結樣式表
- 滑鼠移到「nav.xhtml」頁面上，按住左鍵不放，拖曳到「cover.xhtml」頁面下
- 停在「nav.xhtml」頁面，按右鍵「連結樣式表」
- 勾選彈出視窗的「sgc-nav.css」樣式表後，按「確定」
Step 6 建立書目資訊
- 按「中繼資料編輯器」
- 在首個彈出視窗的「標題」值欄位快按左鍵 2 下，填上「書名」
- 點擊「加入中繼資料」按鈕
- 在第二個彈出視窗點選「作者」後，按「確定」
- 在首個彈出視窗的「創作者」值欄位快按左鍵 2 下，填上「作者名」後，按「確定」
- 按「儲存」