Sigilでepubを作ろう（３） 表紙とかタイトルとか
表紙とかタイトルとか
画像
外の表紙と、中のタイトルのあるページをわけてみたいので、足成からそれっぽい画像を２種類（そとの表紙用と中の表紙用）げっとしてくる
ブックブラウザーのImagesで右クリックし、既存のファイルを追加。
表紙用の画像を選択して右クリック。「セマンティクスを追加」の「表紙の画像」にする
タイトルの頁を追加する
Textで「Add Blank HTML file」でファイルを追加する。
ファイル名を「Title.html」（ファイル名は任意）にしてTextのなかで一番上に移動する。
CSSを共通にする場合はSection0001.htmlと同じものを読み込む。
html タグに xml:lang="ja"を追加する。
ブックビューにする
「Insert Images」のアイコンをクリックして、なかの表紙用の画像を追加。
「銀河鉄道の夜」「宮沢賢治」という文字を入力する。
とりあえず全部中央寄せにする。
奥付の頁を追加する
Textで「Add Blank HTML file」でファイルを追加する。
ファイル名を「Colophon.html」（ファイル名は任意）にしてTextのなかで一番下にあることを確認
html タグに xml:lang="ja"を追加する。
（もしくはTitle.htmlをコピーして作る）
CSSを共通にする場合はSection0001.htmlと同じものを読み込む
もともとのテキストの一番したにあった「底本」の情報などをいれておく
epubリーダで確認する
表紙は、Readiumではみえる。
タイトルのページは、ADEだと、表紙のように見えている。Readiumだと、ページをめくった最初にでてくる。
目次の頁を作成する
すでに目次はできているけれど、これは機能的の目次で、頁として目次の頁があるわけではない。なので、それようの頁を作る。
Textで「Add Blank HTML file」でファイルを追加する
「nav.html」（ファイル名は任意？）Title.htmlの次にくるようにする
html タグに xml:lang="ja"を追加する。
CSSを共通にする場合はSection0001.htmlと同じものを読み込む
目次のペーとしてわかるように「もくじ」。
内容は各章へのリンク。
CSSのクラス「nav」は番号を消すために使う
<p>もくじ</p>
<ol class="nav">
<li><a href="../Text/Section0001.html">一、<ruby>午后<rt>ごご</rt></ruby>の授業</a></li>
<li><a href="../Text/Section0002.html">二、活版所</a></li>
･･･
</ol>toc.ncxは「Generate Table Contents」を実行した時点で、内容が更新されるが、このnav.xmlは手でメンテする。
今回は章のタイトルに「一」などはいっているので、目次の数字は出ないようにする
main.cssに追加する
ol.nav
{
list-style-type:none;
}htmlのリンクになっているのもかっこうわるい気もする。。CSSでなんとかしてけろ。
epubリーダで確認する
- 目次の頁があり、リンクをクリックするとその場所へ移動する
- リーダの目次も表示できる
