かんたん電子書籍作成の小ネタ

2013/3/21 [12:48:36] (木) 天気

「EPUB3::かんたん電子書籍作成」(http://books.doncha.net/epub/)に限った話ではなくて、EPUB3のHTMLにスタイルシートを直接書き込んで調整。


かんたん電子書籍作成は、面倒くさそうなものは極力見せない方針で、今日時点で用意しているオプションも小見出し・扉・挿絵・縦中横・ルビ程度(中は単純なHTMLなので、ここで作ったファイルをひな形として、高度なレイアウトデザインは直接HTMLやCSSをいじり倒して編集してもらおうということで)


要望の多そうな3つの編集例

・小見出しだけを横書きにする

・章立て以外のところで改ページする

・字下げする


OEBPS/text/contents001.xhtml をエディタで編集。

image

【赤の部分 小見出しだけ横書き】

小見出しの h2 にスタイルを直接記入する(styleの「”」でくくられてる中は改行しても大丈夫)

「Part1 Beginning」だと長いので「Part1
Beginning」として改行している。


・横書きの指定2行

-webkit-writing-mode:horizontal-tb
 -epub-writing-mode:horizontal-tb

・h2の横幅を指定する(文字数で指定して確認)

width:6em

・4文字分字下げ

margin-top:4em

・フォントのサイズを1em

font-size:1em

・アンダーラインをひく

border-bottom:1px #666 solid

【青の部分 強制的に改ページ】

「かんたん電子書籍作成」は目次への登録もかねて、章立て(小見出し・扉)単位でファイルを分割して改ページとなる。章の中で改ページするにはスタイルシートをHTMLに直接記入する。


「翌朝は〜」の前で改ページする。

page-break-<span style="color:#dd3300">before</span>:always <span class="note">(後ろで改ページなら page-break-after:always)</span>

【緑の部分 3文字分字下げする】

margin-top:3em
で、この段落(pタグ)全体が3文字分字下げされる。


以下、Kindle Previewer でのスクリーンショット

image
image
image
<<2026/1>>
    123
45678910
11121314151617
18192021222324
25262728293031
検索:

【最近の20件】