Jutoh作書三部曲之三“Sigil精細調整Epub”

作者:admin  發表時間:  所屬分類:制作技巧

此文是 Jutoh 作書三部曲的第三部分。

第一部分見:Jutoh作書三部曲之一“Word 模板的使用”

第二部分見:Jutoh作書三部曲之二“Jutoh 制作電子書流程”

sigil的安裝與使用請自行學習,以下只針對技巧進行解說

##補充元數據
71

這個是現在書籍的元數據,如果隨便看看,這樣也沒有什么問題。
如果要求比較高,可以自己填寫其他信息。
72

但是使用sigil一個個填寫太浪費時間,我們只用豆瓣的元數據。

1、將文件放進calibre里

2、右鍵–修改元數據。
73

如圖所示的地方進行設置,中文書籍選擇【douban book】即可
3、點擊下載元數據
過一會,douban的服務器就連上并找到書籍了。如果擔心書籍重名,可以實現查詢書籍的ibsn填入元數據中,這樣檢索豆瓣數據的時候就很快。
74

4、封面
如果你自己的書籍有封面就跳過這一步,如果沒有可以在這一步下載封面。
不過這里下載封面清晰度很低,不推薦
75

5、下載完畢后打開書籍所在目錄,打開opf文件(用文本編輯器即可)
76

選擇復制進sigil的的opf文件即可
77

78

##添加多看全屏屬性
就是在content.opf里的下把需要全屏顯示的頁后面都加上properties=”duokan-page-fullscreen”比如:
79

在多看里就可以完美全屏了,當然只能在多看里這樣用,別的閱讀器是沒用的。
切記一點,需要多看全屏的HTML必須只含有一個圖片,如果出現文字,就會導致屬性失效

錄制了一個動圖
80

##替換封面
雖然在jutoh中可以設置封面,如果后來我們想替換封面也很簡單。
將說要替換的封面改為CoverDesign.jpg,然后重新定義封面屬性
81

下面講一下css的輕微調整,高手可以掠過,都是非常基礎的東西:

1、首先是行首縮進的設置。
請看截圖。
css中使用 text-indent來控制行首縮進
text-indent: 2em; 的意思就是行首縮進2個字符
82

83

2、其次是段落間距的控制
比如我們覺得正文和引用之間的距離 太小了,需要增大。使用margin來進行控制

margin-top: 0.00em;
margin-bottom: 0.00em;
margin-left: 0.00em;
margin-right: 0.00em;

84

當然,簡單的寫法可以這樣寫:

.P_Quote {margin: 0em 0em 0em 0em;}

你還可以這樣寫
85

希望大家通過這個舉一反三,其他段落之間的行距控制,也是同樣道理

3、字體、字號的設置
我發現目錄的字體、字號不和我的習慣。只要簡單的復制粘貼就可以修改字體啦。
86

4、文字顏色和背景顏色的控制
文字顏色可以使用color控制,而背景顏色使用 background-color

5、行高和對齊方式
1)使用word 的同學都知道行距吧,那么在css中行距是什么呢? 就是這個line-height啦,調整可以看到效果很明顯。
88

2)對齊方式的設定和word完全類似。
89

簡單的教程就到這里,任何有關css和sigil的疑問可以在樓下提出。我盡力解答

對于css的使用和意義有任何不明白的可以先去
http://www.w3school.com.cn/css/index.asp

右上角搜索欄輸入你不明的代碼,比如font-weight、text-align 這些就能找到十分詳細的使用規則和說明。
例如【font-weight是什么】這種問題,我給你的答案也只會是 請去上面的網址,自己學習。

(1)條評論

  • mustufu

    |

    您好,我想請問標點在直排時,有可能會歪掉不知是什麼緣故?
    http://miupix.cc/pm-QBXIL9 如圖所示
    是要在word時就解決嗎?但是用word看出來時還是正常的

    不知道這是屬於哪方面的問題?
    謝謝您?

    回復

您的留言是我最大的支持!

Icon 精誠合作
規范高效的協同制作流程
Icon 精心校對
不向任何細小的錯漏妥協
Icon 精美排版
讓電子閱讀成為美的享受
Icon 精益求精
持續不斷地探尋技術進步
竞彩足球跟单30天了