ヘルプ | サインイン

このページの使いやすさを評価してください


非常に満足

満足

不満

ご協力ありがとうございます。ご意見は今後のサービス改善の参考にさせていただきます。

問題や不明点がありましたら、こちらからお問い合わせください。

ヘルプトピック

お問い合わせ

フィードバックがありますか? ヘルプページで回答が見つかりませんでしたか?

お問い合わせ

ポップアップなしの固定レイアウト本を作成する

オリジナル本のレイアウトを保持するために固定レイアウトが必要だが、テキストの選択、辞書、ハイライト機能も必要な場合は、ポップアップなしの固定レイアウトを使用します。この変換テクニックは、拡大しなくても簡単に読める文字サイズのコンテンツに適しています。デジタル読書に合うように電子書籍のデザインを変更することで、そのようなサイズにすることもできます (7 インチ タブレット端末では、本文の大文字の高さが児童向け以外の書籍で 2 mm 以上、児童向け書籍で 4 mm 以上)。

この形式の HTML および CSS は、CSS のリセットや埋め込みフォントも含めて、テキスト ポップアップ付きの固定レイアウト本の仕様に従います。すべての固定レイアウト本の基準として、フォントは埋め込みにする必要があります。

現時点で、この形式はタイプセッティングの改善でサポートされていません。



メタデータのガイドライン

固定レイアウト本に必要なメタデータは OPF ファイルの中で指定します。他の固定レイアウトの本とは異なり、この形式には meta name="book-type" または meta name="RegionMagnification" は含まれていません。

メタデータ

内容紹介

レイアウトは次にあるいずれかのメタデータ フィールドの使用により指定できます。

1) <meta property="rendition:layout">prepaginated</meta>

2) <meta name="fixed-layout" content="true"/>

必須。固定レイアウトのある本として本を特定します。

rendition:layout メタデータの有効な値は reflowable または pre-paginated です。デフォルト値は reflowable です。

fixed-layout メタデータの有効な値は true または false です。デフォルト値は false です。

<meta name="original-resolution" content="1024x600"/>

必須。コンテンツがデザインされた元の解像度を特定します (「1024 x 600」は例の 1 つ)。スクリーン解像度はすべての正の整数。上記の値は元のコンテンツの縦横比全体に比例している必要があります。

本のコンテンツの向きは、次のいずれかのメタデータ フィールドを使用して指定できます。

1) <meta property="rendition:orientation">lands cape</meta>

2) <meta name="orientation-lock" content="landscape"/>

オプション。

rendition:layout メタデータの有効な値は、

portrait、landscape、auto です。縦方向あるいは横方向に本の向きを固定します。値が auto の場合、縦方向と横方向の両方の向きに対応します。デフォルト値は auto です。

orientation-lock メタデータの有効な値は、portrait、landscape、none です。縦方向あるいは横方向にコンテンツの向きを固定します。値が none の場合、縦方向と横方向の両方の向きに対応します。デフォルト値は none です。

Amazon では、縦と横のいずれの方向でもテキストを読みやすい場合には、向きを固定しないことを推奨しています。

<meta name="primary-writing-mode" content="horizontal-rl"/>

オプション。ページの表示順序、読み取りモード、およびリーダー ナビゲーション (Kindle テキスト ポップアップ、Kindle パネル ビュー、Kindle 仮想パネルを含む) を定義します。有効な値は、horizontal-lr、horizontal-rl、vertical-lr、vertical-rl です。デフォルト値は horizontal-lr です。



テキストのガイドライン

このフォーマットでは、ページは高品質で読みやすい画像を表示できるように、各ページに画面サイズより大きい背景画像が含まれています。テキストは次の 2 つの方法のいずれかを使用して作成できますが、1 つの本で両方の方法を使用することもできます。いずれの方法を使用する場合でも、7 インチの端末では、本文の大文字の高さが児童向けコンテンツで 4 mm 以上、児童向け以外のコンテンツで 2 mm 以上になるようにします。

オンライン HTML テキスト

この方法では、背景画像からテキストが削除され、本の大半のテキストがオンライン HTML テキストとして表示されます。読みやすい電子書籍の環境を実現するために、必要に応じてテキストの位置を変えることができます。この方法では、検索および辞書機能も使用できます。

HTML:

<div class="page" id="p3">

<div class="pimg" id="img_003"/>

<p id="p3_2" class="ptxt">僕はときどき

<br />調査に出る。何でも調べるよ。

<br/>岩のにおいを嗅いだり、 葉をかじったり。<br />何が起こるか

<br />わからない。

<br/>だから油断は禁物なんだ。<br/></p>

</div>

</div>

CSS:

.ptxt{
font-family: "billy";
font-size: 450%;
line-height: 95%;
position: absolute;
top: 0%;
left: 2.35%; }

インビジブル テキスト オーバーレイ

画像の一部になっているテキスト、またはサイズ、角度、湾曲が不規則なテキストについては、背景の一部としてテキストを取得し、インビジブル オーバーレイ テキストを使用すると (CSS ファイルで opacity:0 プロパティを使用)、それらの選択、辞書でのルックアップ、および検索が可能になります。インビジブル オーバーレイ テキストはベースとなる画像の対応するテキストで直接位置設定する必要があります。また、インビジブル テキストのハイライト領域がベース画像のテキストに対応するようにサイズ調整する必要があります。

HTML:

<div class="page" id="p3">

<div class="overlay" id="o3_1">元気? </div>

<div class="overlay" id="o3_2">僕の</div>

<div class="overlay" id="o3_3">名前</div>

<div class="overlay" id="o3_4">は</div>

<div class="overlay" id="o3_5">チョコ。</div>

</div>

角度のあるテキストなので、すべての単語を個別に配置する必要があります。そうすると、インビジブル HTML テキストで正しい単語がオーバーレイされます。

CSS:

.overlay{

position: absolute;
font-family: "billy";
opacity: 0;
color: red;
font-size: 500%;
line-height: 107%;
text-align: center;
}

#o3_1{top: 39.5%; left: 6.7%; font-size: 450%; }

#o3_2{top: 41.5%; left: 15.5%; font-size: 450%; }

#o3_3{top: 44.2%; left: 24.5%; font-size: 500%; }

#o3_4{top: 44.1%; left: 4.2%; font-size: 450%; }

#o3_5{top: 46.6%; left: 9.9%; font-size: 500%; }


予期しないエラーが発生しました。後でもう一度試してください。
セッションがタイムアウトしました

続行するにはサインインしてください

サインイン
edit