マニュアル キャンセル

HTML5 としてのコンテンツの書き出し

ページ、スプレッド、または選択したオブジェクトを HTML5 形式の種類に書き出す方法について説明します。

InDesign ドキュメントを HTML5 に書き出して、クロスプラットフォームの互換性を確保し、豊富なインタラクティブコンテンツ、強化されたユーザーエンゲージメント、アクセシビリティをサポートします。 これにより、SEO と web ページのパフォーマンスも向上します。 コンテンツを HTML5 に書き出すときに、テキストの書き出し方法を調整できます。

HTML5 パッケージを書き出し

  1. ファイル書き出しを選択します。

  2. ファイルの種類」(Windows)または「形式」(macOS)から「HTML5」を選択します。

  3. 同じファイル名を使用する場合は、「InDesign ドキュメント名を出力ファイル名として使用」を選択し、「保存」を選択します。

  4. HTML5 パッケージを書き出しダイアログで、要件に従って、「HTML テキストタグ」または「HTML SVG タグ」を選択します。フォントをコピーするには、「 フォントをコピー(Adobe Fonts から有効にしたものを除く) 」を選択します。 これには CJK フォントが含まれます。

    HTML5 パッケージを書き出しダイアログ
    InDesign ドキュメントを HTML5 パッケージとして書き出すことができるようになりました。

  5. 書き出し」を選択します。

HTML5 の書き出し:Publish Online ダイアログから適用された主要なプロパティ 

タイトル

この値は、書き出されたフォルダーの名前を付けるために使用されます。

説明

書き出されません。

ページ

Publish Online ダイアログで定義されます。 ファイル書き出しHTML5 から直接書き出す場合は、すべてのページが含まれます。

書き出し形式

  • 単一:各ページは個別の HTML ファイルとして書き出され、それぞれがメインの index.html にリンクされます。
  • スプレッド:各スプレッドは、メインの index.html にリンクされた単一の HTML ファイルとして書き出されます。

パスワード保護を有効にする

非適用。

カバーのサムネール

サムネイルは HTML5 パッケージに含まれています。

画像設定

Publish Online ダイアログの設定が適用されます。

PDF 設定をダウンロード

非適用。

詳細設定

非適用。

Google Analytics

Google Analytics タグが Publish Online ダイアログに含まれている場合、HTML5 書き出しの index.html ファイルに追加されます。 web サイト上でページをホストする場合は、必要に応じて cookie バナーを介してユーザーの同意を得るようにしてください。

HTML5 レンダリングの問題を解決するためのクイックフィックス

  • HTML テキストタグ」オプションを選択した場合は、必ず、書き出し時に「フォントをコピー」オプションを選択してください。
  • フォントをコピー」オプションを選択した場合は、欠落しているフォントによって問題がまだ発生しているかどうかを確認します。 フォントの問題かどうかを確認するには、「HTML SVG タグ」オプションを試してください。
  • これが実際にフォントの問題であり、「HTML SVG タグ」オプションが適切に表示されている場合は、InDesign ドキュメントで使用したフォントが書き出され、パッケージのフォントフォルダーに配置されているかどうかを確認します。 配置されていない場合は、フォントを手動でコピーしてフォルダーに配置する必要があります。 
  • フォントを配置した後も問題が解決しない場合は、カスタマーサポートチームにお問い合わせください。
注意:

web サイトでのフォントの使用は、フォントライセンスの条件に準拠する必要があります。 web サイト用のフォントのセルフホスティングには、別途ライセンスが必要になる場合があります。

HTML5 パッケージと HTML(レガシー)の違い

HTML5 パッケージは、出力 HTML5 で InDesign ファイルのレイアウトを最初から模倣することを目的としています。 一方、HTML(レガシー)は、InDesign ファイルから HTML を作成するボトムアップのアプローチであり、元のファイルとのレイアウトの類似性は限られています。

既知の問題

  • テキスト用のドロップシャドウ、ぼかしなどの効果 は適切に書き出されません。

回避策:テキストを書き出すには、「HTML テキストタグ」ではなく「HTML SVG タグ」を選択します。

その他の関連ヘルプ

ご質問または共有するアイデアがある場合

コミュニティで質問する(英語)

ご質問がある場合や、ご共有いただけるアイデアをお持ちの場合は、Adobe InDesign コミュニティにご参加ください。皆様からのご意見や作品をお待ちしております。

ヘルプをすばやく簡単に入手

新規ユーザーの場合