- Captivate ユーザーガイド
- Captivate とは
- Adobe Captivate のリリース
- Adobe Captivate 13
- Adobe Captivate 12
- プロジェクトのセットアップ
- PowerPoint からの読み込み
- Adobe Captivate の生成 AI
- 生成 AI の概要
- 生成 AI に関する FAQ
- 生成クレジット
- テキストを生成
- 画像を生成する
- アバターを生成
- トランスクリプトを生成
- テキストの追加と編集
- 画像の追加と編集
- メディアの追加と編集
- インタラクティブなコンポーネント
- クイズを作成
- ウィジェットの追加
- インタラクションとアニメーション
- e ラーニングプロジェクトを強化
- シミュレーションプロジェクト
- タイムラインと目次
- レビューと共同作業
- プレビューとパブリッシュ
- アクセシビリティ
- Adobe Captivate のデザインオプション
- その他の参考資料
Captivate プロジェクトに Web オブジェクトを追加する方法について説明します。
このページのトピック：
-
左側のツールバーで「メディアブロックを追加」を選択します。
-
「Web オブジェクト」を選択します。
-
ビジュアルプロパティパネルで、コンテンツブロックに含める Web オブジェクトの数を選択します。1 つのスライドにつき 2 つまで指定できます。
-
「コンポーネント」セクションを使用して、キャプション、字幕、カード、ボタンなどのコンポーネントを追加します。
- キャプション / 字幕：コンテンツブロック内にテキストプレースホルダーを追加します。
- カード：Web オブジェクトの周囲にカードを追加し、コンテナとして機能させます。
- ボタン：Web オブジェクトの表示と非表示、インタラクションとアニメーションの追加に使用できます。
Web オブジェクトのプレビューがコンテンツブロック内に表示されます。
-
「埋め込みコード」オプションを選択します。
-
埋め込みコードを YouTube、Vimeo、または任意のビデオストリーミングプラットフォームからコピーして貼り付けます。
YouTube ビデオの埋め込みコードの例を以下に示します。
<iframe width="560" height="315" src="https://www.youtube.com/embed/pydJXGFsQ3A?si=Xn7kPDoNG9UduYX8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
埋め込みコードを貼り付けると、プレビューがスライドに表示されます。
Web オブジェクトコンテンツブロックの領域全体を利用するには、iframe の埋め込みコードを編集します。 コードを調整して、width と height の属性を「100％」に設定します。 例：width="100%" height="100%"。 これにより、Web オブジェクトが使用可能な領域を完全に占有します。
-
システムから PDF ファイルを参照するには、「システム」オプションを選択してから、 アイコンを選択します。 プロジェクトをパブリッシュすると、PDF がプロジェクトファイルにコピーされます。
-
右上隅のプレビューを選択して、実行時に様々なデバイス表示でPDFがどのように表示されるかを確認します。
-
ダウンロードと印刷アイコンを選択して、両方の機能が期待通りに動作することを確認します。
プレビュー中にダウンロードと印刷機能を確認します プレビュー中にダウンロードと印刷機能を確認します
-
「外観」セクションで、Web オブジェクトコンテンツブロックの外観をカスタマイズします。 背景色を調整し、境界線を追加し、シャドウを適用して、視覚的な魅力を高めます。
-
「整列および間隔」セクションでは、スライダーを使用したり、コンテンツと境界線の間にパディングを追加したりして、コンテンツ幅を調整できます。 Adobe Captivate でのパディングと自動レイアウトについて、詳細を確認してください。
-
Web オブジェクトの周囲にカードを追加します。 「カード」オプションを「コンポーネント」から選択し、「カード」セクションを展開してカードの外観を変更します。
-
「キャプション」または「字幕」のテキストコンポーネントを選択して、外観をカスタマイズします。 テキストカラーの調整、ハイライトまたはシャドウの適用、箇条書きまたは番号の追加、プリセットパネルからのスタイルの選択を行うことができます。
-
「ボタン」コンポーネントを選択して、デザインをカスタマイズしたり、パディングを追加したりします。 シェイプ、テキスト、アイコン、色、境界線を変更したり、シャドウを追加したりして、パーソナライズされた外観を実現できます。
e ラーニングプロジェクトで Web オブジェクトを使用する場合のベストプラクティス
ビデオや外部メディアへのリンクなどの埋め込みコンテンツを e ラーニングプロジェクト内でスムーズかつ安全に実行できるように、以下のベストプラクティスをお勧めします。
- HTTPS を使用：常に HTTPS を使用して、安全で暗号化された接続でユーザーデータを保護し、最新のブラウザーとの互換性を確保します。
- クリックジャッキングを確認：クリックジャッキングは安全性を脅かすため、Captivate では別の Web サイトへのリダイレクトはサポートしません。
- ブラウザーの互換性を確認：埋め込まれたコンテンツを様々なブラウザー間でテストして、すべてのユーザーに対して正しく表示され、機能することを確認します。
- 法的情報ならびにブロックされていないコンテンツを確認：埋め込みメディアに信頼できる法的なソースを使用し、リンクが引き続き機能し、関連する地域でアクセスできることを定期的に確認します。
- CORS への準拠を確保：外部リソースが CORS（クロスオリジンリソース共有）をサポートしていることを確認し、オリジンが異なる埋め込みコンテンツに対してブラウザーの制限が適用されないようにします。
- デバイスの互換性をテスト：埋め込みコンテンツがタブレットやモバイルデバイスで応答可能であり、画面サイズを問わずシームレスに操作できることを確認します。
- スクリプトブロックを確認：スクリプトブロックを有効にしてコンテンツをテストし、重要なコンテンツがブロックされた場合はチームと協力してフォールバックを実装します。
