読むウェブ ~本とインタラクション

第14回 [iPad発売記念]EPUBフォーマットの電子書籍をつくる!

この記事を読むのに必要な時間:およそ 7 分

STEP-4 原稿(テキスト)を挿入して文書構造を確認する

「Section0001.xhtml」タブをクリックして画面を切り替えます。マークアップした原稿(テキスト)をすべてコピーし,編集画面の<body>~</body>内にペーストします。

図7

図7

目次を確認してみましょう。⁠Tools]メニューの[TOC Editor]を選択します。⁠Table Of Contents Editor]が表示され,文書構造(アウトライン)を確認できます。これが,そのままiBooksの目次になります。目次から特定の項目だけ非表示にしたい場合は,⁠Include]のチェックをクリックして外しておきます。

原稿のマークアップは以下のようになっており,h1,h2,h3の階層構造がつくられています。

リスト3 今回の原稿の階層構造

<h1>読むウェブ~本とインタラクション</h1>
   <h2>第13回「電子書籍の種類とEPUBフォーマット」</h2>
      <h3>現在普及している電子書籍フォーマット</h3>
      <h3>電子書籍の種類</h3>

図8

図8

STEP-5 ブックカバーを設定する

ブックカバーを設定します。ブックカバーは,iBooksの本棚やiTunesのアートワークとして表示されますので,手を抜かずしっかりデザインしておいた方がよいでしょう。

今回は,iPhone, iPod touchの画面比率にあわせて作成しています。ブックカバーの画像は,PNG, JPEG, GIF,そしてSVGが使用でき,画像サイズはデバイスの画面にあわせて伸縮表示されます。作成するサンプルは,iPhoneのサイズ(320x480px)にしています。

図9

図9

[Book View]アイコンをクリックしてプレビュー画面に切り替えます。

図10

画像

1行目の「読むウェブ~本とインタラクション」の行頭にカーソルをあわせて,改行します。一番に上に空きの行ができますので,カーソルをあわせておきます。⁠Insert Image]アイコンをクリックして,カバー画像を選択します。

図11

図11

続けて,チャプターブレイクを挿入します。チャプターブレイクを使うと,各章を分割することができますので(たとえば)第1章の終りの文章と第2章の見出しが1つの画面に表示されることはありません。

表示されているカバー画像の右側でカーソルが点滅していることを確認して,⁠Insert]メニューから[Chapter Bresk]を選択(⁠Chapter Bresk]アイコンをクリックしてもかまいません)⁠

※注意:
チャプターブレイクは,実行後に「取り消し」できませんので,失敗すると最初からやり直しになります。ちょっと面倒ですが,チャプターブレイクを挿入する前に一度,保存しておくことをおすすめします。

図12

図12

チャプターブレイクを挿入すると,ブックカバーのページが分割されます。左側のBook Browserを見てください。XHTMLファイルが1つ増えています(⁠Section0002.xhtml」が作成されています)⁠⁠Section0001.xhtml」が,ブックカバーのファイルです。

図13

図13

STEP-6 章ごとにチャプターブレイクを挿入する

ブックカバーと同じように,各章ごとにチャプターブレイクを挿入していきます。分割したい部分(見出しの上の最終行)にカーソルをあわせて,⁠Insert]メニューから[Chapter Bresk]を選択します。

図14

図14

XHTMLファイルが分割されました。

図15

図15

同じ作業を繰り返します。最後まで挿入できたら,⁠Tools]メニューの[TOC Editor]を選択して[Table Of Contents Editor]を表示してみましょう。基本的に,分割されたファイルと目次の項目は一致するはずです。

図16

図16

著者プロフィール

境祐司(さかいゆうじ)

インストラクショナル・デザイナー[Instructional Designer]として学校,企業の講座プラン,教育マネジメント,講演,書籍執筆などの活動をおこなう。2000年より情報デザイン関連のオンライン学習実証実験を始める。現在,教育デザイナー育成を目的としたフォーラムを立ち上げるため準備中。著書に「速習Webデザイン Flash CS4」(技術評論社),「Webデザイン&スタイルシート逆引き実践ガイドブック」(ソシム)などがある。

URLhttp://admn.air-nifty.com/monkeyish_studio/

著書