ファイル/書き出しを選択します。
- InDesign ユーザーガイド
- InDesign とは
- InDesign の概要
- ワークスペース
- 生成 AI(中国本土ではご利用いただけません)
- InDesign の概要
- ドキュメントの作成とレイアウト
- ドキュメントとページ
- グリッド
- レイアウト補助
- コンテンツの追加
- テキスト
- テキスト編集
- テキストの書式設定
- レビューテキスト
- スペルチェックと言語の辞書
- 参照を追加
- スタイル
- 表
- インタラクティブ機能
- グラフィック
- カラーと透明度
- 検索と置換
- 共有
- 書き出し、読み込み、および公開
- 配置、書き出しおよび公開
- プリント
- InDesign の拡張
- トラブルシューティング
ページ、スプレッド、または選択したオブジェクトを HTML5 形式の種類に書き出す方法について説明します。
InDesign ドキュメントを HTML5 に書き出して、クロスプラットフォームの互換性を確保し、豊富なインタラクティブコンテンツ、強化されたユーザーエンゲージメント、アクセシビリティをサポートします。これにより、SEO と web ページのパフォーマンスも向上します。コンテンツを HTML5 に書き出すときに、テキストの書き出し方法を調整できます。
HTML5 パッケージを書き出し
-
-
「ファイルの種類」(Windows)または「形式」(macOS)から「HTML5」を選択します。
-
同じファイル名を使用する場合は、「InDesign ドキュメント名を出力ファイル名として使用」を選択し、「保存」を選択します。
-
HTML5 パッケージを書き出しダイアログで、要件に従って、「HTML テキストタグ」または「HTML SVG タグ」を選択します。
-
「書き出し」を選択します。
HTML5 の書き出し:Publish Online ダイアログから適用された主要なプロパティ
タイトル |
この値は、書き出されたフォルダーの名前を付けるために使用されます。 |
説明 |
書き出されません。 |
ページ |
Publish Online ダイアログで定義されます。ファイル/書き出し/HTML5から直接書き出す場合は、すべてのページが含まれます。 |
書き出し形式 |
|
パスワード保護を有効にする |
非適用。 |
カバーのサムネール |
サムネイルは 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 コミュニティにご参加ください。皆様からのご意見や作品をお待ちしております。