More Related Content
Similar to EPUBのナビゲーションを理解しよう (20)
More from Hiroshi Takase (8)
EPUBのナビゲーションを理解しよう
- 8. EPUB 3の
ナビゲーション
必須
目次 章や節などの区分へのナビゲーション
toc 通常、見出しを単位として作られる
任意
ランドマーク 表紙やとびらなど、定番となる構成パーツ
landmarks へのナビゲーション
定義できる内容があらかじめ決まっている
任意
ページリスト 同様の内容を持つ紙の本があった場合に
page-list そのページ番号を示すナビゲーション
特に教育分野での利用を想定
他に図版一覧、表一覧など…
- 9. 目次
ランドマーク
nav.xhtml※
ページリスト
いずれも
ナビゲーション文書に書きます
※ファイル名は任意
- 14. Machine Readable
リーディングシステムが解釈できるように
特定の構文に従って書かれた目次
通常、専用のUIによって呼び出される
論理的な目次 見せ方はリーディングシステムによって
異なる
Human Readable
本のページの一部としてHTMLで書かれた
目次
見せ方は他のページと同様に
視覚的な目次 スタイルシートで制御できる
- 17. EPUB 3のナビゲーション文書は
XHTMLで書かれているので
論理的な目次と視覚的な目次を兼用できる
EPUB 2, KF8では
両者は別ファイルなので
NCX※ HTML 兼用できない
※独自のXMLファイル
- 24. 1
2
content.opf※ 3
パッケージ文書の spine に
表示するページの
順序が書かれているので
これを編集します
※ファイル名は任意
- 30. <nav id=”toc” epub:type=”toc”>
<ol>
<li><a href=”…”>第1章 ...</a>
<ol>
<li><a href=”…”>第1節 ...</a>
<ol hidden=”hidden”>
<li><a href=”…”>第1項 ...</a></li>…
ナビゲーション文書
目次の特定の階層を隠す
項目そのものを削除しないでください。
代わりに視覚的に見せたくない階層の最上位の項目に
hidden属性を指定します。
この項目は表示されませんが、論理的には利用できます。
- 32. KF8では事情が
少々違ってくる...
論理的な目次 視覚的な目次
NCX HTML
Kindle パブリッシングガイドラインは
両方の目次を用意することを推奨
ブラックジャックによろしく © 佐藤秀峰
- 33. 目次ページにジャンプ
論理的な目次を
表示しない
KindleのiOS/Androidアプリでは
視覚的な目次しか利用できないので
入れておかないと不便です
(Kindle Paperwhiteでは論理的な目次=NCXも利用できる)
- 37. ランドマーク 目次
項目は役割ベース 項目は見出しベース
形式的 表紙 実質的
論理的 具体的
抽象的 個性的
内容を予測しやすい
とびら 階層構造を表現できる
目次 目次
本文 第一章
第一節
索引 索引
- 39. epub:type の値は
EPUB 3 Structural Semantic Vocabulary に
定義されています。
表紙 とびら 用語集
cover title-page glossary
目次 索引 参考文献
toc index bibliography
前付 本文 後付
frontmatter bodymatter backmatter …etc.
- 47. cover
toc
content.opf※ loi
EPUB 2では
パッケージ文書の guide に
書いていました
- 50. ここ
ここ
ここ
その他の
ガイドアイテム
Kindleの「移動」メニューは
guide要素を参照しています
- 51. Kindleの「移動」メニュー
メニュー上の 関連する
遷移先
表示 type属性
カバー 表紙画像
cover
/ 表紙 (表紙ページではない)
目次 toc 目次ページ
(視覚的な目次)
開始位置 最初に開く
text
/ 初めに戻る ページ
KF8では表紙画像を直接表示するので、表紙ページは不要。表紙ページを識別して取り除くのに cover を利用する
- 57. 教育分野から生まれた
要件です
28ページ開いて
はーい はーい
電子教科書を使用 紙の教科書を使用
- 59. <p>
…
<span epub:type="pagebreak" id="page10">10</span>
…
</p> コンテンツ文書
pagebreak
コンテンツ文書の中でのページ区切り位置は
epub:type属性にpagebreakを指定して
表します。
id属性も必須です。
内容にページ番号を書きます。
- 60. <p>
…
<span epub:type="pagebreak" id="page10"
Gtle=”10”></span>
…
</p> コンテンツ文書
ページ番号を視覚的に表示したくない場合は、
title属性にページ番号を書き、内容は空にします。
- 66. ページリストの iBooks上の
ページ番号 ページ番号
タップで切り替え
iBooksでも
部分的にサポートされました
- 70. ナビゲーションいろいろ
EPUB 3 EPUB 2 / KF8
ナビゲーション パッケージ
文書
NCX
文書
目次 guide
HTML
ランドマーク
視覚的な目次
ページリスト
- 76. Thank you!
ブラックジャックによろしく
©佐藤秀峰
漫画 on Web
<h8p://mangaonweb.com>
Default Icon
© interacGvemania 2010-‐2011
CC-‐BY-‐ND 3.0
<h8p://www.defaulGcon.com/>