js ファイルへの参照がヘッダーに追加されています。これらのファイルは、ページと連動する重要な Spry アセットです。このコードをページから削除しないでください。削除すると、データセットは機能しません。ページをサーバーにアップロードする場合は、これらのファイルも依存ファイルとしてアップロードする必要があります。
データセットのレイアウトの選択
[挿入オプションの選択] 画面を使用すると、ページにデータセットの値を表示する方法を様々な表示オプションから選択できます。データの表示方法として、動的 Spry テーブル、マスター / 詳細レイアウト、スタックコンテナ (1 つの列) レイアウト、またはスポットライト領域付きスタックコンテナ (2 つの列) レイアウトを使用できます。[挿入オプションの選択] 画面には、各レイアウトがサムネールとして表示されます。データを動的 Spry テーブルに表示する場合は、このオプションを選択します。Spry テーブルでは、動的な列のソートなどのインタラクティブな動作が可能です。このオプションを選択した場合は、[セットアップ] ボタンをクリックして [テーブルの挿入] ダイアログボックスを表示し、以下の手順に従います。[列] パネルで次の操作を行い、テーブルの列を調整します。列名を選択し、マイナス (-) 記号をクリックしてテーブルから列を削除します。プラス (+) 記号をクリックし、列名を選択して新しい列をテーブルに追加します。列名を選択し、上向き矢印または下向き矢印をクリックして列を移動します。列を上に移動するとテーブル内でさらに左に表示され、上に移動するとテーブル内でさらに右に表示されます。列をソート可能にするには、[列] パネルで列を選択し、[ヘッダーがクリックされたときに列をソート] を選択します。初期設定では、すべての列がソート可能です。列をソートできないようにするには、[列] パネルで列を選択し、[ヘッダーがクリックされたときに列をソート] を選択解除します。ページに CSS スタイルが、添付されたスタイルシートや HTML ページ内の個別スタイルのセットとして関連付けられている場合は、次のオプションで CSS クラスを適用できます。選択したクラススタイルに従って動的テーブルの奇数行の表示方法を変更します。選択したクラススタイルに従って動的テーブルの偶数行の表示方法を変更します。選択したクラススタイルに従ってマウスをテーブル上に移動したときの表示方法を変更します。選択したクラススタイルに従ってテーブル行をクリックしたときの表示方法を変更します。注意: スタイルシート内の奇数行クラス、偶数行クラス、Hover クラス、および選択クラスの順序は重要です。スタイルシートで選択ルールの前に Hover ルールがあると、Hover エフェクトはユーザーがマウスを別の行に移動するまで表示されません。スタイルシートで偶数行ルールと奇数行ルールの上に Hover ルールと選択ルールがあると、偶数行と奇数行のエフェクトはまったく機能しません。[CSS] パネルでルールをドラッグして正しい順序にするか、CSS コードを直接操作することができます。作成するテーブルを動的 Spry マスターテーブルとする場合は、[行がクリックされたときに詳細領域を更新] を選択します。詳細については、動的 Spry マスターテーブルと詳細領域の更新についてを参照してください。[OK] をクリックしてダイアログボックスを閉じ、[挿入オプションの選択] 画面の [終了] をクリックします。デザインビューで作業をしている場合は、ヘッダーの行とデータ参照の行を持つテーブルが表示されます。データ参照はハイライト表示され、波カッコ ({}) で囲まれます。マスター / 詳細レイアウトを使用してデータを表示する場合は、このオプションを選択します。マスター / 詳細レイアウトでは、マスター領域 (左) のアイテムをクリックすると、詳細領域 (右) の情報が更新されます。通常、マスター領域には製品名などの名前の一覧が表示されます。ユーザーが製品名のいずれかをクリックすると、選択した項目に関する詳細情報が詳細領域に表示されます。このオプションを選択した場合は、[セットアップ] ボタンをクリックして [マスター/詳細レイアウトの挿入] ダイアログボックスを表示し、以下の手順に従います。[マスター列] パネルで次の操作を行い、マスター領域の内容を調整します。列名を選択し、マイナス (-) 記号をクリックしてマスター領域から列を削除します。プラス (+) 記号をクリックし、列名を選択して新しい列をマスター領域に追加します。初期設定では、マスター領域にはデータセットの先頭列のデータが表示されます。列名を選択し、上向き矢印または下向き矢印をクリックして列を移動します。ページのマスター領域に表示するデータの順序は、[マスター列] パネルで列を上下に移動して設定します。上と同じ手順を [詳細列] パネルで繰り返します。初期設定では、詳細領域にはマスター領域に表示されるデータ以外のすべてのデータ (つまりデータセットの先頭列を除いたすべての列のデータ) が表示されます。(オプション) 詳細領域のデータ別のコンテナタイプを設定します。コンテナタイプを設定するには、詳細列の名前を選択し、そのコンテナを [コンテナタイプ] ポップアップメニューから選択します。[OK] をクリックしてダイアログボックスを閉じ、[挿入オプションの選択] 画面の [終了] をクリックします。デザインビューで作業をしている場合は、選択したデータ参照が入力されたマスター / 詳細領域が表示されます。データ参照はハイライト表示され、波カッコ ({}) で囲まれます。ページで繰り返しコンテナ構造を使用してデータを表示する場合は、このオプションを選択します。たとえば、データセットに 4 つのデータ列がある場合、各コンテナに 4 つすべての列を含めると、そのコンテナ構造はデータセットの行ごとに自動的に繰り返されます。このオプションを選択した場合は、[セットアップ] ボタンをクリックして [スタックコンテナの挿入] ダイアログボックスを表示し、以下の手順に従います。[列] パネルで次の操作を行い、スタックコンテナの内容を調整します。列名を選択し、マイナス (-) 記号をクリックしてスタックコンテナから列を削除します。プラス (+) 記号をクリックし、列名を選択して新しい列をコンテナに追加します。初期設定では、スタックコンテナにはデータセットの各列のデータが表示されます。列名を選択し、上向き矢印または下向き矢印をクリックして列を移動します。ページのスタックコンテナに表示されるデータの順序は、[列] パネルで列を上下に移動して設定します。(オプション) スタックコンテナのデータ別のコンテナタイプを設定します。コンテナタイプを設定するには、データセットの列名を選択し、そのコンテナを [コンテナタイプ] ポップアップメニューから選択します。[OK] をクリックしてダイアログボックスを閉じ、[挿入オプションの選択] 画面の [終了] をクリックします。デザインビューで作業をしている場合は、選択したデータ参照が入力されたコンテナが表示されます。データ参照はハイライト表示され、波カッコ ({}) で囲まれます。ページでコンテナごとにスポットライト領域がある繰り返しコンテナ構造を使用してデータを表示する場合は、このオプションを選択します。通常、スポットライト領域にはピクチャが表示されます。スポットライト領域付きスタックコンテナレイアウトはスタックコンテナレイアウトに似ていますが、スポットライト領域付きスタックコンテナレイアウトではデータ表示が同じコンテナ内の 2 つの独立した列に分かれる点が異なります。このオプションを選択した場合は、[セットアップ] ボタンをクリックして [スポットライト領域付きスタックコンテナの挿入] ダイアログボックスを表示し、以下の手順に従います。[スポットライト列] パネルで次の操作を行い、スポットライト領域の内容を調整します。列名を選択し、マイナス (-) 記号をクリックしてスポットライト領域から列を削除します。プラス (+) 記号をクリックし、列名を選択して新しい列をスポットライト領域に追加します。初期設定では、スポットライト領域にはデータセットの先頭列のデータが表示されます。列名を選択し、上向き矢印または下向き矢印をクリックして列を移動します。ページのスポットライト領域に表示されるデータの順序は、[スポットライト列] パネルで列を上下に移動して設定します。(オプション) スポットライト領域のデータ別のコンテナタイプを設定します。コンテナタイプを設定するには、データセットの列名を選択し、そのコンテナを [コンテナタイプ] ポップアップメニューから選択します。上と同じ手順を [スタック列] パネルで繰り返します。初期設定では、スタック列にはスポットライト領域に表示されるデータ以外のすべてのデータ (つまりデータセットの先頭列を除いたすべての列のデータ) が表示されます。[OK] をクリックしてダイアログボックスを閉じ、[挿入オプションの選択] 画面の [終了] をクリックします。デザインビューで作業をしている場合は、選択したデータ参照が入力されたスポットライト領域とスタックコンテナが表示されます。データ参照はハイライト表示され、波カッコ ({}) で囲まれます。データセットを作成するが、データセットの HTML レイアウトを挿入しない場合は、このオプションを選択します。データセットは [バインディング] パネル ([ウィンドウ]-[バインディング]) で使用可能になり、データセットからページにデータを手動でドラッグすることができます。レイアウトを挿入せずにデータセットを作成した場合でも、使用可能な HTML レイアウトのいずれかをいつでも挿入できます。レイアウトを挿入するには、[バインディング] パネルでデータセットの名前をダブルクリックします。[挿入オプションの選択] 画面に進み、レイアウトを選択して [終了] をクリックします。注意: データセットの名前を [バインディング] パネルからページの挿入ポイントにドラッグすることもできます。[挿入オプションの選択] 画面が表示されます。レイアウトを選択して [終了] をクリックします。
データセットの編集
Spry データセットを作成した後では、それをいつでも編集できます。[バインディング] パネル ([ウィンドウ]-[バインディング]) でデータセットの名前をダブルクリックし、必要な編集を行います。注意: データセットを編集して [挿入オプションの選択] 画面で新しいレイアウトを選択すると、ページの既存のレイアウトは置き換えられずに、新しいレイアウトが挿入されます。
デザインタイムフィードの使用
まだ作成中のデータで作業する場合は、デザインタイムフィードが役立つことがあります。たとえば、サーバーデベロッパーがデータベースをまだ仕上げており、XML データファイルの進行に追い付いていない場合、テストバージョンのファイルを使用することにより、データベースの作成から独立してページをデザインできます。デザインタイムフィードを使用すると、そのフィードからのデータのみが作業環境に表示されます。ページコード内のデータソースへの参照は、実際に使用するデータソースへの参照として残ります。Spry データセットの作成を開始します。その方法については、前の手順を参照してください。[データソースの指定] 画面で、デザインタイムフィードのリンクをクリックします。[参照] ボタンをクリックしてデザインタイムフィードを見つけ、[OK] をクリックします。Dreamweaver を使用して Spry データセットを作成すると、初期設定では、選択されたコンテナにすべてのデータが格納されます。CSS データセレクタを使用すると、データの選択範囲を指定できます。CSS データセレクタを使用すると、CSS ルールを指定することにより、データソース内でそのルールに対応するデータ部分のみを格納できます。
たとえば、[データソースの指定] 画面の [行セレクタ] テキストボックスで
product クラスが割り当てられた行のみのデータセットが作成されます。データセレクタボックスを有効にするには、[データソースの指定] 画面で [詳細データ選択] オプションを選択します。データセレクタを入力して、このオプションを選択解除すると、ボックスに入力した内容は保持されますが、その入力はデータセットのフィルタとしては使用されません。
動的 Spry マスターテーブルと詳細領域の更新について
Spry データの最も一般的な使用法の 1 つは、ユーザーの操作に反応して他のページデータを動的に更新する HTML テーブルを作成することです。たとえば、ページを製品一覧の領域と製品別の詳細情報の領域に分け、ユーザーが製品一覧から別の製品を選択したときに、製品別の詳細情報を即座に更新することができます。Spry を使用すると、この更新を行うためにページ全体を更新する必要はありません。ページ内の独立した領域は、マスター領域および詳細領域と呼ばれます。通常、ページの 1 つの領域 (マスター領域) には分類項目の一覧 (製品一覧など) が表示され、別の領域 (詳細領域) には選択された項目に関する詳細情報が表示されます。各データセットでは「現在の行」が機能し、初期設定では現在の行にデータセットの先頭行のデータが反映されます。ユーザーがマスター領域で選択項目を変更した場合 (たとえば、製品一覧で別の製品を選択した場合)、Spry で実際に変更されるのはデータセットの現在の行です。詳細領域はマスター領域に依存するため、マスター領域でのユーザー操作に伴う変更 (別の製品の選択など) に応じて詳細領域でのデータが変更されます。マスター / 詳細レイアウトは自動的に作成され、マスター領域と詳細領域は最初から関連付けられた状態で表示されます。ただし、動的なマスターテーブルを独自に作成する場合は、マスター領域と詳細領域を後で関連付けることができます。[テーブルの挿入] ダイアログボックスで [行がクリックされたときに詳細領域を更新] オプションを選択すると、動的テーブルの繰り返し行のタグ内に spry:setrow タグが挿入されます。この属性を使用して作成したテーブルは、ユーザーがテーブルを操作したときにデータセットの現在の行を再設定できるマスターテーブルになります。
リモートフォルダの設定
アクセス方法の選択
FTP アクセス用のオプションの設定
FTP アクセスを使用したリモートフォルダの接続または切断
ローカルアクセスまたはネットワークアクセス用のオプションの設定
ネットワークアクセスを使用したリモートフォルダの接続または切断
RDS アクセス用のオプションの設定
リモートフォルダは、実作業用、共同作業用、または配布用のファイルの格納などの用途に使用されます。通常、リモートフォルダは Web サーバーが実行されているコンピュータ上に配置します。このフォルダのオプションは、[基本] タブでウィザードの質問に回答するか、[詳細設定] タブをクリックして情報を直接入力することにより設定できます。リモートフォルダを設定する際に、Dreamweaver とWeb サーバーの間でファイルをアップロードおよびダウンロードするときのアクセス方法を選択する必要があります。
リモートフォルダを設定する方法のチュートリアルについては、www
アクセス方法の選択
[サイト]-[サイトの管理] を選択します。[詳細設定] タブをクリックし、[リモート情報] カテゴリを選択して、ローカルフォルダとリモートフォルダ間でファイルを転送するときに使用するアクセス方法を選択します。サーバーにサイトをアップロードしない場合は、この初期設定のままにします。FTP を使用して Web サーバーに接続する場合は、この設定を使用します。ネットワークフォルダにアクセスする場合、またはローカルコンピュータ上にファイルを格納しているかローカルコンピュータ上でテストサーバーを実行している場合に、この設定を使用します。RDS を使用して Web サーバーに接続する場合、この設定を選択します。このアクセス方法の場合、リモートフォルダがある場所は、Adobe® ColdFusion® を実行しているコンピュータ上である必要があります。0 や適切に構成した Apache Web サーバーなど、このプロトコルをサポートするサーバーが必要です。WebDAV は独自のロックシステムを使用しているため、一部のユーザーのみが WebDAV を選択し、他のユーザーは FTP などの別のアクセス方法を選択している場合、Dreamweaver のチェックイン/チェックアウト機能が正常に動作しません。ダイアログボックスの残りのオプションは、選択したアクセス方法に応じて異なります。
FTP アクセス用のオプションの設定
[サイト]-[サイトの管理] を選択します。[サイト定義] ダイアログボックスで、[詳細設定] タブを選択して [リモート情報] カテゴリをクリックします。次の図は、[リモート情報] カテゴリの入力済みのテキストフィールドです。
フルサイズのグラフィックを表示
[サイト定義] ダイアログボックスの [詳細設定] タブで選択された [リモート情報] カテゴリ
[FTP ホスト] テキストボックスで、Web サイトのファイルのアップロード先となる FTP ホストのホスト名を入力します。com" など、コンピュータシステムの完全なインターネット名にします。余分なテキストを付けずに完全なホスト名を入力してください。特に、ホスト名の前にプロトコル名を追加しないでください。FTP ホストが不明の場合は、Web ホスティング会社に問い合わせてください。注意: ポート 21 は FTP 接続先のデフォルトポートですが、サーバー管理者は許可されていない FTP アクセスを防ぐためにポート番号を変更できます。そのような場合は、FTP ホストのエントリの後にコロン (:) とポート番号を入力します。[ホストディレクトリ] テキストボックスに、一般ユーザーに表示するドキュメントを格納するリモートサイトのホストディレクトリを入力します。ホストディレクトリとして入力する項目がわからない場合は、サーバー管理者に問い合わせるか、テキストボックスを空白のままにしてください。サーバーの中には、ルートディレクトリが FTP を使って最初に接続するディレクトリと同じものがあります。これを調べるには、サーバーに接続します。"public_html"、"www"、またはログイン名のような名前のフォルダが [ファイル] パネルのリモートファイルビューに表示される場合、その名前が [ホストディレクトリ] テキストボックスに入力するディレクトリである場合が考えられます。[ログイン] テキストボックスと [パスワード] テキストボックスに、FTP サーバーに接続するためのログイン名とパスワードを入力します。[テスト] をクリックし、FTP ホスト、ホストディレクトリ、ログイン名、およびパスワードをテストします。注意: FTP ホスト、ホストディレクトリ、ログイン、およびパスワードの情報は、サイトのホスティング会社のシステム管理者から取得する必要があります。これらの情報には、システム管理者のみがアクセスできます。システム管理者から提供されたとおりに情報を入力します。[保存] オプションをオフにすると、リモートサーバーに接続するたびに、Dreamweaver によってパスワードの入力が求められます。パッシブ FTP を使用すると、リモートサーバーを必要とせずに、ローカルソフトウェアで FTP 接続ができます。パッシブ FTP が使用されているかどうかがわからない場合は、システム管理者に確認するか、[FTP Passive モードを使用] オプションをオンとオフの両方に切り替えてみます。ファイヤーウォールの内側からリモートサーバーに接続しているときは、[ファイヤーウォールの使用] をオンにします。[ファイヤーウォールの設定] をクリックし、Dreamweaver のサイト環境設定を開き、ファイヤーウォールのホストまたはポートを編集します。詳細については、ファイル転送に関するサイト環境設定の設定を参照してください。SFTP では暗号化と公開キーを使用して、テストサーバーへの接続を保護します。注意: このオプションを選択するには、テストサーバーで SFTP サービスを実行している必要があります。テストサーバーで SFTP が実行されているかどうかがわからない場合は、サーバー管理者に問い合わせてください。場合によっては、SFTP を使用する際に初期設定ポート番号の変更が必要になることがあります。初期設定ポート番号を変更するには、FTP ホストにコロンとポート番号を付加します。以下に例を挙げます。IPv6 ドメインは、次のように角カッコで囲む必要があります。サーバー接続に関する詳細なオプションを設定するには、[サーバー互換性] ボタンをクリックします。このボタンは、トラブルシューティングの目的に限って使用します。特に、サイトが以前のバージョンの Dreamweaver では動作したが、現在のバージョンでは何らかの理由で動作しない場合には、このオプションが役立ちます。ローカルファイルとリモートファイルを自動的に同期する場合は、[同期情報の保持] をオンにします。このオプションは初期設定ではオンになっています。ファイルを保存したときに Dreamweaver によってリモートサイトにファイルが自動的にアップロードされるようにする場合は、[保存時に自動的にファイルをアップロード] をオンにします。チェックイン/チェックアウトシステムをアクティブにするには、[ファイルのチェックイン/チェックアウト] をオンにします。
FTP アクセスを使用したリモートフォルダの接続または切断
[ファイル] パネルで、次の操作を行います。接続するには、ツールバーの [リモートホストに接続] をクリックします。切断するには、ツールバーの [切断] をクリックします。
ローカルアクセスまたはネットワークアクセス用のオプションの設定
[サイト]-[サイトの管理] を選択します。[詳細設定] タブを選択し、[リモート情報] カテゴリをクリックして、[ローカル/ネットワーク] を選択します。[リモートフォルダ] テキストボックスの横にあるフォルダアイコンをクリックして参照し、サイトファイルを保管するフォルダを選択します。ローカルファイルとリモートファイルを自動的に同期する場合は、[同期情報の保持] をオンにします。このオプションは初期設定ではオンになっています。ファイルを保存したときに Dreamweaver によってリモートサイトにファイルが自動的にアップロードされるようにする場合は、[保存時に自動的にファイルをアップロード] をオンにします。チェックイン/チェックアウトシステムをアクティブにするには、[ファイルのチェックイン/チェックアウト] をオンにします。[サイト]-[サイトの管理] を選択します。この URL には、プロトコル、ポート、およびルートディレクトリ以外のディレクトリがあります。ユーザー名とパスワードを入力します。この情報はサーバー認証に使用されるだけで、Dreamweaver の操作には関係ありません。ユーザー名とパスワードがわからない場合は、システム管理者または Web マスターに確認してください。[テスト] をクリックして、接続設定をテストします。新しいセッションを開始するたびに Dreamweaver によってパスワードが自動的に入力されるようにするには、[保存] チェックボックスをオンにします。ローカルファイルとリモートファイルが Dreamweaver によって自動的に同期されるようにする場合は、[同期情報の保持] をオンにします。このオプションは初期設定ではオンになっています。ファイルを保存したときに Dreamweaver によってリモートサイトにファイルが自動的にアップロードされるようにする場合は、[保存時に自動的にファイルをアップロード] をオンにします。チェックイン/チェックアウトシステムをアクティブにするには、[ファイルのチェックイン/チェックアウト] をオンにします。
ネットワークアクセスを使用したリモートフォルダの接続または切断
リモートフォルダは常に接続されているため、接続操作を行う必要はありません。[更新] ボタンをクリックして、リモートファイルを表示します。
RDS アクセス用のオプションの設定
[サイト]-[サイトの管理] を選択します。[詳細設定] タブを選択し、[リモート情報] カテゴリをクリックして、[RDS] を選択します。[設定] ボタンをクリックし、[RDS サーバーの設定] ダイアログボックスに以下の情報を指定します。Web サーバーがインストールされているホストコンピュータの名前を入力します。ホスト名は、IP アドレスまたは URL の可能性があります。不明の場合は、管理者に問い合わせてください。接続先のポート番号を入力します。ホストディレクトリとしてルートリモートフォルダを入力します。RDS ユーザー名とパスワードを入力します。ファイルを保存したときに Dreamweaver によってリモートサイトにファイルが自動的にアップロードされるようにする場合は、[保存時に自動的にファイルをアップロード] をオンにします。チェックイン/チェックアウトシステムをアクティブにするには、[ファイルのチェックイン/チェックアウト] をオンにして [OK] をクリックします。[サイト]-[サイトの管理] を選択します。[ユーザー名] と [パスワード] に、選択したデータベースへのログインユーザー名とパスワードを入力します。ユーザー名とパスワードがわからない場合は、システム管理者に問い合わせてください。[OK] をクリックして、[サイト定義] ダイアログボックスに戻ります。ファイルを保存したときに Dreamweaver によってリモートサイトにファイルが自動的にアップロードされるようにする場合は、[保存時に自動的にファイルをアップロード] をオンにします。ローカルファイルを開いたときに Dreamweaver によってサーバーから自動的にファイルをダウンロードしたくない場合は、[常にチェックアウトしてファイルを開く] をオフにします。
サイトを定義しないファイル操作
リモートサーバーからのファイルの取得
WebDAV を使用したファイルのチェックインとチェックアウト
サイト、サーバー、およびローカルドライブへのアクセス
ファイルとフォルダの管理
リモートフォルダチュートリアルの定義
ライセンス認証と登録
インストールに関するヘルプ
お読みください。
インストールに関するヘルプ
インストールの問題に関するヘルプが必要な場合は、インストールサポートセンター(www
インストール時、アドビソフトウェアはライセンス認証を完了するためにアドビ システムズ社のサーバに接続します。個人データが送信されることはありません。
ライセンス認証について詳しくは、アドビ システムズ社の Web サイト(www
シングルユーザ向けのライセンス認証によって 2 台のコンピュータがサポートされます。例えば、製品を会社のデスクトップコンピュータと自宅のラップトップコンピュータにインストールすることができます。同じソフトウェアを 3 台目のコンピュータにインストールする場合は、最初に他の 2 台のコンピュータのいずれかでライセンス認証を解除します。ヘルプ/ライセンス認証の解除を選択します。製品を登録すると、無料のインストールサポート、アップデート通知、その他のサービスを受けることができます。製品登録をするには、ソフトウェアをインストールした後に表示されるユーザ登録ダイアログボックスで、画面の指示に従います。後で登録する場合は、ヘルプ/ユーザ登録を選択すればいつでも実行できます。アドビソフトウェアを一定回数使用すると、ダイアログボックスが開き、Adobe 製品向上プログラムに参加するかどうかを尋ねるメッセージが表示される場合があります。参加を選択すると、お客様によるアドビソフトウェアの使用状況に関するデータが弊社に送信されます。個人情報が記録または送信されることはありません。Adobe 製品向上プログラムでは、ユーザの使用している機能やツールの情報と、それらの使用頻度に関する情報だけが収集されます。Adobe 製品向上プログラムへの参加と参加取り消しはいつでも行うことができます。
参加するには、ヘルプ/Adobe 製品向上プログラムを選択し、「はい
参加します」をクリックします。
参加を取り消すには、ヘルプ/Adobe 製品向上プログラムを選択し、「いいえ
必要ありません」をクリックします。お読みください。ソフトウェアのお読みくださいファイルは、オンラインおよびインストールディスクに用意されています。このファイルを開き、次のトピックに関する重要な情報をお読みください。
インストール(ソフトウェアのアンインストールを含む)
ライセンス認証と登録
フォントのインストール
法律上の注意
検証を実行するタイミングの指定
パスワードの強さの設定
[Input タグのアクセシビリティ属性] ダイアログボックスに情報を入力し、[OK] をクリックします。ただし、パスワードテキストフィールドの入力をオプションにすることもできます。ドキュメントウィンドウで、パスワード認証 Widget の青いタブをクリックして選択します。プロパティインスペクタ ([ウィンドウ]-[プロパティ]) で、[必須] チェックボックスを必要に応じてオンまたはオフにします。ドキュメントウィンドウで、パスワード認証 Widget の青いタブをクリックして選択します。プロパティインスペクタ ([ウィンドウ]-[プロパティ]) で、[プレビューの状態] ポップアップメニューから表示する状態を選択します。
検証を実行するタイミングの指定
検証がどの時点で実行されるかを指定できます。指定できるのは、ユーザーが Widget の外側をクリックしたとき、ユーザーが入力すると同時、またはユーザーがフォームの送信を試みたときのいずれかです。ドキュメントウィンドウで、パスワード認証 Widget の青いタブをクリックして選択します。プロパティインスペクタ ([ウィンドウ]-[プロパティ]) で、検証を行う時点を指定するオプションを選択します。すべてのオプションを選択することも、[送信] のみを選択することもできます。ユーザーがパスワードテキストフィールドの外側をクリックしたときに常に検証します。ユーザーがパスワードテキストフィールド内でテキストを変更したときに検証します。ユーザーがフォームの送信を試みたときに検証します。送信オプションは初期設定で選択され、選択解除することはできません。
パスワードの強さの設定
パスワードの強さとは、ある文字の組み合わせがパスワードテキストフィールドにおける要件に一致する度合いを表します。たとえば、ユーザーにパスワードを指定させるためのフォームを作成する際、所定の数の英大文字や記号などをパスワードに含めるよう要求することが必要な場合があります。注意: パスワード Widget の初期設定では、指定可能なオプションはすべてオフになっています。パスワード認証 Widget の青いタブをクリックして選択します。プロパティインスペクタ ([ウィンドウ]-[プロパティ]) で、必要に応じてオプションを設定します。各オプションのフィールドに入力する数値が、その Widget で検証に合格するために必要な数となります。たとえば、[最小文字数] ボックスに「8」と入力すると、ユーザーがパスワードテキストフィールドに少なくとも 8 文字を入力しないと検証に合格しません。パスワードとして有効な文字列であるための最小文字数および最大文字数を指定します。パスワードとして有効な文字列に含まれる英字 (a、b、c など) の最小数および最大数を指定します。パスワードとして有効な文字列に含まれる数字 (1、2、3 など) の最小数および最大数を指定します。パスワードとして有効な文字列に含まれる英大文字 (A、B、C など) の最小数および最大数を指定します。
パスワードとして有効な文字列に含まれる特殊記号 (、@、# など) の最小数および最大数を指定します。以上のオプションを空にすると、その条件に対する検証は実行されません。たとえば、[最小数/最大数] オプションを空にすると、パスワードの文字列内の数値は検証されません。
アクセシビリティを考慮した HTML フォームの作成
ページコードを使用した操作 / サーバーサイドインクルードの使用
サーバーサイドインクルードの挿入
インクルード対象ファイルの変更
Dreamweaver を使用すると、サーバーサイドインクルードをページに挿入することができます。
サーバーサイドインクルードの挿入
[挿入]-[サーバーサイドインクルード] を選択します。表示されるダイアログボックスで、ファイルを参照して選択します。初期設定では、[ファイル] タイプのインクルードが挿入されます。インクルードのタイプを変更するには、ドキュメントウィンドウでサーバーサイドインクルードを選択し、プロパティインスペクタ ([ウィンドウ]-[プロパティ]) で次のようにタイプを変更します。Apache では、あらゆる状況で [仮想] が使用できますが、[ファイル] が使用できる場合は限られています。[仮想] が IIS サーバーで使用できるのは、特定の環境に限られます。注意: IIS サーバーでは、特別なソフトウェアをインストールしないと、フォルダ階層で現在のフォルダの上位にあるフォルダのファイルをインクルードすることができません。IIS サーバーのフォルダ階層で上位のフォルダのファイルをインクルードする必要がある場合は、必要なソフトウェアがインストールされているかどうかをシステム管理者に確認してください。その他のサーバーを使用している場合、または使用しているサーバーの種類が不明な場合は、どちらのオプションを使用すべきかシステム管理者に確認してください。
インクルード対象ファイルの変更
ドキュメントウィンドウでサーバーサイドインクルードを選択します。[ウィンドウ]-[プロパティ] を選択し、プロパティインスペクタを開きます。次のいずれかの操作を実行します。フォルダアイコンをクリックし、インクルード対象の新しいファイルを参照して選択します。テキストボックスに、インクルード対象の新しいファイルのパスとファイル名を入力します。
ページコードを使用した操作
サポートされる言語
無効なマークアップ
サポートされる言語
たとえば、Perl ファイルを作成して編集することは可能ですが、Perl のコードヒントは使用できません。
無効なマークアップ
ドキュメントに無効なコードが含まれている場合は、Dreamweaver のデザインビューにそのコードが表示されます。必要に応じて、そのコードをコードビューでハイライト表示することもできます。いずれかのビューでコードを選択すると、そのコードが無効である理由と、その修正方法が、プロパティインスペクタに表示されます。注意: コードビューで無効なコードをハイライト表示するオプションは、初期設定でオフになっています。このオプションをオンにするには、コードビューに切り替えてから ([表示]-[コード])、[表示]-[コードビューオプション]-[無効なコードをハイライト表示] を選択します。また、ドキュメントを開いたときに各種の無効なコードが自動的に書き換えられるように設定することができます。指定した基準に従って手入力のコードを自動的にクリーンアップするためのオプションを Dreamweaver で設定できます。ただし、コード書き換えオプションを有効にするか、コードを変更するアクションを実行しない限り、コードが書き換えられることはありません。たとえば、[ソースフォーマットの適用] コマンドを使用しない限り、Dreamweaver は、ユーザーが記述した空白や属性の大文字小文字を変更しません。これらのコード書き換えオプションの一部は初期設定で有効になっています。これらの機能は、以下のとおりです。では、サードパーティ製のテキストエディタを起動して、現在のドキュメントを編集します。初期設定では、無効なコードであっても、別の HTML エディタで作成または編集したコードが Dreamweaver で変更されることはありません。ただし、コード書き換えオプションを有効にしている場合はこの限りではありません。コードビューで無効なコードを黄色でハイライト表示するように Dreamweaver を設定することもできます。ハイライト表示されたセクションを選択すると、プロパティインスペクタにエラーの修正方法が表示されます。また、その他の XHTML 要件に対応するために必要なツールも用意されています。注意: 一部の要件は、HTML の各種バージョンの要件と同じです。ドキュメントには、ルートエレメントの前に DOCTYPE 宣言が必要です。または、XHTML ドキュメントにフレームセットがある場合は次のようになります。ドキュメントのルートエレメントは html にしてください。ドキュメントのすべてのエレメントは、適切にネストされる必要があります。正しくネストされたコードを生成します。すべてのエレメントおよび属性名は、小文字にする必要があります。また、タグおよび属性の大文字/小文字の設定にかかわらず、クリーンアップ時に小文字にします。DTD で EMPTY と宣言されているエレメントを除き、すべてのエレメントには終了タグが必要です。生成するコードに終了タグを挿入します。また XHTML クリーンアップ時に終了タグを挿入します。空のエレメントには終了タグを付けるか、開始タグの末尾を /> にする必要があります。空のエレメントは以下のとおりです。XML をサポートしていないブラウザとの下位互換性のためには、/> の前にスペースが必要です。生成するコードの空のタグに、終了スラッシュの前にスペースを入れて空のエレメントを挿入します。また、XHTML クリーンアップ時にも同様の操作を行います。属性を省略して短くすることはできません。この要件は次の属性に適用されます。生成するコードに、完全な属性値のペアを挿入します。また XHTML クリーンアップ時に同様の処理を行います。メモ : HTML ブラウザが HTML 4 をサポートしていない場合は、完全なフォームで記述されていても、これらのブール値の属性が認識されないことがあります。すべての属性値は、引用符で囲む必要があります。生成するコードの属性値を引用符で囲みます。また、XHTML クリーンアップ時に同様の処理を行います。
正しい形式は、列挙型の値を持つ属性の場合、この値は小文字にする必要があります。列挙型の値は、指定された使用可能な値のリストから得られる値です。生成するコードの列挙型の値を小文字にします。また、XHTML クリーンアップ時に同様の処理を行います。XHTML クリーンアップ時にも同様の処理を行います。生成するコードのこれらの属性を設定します。また、XHTML クリーンアップ時に同様の処理を行い、alt 属性のないものをレポートします。正規表現とは、テキスト内の文字の組み合わせを表すパターンのことです。コードの検索に正規表現を使用すると、たとえば "var" で始まる行や、数値を含んだ属性値など、概念的な検索対象を指定できます。以下の表は、正規表現の特殊文字、その意味、および使用例を示しています。この表のいずれかの特殊文字を含むテキストを検索するには、その特殊文字の前にバックスラッシュを付けてエスケープします。
入力または行の始め
入力または行の終わり
直前の文字の 0 回以上の繰り返し
直前の文字の 1 回以上の繰り返し
直前の文字を 0 回または 1 回 (直前の文字がオプションであることを示す)
新行 (改行) 以外のすべての単一文字
直前の文字の n 回繰り返し
直前の文字の最低 n 回、最高 m 回の繰り返し
カッコ内に含まれる文字 1 つ
カッコ内に含まれない文字 1 つ
語境界 (スペース、改行など)
語境界以外のすべて
スペース、タブ、用紙送り、改行を含むホワイトスペース 1 つ
非ホワイトスペース 1 つ
正規表現を使用しない場合に改行文字を検索するときは、[ホワイトスペースの違いを無視] をオフにしてください。この検索では、一般の意味の改行ではない特定の文字が検索されます。デザインビューでは、改行文字は改行ではなくスペースとして表示されます。カッコで正規表現内をグループ分けし、後で参照できるように区別します。Dreamweaver では、動的ページの開発時に [サーバービヘイビア] パネルからサーバービヘイビアを選択すると、適切なコードブロックがページに挿入され、そのサーバービヘイビアが機能するようになります。このコードブロック内のコードを手動で変更すると、該当するサーバービヘイビアを [バインディング] や [サーバービヘイビア] などのパネルを使用して編集することはできなくなります。Dreamweaver は、ページコード内の特定のパターンに基づいてサーバービヘイビアを検出し、[サーバービヘイビア] パネルに表示します。コードブロック内のコードがなんらかの形で変更されると、Dreamweaver ではサーバービヘイビアを検出できなくなり、したがって [サーバービヘイビア] パネルに表示できなくなります。しかしその場合でも、サーバービヘイビアはページ内に残り、Dreamweaver のコーディング環境で編集できます。
コードヒントの使用
コードの表示方法の設定
コードの書き換えの環境設定
コーディングの環境設定
キーボードショートカットのカスタマイズ
コード内のタグ、属性、またはテキストの検索
検索パターンの保存と再利用
ビジュアル開発のためのワークスペースの最適化
データベースのレコードの表示
ページへのコンテンツの追加 / テキストの追加とフォーマット
プロパティインスペクタでのテキストプロパティの設定
プロパティインスペクタでの CSS ルールの編集
プロパティインスペクタでの HTML フォーマットの設定
テキストのプロパティインスペクタを使用して、HTML フォーマットまたは CSS フォーマットを適用することができます。HTML フォーマットを適用すると、ページ本文の HTML コードにプロパティが追加されます。CSS フォーマットを適用すると、ドキュメントのページヘッド内、または別のスタイルシート内にプロパティが書き込まれます。注意: CSS インラインスタイルを作成すると、ページ本文にスタイル属性コードが直接追加されます。
プロパティインスペクタでの CSS ルールの編集
プロパティインスペクタが開いていない場合は、[ウィンドウ]-[プロパティ] を選択して開き、[CSS] ボタンをクリックします。次のいずれかの操作を実行します。変更対象のルールを使用して既にフォーマットされているテキストブロック内に挿入ポイントを置きます。目的のルールが [ターゲットのルール] ポップアップメニューに表示されます。[ターゲットのルール] ポップアップメニューからルールを選択します。CSS プロパティインスペクタで、各種のオプションを使用してルールに変更を加えます。
ターゲットのルール
CSS プロパティインスペクタでの編集対象となるルールを示します。テキストに何らかの既存スタイルを適用している場合、ページ上で目的のテキスト内をクリックすると、そのフォーマットに影響を及ぼしているルールが表示されます。また、[ターゲットのルール] ポップアップメニューでは、新規 CSS ルールの作成、新規インラインスタイルの作成、および、選択したテキストに対する既存クラスの適用もできます。新規ルールを作成する場合は、[新規 CSS ルール] ダイアログボックスで必要な事項を入力します。詳細については、このトピックの末尾に示すリンクを参照してください。
ルールの編集
ターゲットのルールに対する [CSS ルール定義] ダイアログボックスを開きます。ただし、[ターゲットのルール] ポップアップメニューから [新規 CSS ルール] を選択して [ルールの編集] ボタンをクリックした場合は、新規の [CSS ルール定義] ダイアログボックスが表示されます。[CSS スタイル] パネルを開き、ターゲットのルールに関するプロパティを現在のビューに表示します。ターゲットのルールで使用するフォントを変更します。ターゲットのルールで使用するフォントサイズを設定します。ターゲットのルールで使用するフォントカラーを指定します。カラーボックスをクリックして Web セーフカラーを選択するか、その横のテキストフィールドに #FF0000 などの 16 進数値を入力します。ターゲットのルールにボールドのプロパティを追加します。ターゲットのルールにイタリックのプロパティを追加します。
左揃え、中央揃え、右揃え
ターゲットのルールにそれぞれの整列プロパティを追加します。注意: [フォント]、[サイズ]、[テキストカラー]、[ボールド]、[イタリック]、[行揃え] の各プロパティには、ドキュメントウィンドウで現在選択されている範囲に適用されるルールのプロパティが常に表示されます。プロパティに変更を加えると、ターゲットのルールに変更を加えることになります。
CSS プロパティインスペクタの操作方法に関するビデオチュートリアルについては、www
プロパティインスペクタでの HTML フォーマットの設定
プロパティインスペクタが開いていない場合は、[ウィンドウ]-[プロパティ] を選択して開き、[HTML] ボタンをクリックします。フォーマットしたいテキストを選択します。選択したテキストに適用するオプションを設定します。選択したテキストの段落スタイルを設定します。たとえば、[段落] を選択すると <p> タグの初期設定のフォーマットが適用され、[見出し 1] を選択すると H1 タグが追加されます。選択範囲に ID を割り当てます。[ID] ポップアップメニュー (該当する場合) には、そのドキュメントについて宣言されている未使用の ID が一覧表示されます。選択したテキストに現在適用されているクラススタイルを表示します。選択範囲にスタイルがまったく適用されていない場合は、ポップアップメニューに [CSS スタイルなし] と表示されます。選択範囲に複数のスタイルが適用されている場合は、メニューに何も表示されません。[スタイル] メニューを使用して、以下のいずれかの操作を行います。選択範囲に適用するスタイルを選択します。[なし] を選択すると、現在選択しているスタイルが削除されます。[名前の変更] を選択すると、スタイルの名前を変更できます。[スタイルシートを添付] を選択すると、ページに外部スタイルシートを関連付けるダイアログボックスが開きます。[環境設定] ダイアログボックスの [一般] カテゴリのスタイルの環境設定に従って、選択したテキストに <i> または <em> が適用されます。選択したテキストのブレットリストを作成します。テキストが選択されていない場合は、新しいブレットリストが開始します。選択したテキストの番号リストを作成します。テキストが選択されていない場合は、新しい番号リストが開始します。
インデントおよびインデント解除
blockquote タグが適用または削除され、選択したテキストのインデントが設定または解除されます。リストにインデントを設定するとネストしたリストが作成され、インデントを解除するとリストのネストが解除されます。選択したテキストのハイパーテキストリンクを作成します。フォルダアイコンをクリックしてサイト内のファイルを参照するか、URL を入力します。または、[ファイルの指定] アイコンを [ファイル] パネル内のファイルにドラッグするか、[ファイル] パネル内のファイルをボックスにドラッグします。ハイパーテキストリンクに対するツールヒントのテキストを指定します。リンクされたドキュメントをロードするフレームまたはウィンドウを指定します。_blank は、リンクされたファイルを新規のブラウザウィンドウにロードします。_parent を選択すると、リンクされたファイルは、リンクが含まれているフレームの親フレームセットまたはウィンドウにロードされます。リンクを含むフレームがネストされていない場合は、リンクされているファイルは、ブラウザウィンドウ全体にロードします。_self は、リンクされたファイルを、リンクと同じフレームまたはウィンドウにロードします。このターゲットはあらかじめ指定されているので、通常は指定する必要がありません。_top は、リンクされたファイルをブラウザウィンドウ全体にロードして、すべてのフレームを削除します。
セル、行、列のプロパティの設定
ページへのコンテンツの追加 / 他のメディアオブジェクトの追加
特定のファイルタイプについて起動する外部エディタの明示的な指定
新しいファイルタイプの追加とエディタの関連付け
ファイルタイプの削除
Dreamweaver でファイルタイプを編集する際に使用するエディタを指定できます。
特定のファイルタイプについて起動する外部エディタの明示的な指定
[編集]-[環境設定] を選択し、[カテゴリ] リストから [ファイルタイプ/エディタ] を選択します。mpg などのファイル名の拡張子が [拡張子] の左下に一覧表示されます。選択した拡張子に関連付けられている外部エディタが [エディタ] の右下に一覧表示されます。[拡張子] リストでファイルタイプの拡張子を選択し、以下のいずれかの操作を行います。ファイルタイプに新しいエディタを関連付けるには、[エディタ] リストの上にある [+] ボタンをクリックして表示されたダイアログボックスに情報を入力します。あるエディタをファイルタイプのプライマリエディタ ([ファイル] パネルでそのファイルタイプをダブルクリックした時に起動するエディタ) にするには、[エディタ] リストからそのエディタを選択して [プライマリエディタに設定] をクリックします。エディタとファイルタイプの関連付けを解除するには、[エディタ] リストでそのエディタを選択し、[エディタ] リストの上にある [-] ボタンをクリックします。
新しいファイルタイプの追加とエディタの関連付け
[拡張子] リストの上にある [+] ボタンをクリックしてファイルタイプの拡張子 (拡張子の前に付くピリオド (複数の拡張子を関連付けるには、それぞれをスペースで区切って入力します。
たとえば、システムにインストールされている XML エディタに
[エディタ] リストの上にある [+] ボタンをクリックして表示されたダイアログボックスに情報を入力し、そのファイルタイプのエディタを選択します。
ファイルタイプの削除
[拡張子] リストでファイルタイプを選択し、[拡張子] リストの上にある [-] ボタンをクリックします。注意: ファイルタイプは、一度削除すると元に戻せないので、よく確認してから削除してください。
ページへのコンテンツの追加 / SWF ファイルの挿入
SWF ファイルの挿入とプレビュー
ドキュメントウィンドウでの SWF ファイルのプレビュー
SWF ファイルプロパティの設定
Dreamweaver を使用してページに SWF ファイルを追加した後は、ドキュメント上またはブラウザ上でページをプレビューできます。また、プロパティインスペクタでは SWF ファイルのプロパティを設定できます。ドキュメントウィンドウのデザインビューで、コンテンツの挿入ポイントを配置してから、次のいずれかの操作を行います。
表示されるダイアログボックスで、SWF ファイル (ドキュメントウィンドウに SWF ファイルのプレースホルダーが表示されます。プレースホルダーには、タブのある青いアウトラインが付きます。また、タブには目のアイコンも表示されます。このアイコンは、SWF ファイルと、適切なバージョンの Flash Player を使用していないユーザーに対して表示されるダウンロード情報との切り替えスイッチとして機能します。ファイルを保存します。SWF ファイルを Web サーバーにアップロードする際は、これらのファイルも合わせてアップロードする必要があります。依存ファイルがアップロードされていないと、ブラウザに SWF ファイルが正しく表示されません。ASP ページでは、SWF または FLV ファイルを挿入する場合に、ネストされたオブジェクト / 埋め込みコードを使用します。ネストされたオブジェクトコードは使用しません。Flash Player のバージョンが適切でない場合、初期設定では、最新バージョンのダウンロードを促す代替コンテンツがページ上に表示されます。この代替コンテンツはいつでも変更できます。同様の処理は FLV ファイルにも適用されます。簡単インストールを実行しないことをユーザーが選択すると、それから代替コンテンツが表示されます。ドキュメントウィンドウのデザインビューで、SWF ファイルまたは FLV ファイルを選択します。SWF ファイルまたは FLV ファイルのタブにある目のアイコンをクリックします。または、Ctrl + ] を押して代替コンテンツの表示に切り替えることもできます。Dreamweaver で他のコンテンツを編集する場合と同じように、コンテンツの編集操作を実行します。注意: 代替コンテンツとして SWF ファイルや FLV ファイルを追加することはできません。目のアイコンをもう一度クリックして、SWF (または FLV) の表示に戻します。
ドキュメントウィンドウでの SWF ファイルのプレビュー
ドキュメントウィンドウで、SWF ファイルのプレースホルダーをクリックしてコンテンツを選択します。プロパティインスペクタ ([ウィンドウ]-[プロパティ]) で、[再生] ボタンをクリックします。[停止] ボタンをクリックするとプレビューが終了します。また、F12 キーを押すと、SWF ファイルをブラウザでプレビューできます。
SWF ファイルプロパティの設定
プロパティインスペクタでは SWF ファイルのプロパティを設定できます。すべてのプロパティを表示するには、プロパティインスペクタの右下隅にある縮小の三角形をクリックします。プロパティインスペクタの左端にあるラベルの付いていないテキストボックスに ID を入力します。
幅および高さ
ムービーの幅と高さをピクセル単位で指定します。フォルダアイコンをクリックして、ファイルを参照するか、パスを入力します。SWF ファイルを編集するには、ムービーのソースドキュメントを更新します。ムービー領域の背景色を指定します。この背景色は、ムービーのロード時および再生後など、ムービーの再生中以外でも表示されます。Flash がコンピュータにインストールされていない場合、このオプションは使用できません。ムービーに適用する CSS クラスを指定します。ムービーが連続的に再生されるようにします。[ループ] をオンにしないと、ムービーは一度再生されて停止します。ページをロードしたときにムービーが自動的に再生されます。
縦間隔と横間隔
それぞれムービーの上部と下部、左と右に残すホワイトスペースのピクセル数を指定します。ムービーの再生中のアンチエイリアスを制御します。品質を高く設定するとムービーの外観が高品質になりますが、高品質に設定したムービーを画面に正しく表示するには、より高速なプロセッサが必要とされます。[低] では外観よりも処理速度を優先し、[高] では処理速度よりも外観を優先します。[自動 (低)] では、最初は速度を優先し、可能な場合には後から外観の品質を向上します。[自動 (高)] では、最初は外観と処理速度の両方を重視し、必要な場合には、処理速度を優先して後から外観の品質を下げます。[幅] テキストボックスと [高さ] テキストボックスで設定した寸法にムービーの寸法を合わせる方法を指定します。初期設定では、ムービー全体が表示されます。ページ上のムービーの整列方法を指定します。SWF ファイルに透明領域があり、その後方に DHTML エレメントが表示されるようにするには、[透明] を選択します。ムービーをドキュメントウィンドウで再生します。ムービーに渡す追加のパラメータを入力するためのダイアログボックスが表示されます。これら追加のパラメータに適合するようにムービーをデザインする必要があります。
ページへのコンテンツの追加 / イメージの追加と変更
イメージの視覚的なサイズ変更
エレメントの視覚的なサイズ変更
イメージを元のサイズに戻す。
サイズ変更したイメージのリサンプリング
Dreamweaver でイメージを視覚的にサイズ変更することにより、イメージの大きさによってレイアウトがどのように変化するか確認できます。ただし、指定した比率にイメージファイルそのものが拡大/縮小されるわけではありません。Dreamweaver でイメージの見かけ上のサイズのみ変更し、イメージファイル自体のサイズをイメージ編集アプリケーション (Adobe Fireworks など) で拡大/縮小する操作をしない場合は、該当するページをロードする際にユーザーのブラウザ側でイメージの拡大/縮小処理が実行されます。このため、ページのダウンロード時間が長くなると共に、ユーザーのブラウザにイメージが正しく表示されない可能性があります。ダウンロード時間を短縮し、イメージのすべてのインスタンスが同じサイズで表示されるようにするには、イメージ編集アプリケーションを使ってイメージを拡大/縮小します。Dreamweaver でイメージのサイズを変更するとき、新しい寸法に収まるようにイメージをリサンプリングできます。リサンプリングでは、サイズ変更する JPEG および GIF イメージファイルに対しピクセルを追加または減らすことで、元のイメージの表示に可能な限り合わせることができます。イメージのリサンプリングを行うと、イメージのファイルサイズが縮小し、ダウンロードのパフォーマンスが向上します。
エレメントの視覚的なサイズ変更
ドキュメントウィンドウでエレメント (イメージまたは SWF ファイルなど) を選択します。エレメントの下部と右側、および右下隅にサイズ変更ハンドルが表示されます。サイズ変更ハンドルが表示されない場合は、エレメント以外の場所をクリックして選択解除してから、もう一度エレメントを選択するか、タグセレクタの該当するタグをクリックして選択します。以下のいずれかの操作を行って、エレメントのサイズを変更します。エレメントの幅を調節するには、右辺の選択ハンドルをドラッグします。エレメントの高さを調節するには、下辺の選択ハンドルをドラッグします。エレメントの幅と高さを同時に調節するには、角の選択ハンドルをドラッグします。Shift キーを押しながら角の選択ハンドルをドラッグすると、縦横比 (その幅 : 高さの比率) を保持したまま、エレメントのサイズを変更できます。エレメントの幅と高さを特定サイズ (たとえば、1 x 1 ピクセル) に調整するには、プロパティインスペクタを使って数値を入力します。エレメントをドラッグ操作でサイズ変更する場合は、最小 8 x 8 ピクセルまで縮小できます。元のサイズに戻すには、プロパティインスペクタで [幅] および [高さ] テキストボックスの値を削除するか、イメージプロパティインスペクタで [サイズのリセット] ボタンをクリックします。イメージを元のサイズに戻す。イメージのプロパティインスペクタで [サイズのリセット] ボタン をクリックします。
サイズ変更したイメージのリサンプリング
上記の手順で、イメージをサイズ変更します。イメージのプロパティインスペクタで [リサンプリング] ボタン をクリックします。注意: ビットマップ以外のエレメントや、イメージプレースホルダーはリサンプリングできません。
ページへのコンテンツの追加 / ページの操作
ページプロパティの設定
CSS ページフォント、背景色、および背景イメージプロパティの設定
CSS リンクプロパティの設定
CSS ページの見出しプロパティの設定
タイトルとエンコードのページプロパティの設定
トレーシングイメージを使用したページのデザイン
[ページプロパティ] ダイアログボックス ([修正]-[ページプロパティ]) を使用すると、Dreamweaver で作成したページごとにレイアウトやフォーマットのプロパティを指定できます。[ページプロパティ] ダイアログボックスでは、初期設定のフォントファミリーとフォントサイズ、背景色、マージン、リンクスタイル、およびその他の多数のページデザインプロパティを指定できます。[ページプロパティ] ダイアログボックスでの変更内容は、ページ全体に適用されます。それらのルールは、ページの head セクションに埋め込まれます。
HTML を使用してページプロパティを設定することも可能ですが、そのためには、[ページプロパティ] ダイアログボックスで [外観 (HTML)] カテゴリを選択する必要があります ([タイトル/エンコーディング] ダイアログボックスと [トレーシングイメージ] ダイアログボックスでも、ページプロパティは HTML を使用して設定されます)
注意: 選択したページプロパティは、アクティブなドキュメントにのみ適用されます。ページで外部 CSS スタイルシートを使用する場合、Dreamweaver ではスタイルシートで設定されているタグは上書きされません。上書きすると、このスタイルシートを使用するその他すべてのページに影響がでるためです。[修正]-[ページプロパティ] を選択するか、テキストのプロパティインスペクタの [ページプロパティ] ボタンをクリックします。ページプロパティを編集し、[OK] をクリックします。
CSS ページフォント、背景色、および背景イメージプロパティの設定
[ページプロパティ] ダイアログボックスで、フォント、背景色、背景イメージなど、Web ページのいくつかの基本的なページレイアウトオプションを指定できます。[修正]-[ページプロパティ] を選択するか、テキストのプロパティインスペクタの [ページプロパティ] ボタンをクリックします。Web ページで使用する初期設定のフォントファミリーを指定します。Dreamweaver では、テキストエレメントに別のフォントが設定されていない限り、ここで指定したフォントファミリーが使用されます。Web ページで使用する初期設定のフォントサイズを指定します。Dreamweaver では、テキストエレメントに別のフォントサイズが設定されていない限り、ここで指定したフォントサイズが使用されます。フォントのレンダリングに使用する初期設定のカラーを指定します。ページの背景色を設定します。[背景色] ボックスをクリックして、カラーピッカーからカラーを選択します。背景イメージを設定します。[参照] ボタンをクリックし、イメージを参照して選択します。または、[背景イメージ] ボックスに背景イメージへのパスを入力します。背景イメージがウィンドウ全体に満たない場合、Dreamweaver ではブラウザの場合と同様に背景イメージがタイル状に (繰り返して) 表示されます。背景イメージを繰り返さないようにするには、CSS を使用して、イメージの繰り返しを無効にします。ページ上で背景イメージをどのように表示するかを指定します。背景イメージを 1 度だけしか表示しない場合は、[リピートなし] オプションを選択します。イメージを水平および垂直に繰り返すまたは並べて表示する場合は、[リピート] オプションを選択します。イメージを水平に並べて表示する場合は、[X 軸にリピート] を選択します。イメージを垂直に並べて表示する場合は、[Y 軸にリピート] を選択します。左右のページマージンのサイズを指定します。上下のページマージンのサイズを指定します。[ページプロパティ] ダイアログボックスのこのカテゴリでプロパティを設定すると、ページの CSS フォーマットではなく HTML が生成されます。[修正]-[ページプロパティ] を選択するか、テキストのプロパティインスペクタの [ページプロパティ] ボタンをクリックします。背景イメージを設定します。[参照] ボタンをクリックし、イメージを参照して選択します。または、[背景イメージ] ボックスに背景イメージへのパスを入力します。背景イメージがウィンドウ全体に満たない場合、Dreamweaver ではブラウザの場合と同様に背景イメージがタイル状に (繰り返して) 表示されます。背景イメージを繰り返さないようにするには、CSS を使用して、イメージの繰り返しを無効にします。ページの背景色を設定します。[背景色] ボックスをクリックして、カラーピッカーからカラーを選択します。フォントのレンダリングに使用する初期設定のカラーを指定します。リンクテキストに適用するカラーを指定します。
訪問済みリンク
訪問済みリンクに適用するカラーを指定します。マウス (またはポインタ) でリンクをクリックしたときに適用するカラーを指定します。左右のページマージンのサイズを指定します。上下のページマージンのサイズを指定します。
CSS リンクプロパティの設定
リンク、訪問済みリンク、およびアクティブリンクで使用する初期設定のフォント、フォントサイズ、およびカラーを定義できます。[修正]-[ページプロパティ] を選択するか、テキストのプロパティインスペクタの [ページプロパティ] ボタンをクリックします。
リンクのフォント
リンクテキストで使用する初期設定のフォントファミリーを指定します。初期設定では、別のフォントが指定されていない限り、ページ全体に対して指定されたフォントファミリーが使用されます。リンクテキストで使用する初期設定のフォントサイズを指定します。リンクテキストに適用するカラーを指定します。
訪問済みリンク
訪問済みリンクに適用するカラーを指定します。マウス (またはポインタ) がリンクの上に置かれたときに適用するカラーを指定します。マウス (またはポインタ) でリンクをクリックしたときに適用するカラーを指定します。リンクに適用するアンダーラインを指定します。たとえば、外部 CSS スタイルシートを通して、ページで既にアンダーラインのリンクスタイルが定義されている場合は、[アンダーライン] メニューは "変更しない" オプションに設定されます。このオプションにより、定義済みのリンクスタイルについて警告されます。[ページプロパティ] ダイアログボックスでアンダーラインのリンクスタイルを変更すると、前のリンク定義が変更されます。
CSS ページの見出しプロパティの設定
リンク、訪問済みリンク、およびアクティブリンクで使用する初期設定のフォント、フォントサイズ、およびカラーを定義できます。[修正]-[ページプロパティ] を選択するか、テキストのプロパティインスペクタの [ページプロパティ] ボタンをクリックします。
見出しのフォント
見出しで使用する初期設定のフォントファミリーを指定します。Dreamweaver では、テキストエレメントに別のフォントが設定されていない限り、ここで指定したフォントファミリーが使用されます。6 レベルまでの見出しタグに使用するフォントのサイズとカラーを指定します。
タイトルとエンコードのページプロパティの設定
リンク、訪問済みリンク、およびアクティブリンクで使用する初期設定のフォント、フォントサイズ、およびカラーを定義できます。[タイトル / エンコーディング] ページプロパティカテゴリでは、Web ページのオーサリングに使用する言語に特有のドキュメントエンコードタイプと、そのエンコードタイプで使用する Unicode 正規化形式を指定できます。[修正]-[ページプロパティ] を選択するか、テキストのプロパティインスペクタの [ページプロパティ] ボタンをクリックします。[タイトル/エンコーディング] カテゴリを選択し、オプションを設定します。ドキュメントウィンドウおよびほとんどのブラウザウィンドウのタイトルバーに表示されるページタイトルを指定します。ドキュメントタイプ定義を指定します。ドキュメント内の文字に使用されるエンコードを指定します。ドキュメントエンコーディングとして Unicode (UTF-8) を選択した場合、UTF-8 ではすべての文字を適切に表すことができるため、エンティティエンコーディングは必要ありません。他のドキュメントエンコーディングを選択した場合は、一部の文字を表すためにエンティティエンコーディングが必要になることがあります。
文字エンティティの詳細については、www
既存のドキュメントを変換するか、新しいエンコードを使用して再度開きます。ドキュメントのエンコードとして UTF‐8 を選択する場合のみ有効になります。最も重要なものは正規化形式 C です。Unicode では、視覚的には似ていても、異なる方法でドキュメント内に保存できるいくつかの文字があります。Unicode 結合文字は前の文字とともに使用されるので、ウムラウトは "ラテン文字 e" の上に表示されます。どちらの形式も視覚的には同じ文字体裁になりますが、ファイルに保存される方法は各形式で異なります。正規化は、異なる形式で保存できるすべての文字が、すべて同じ形式を使って保存されるようにする処理です。つまり、ドキュメントにあるすべての "ë" 文字は 1 つの "e ウムラウト" または "e" + "結合ウムラウト" として保存され、1 つのドキュメントに両方の形式で保存されることはありません。ドキュメントにバイトオーダーマーク (BOM) を含めます。ファイルが Unicode である場合は、後続のバイトのバイトオーダーを指定します。
トレーシングイメージを使用したページのデザイン
ページのデザインでガイドとして使用するイメージファイルを挿入できます。[修正]-[ページプロパティ] を選択するか、テキストのプロパティインスペクタの [ページプロパティ] ボタンをクリックします。[トレーシングイメージ] カテゴリを選択し、オプションを設定します。デザインをコピーするガイドとして使用するイメージを指定します。このイメージは、リファレンス専用です。また、ドキュメントがブラウザに表示されるときには表示されません。トレーシングイメージの透明度を、完全に透明から完全に不透明の間で指定します。
ファイルの作成と管理 / サーバーからのファイルの取得とサーバーへのファイルの送信
リモートサーバーからのファイルの取得
[ファイル] パネルを使用したリモートサーバーからのファイルの取得
ドキュメントウィンドウを使用したリモートサーバーからのファイルの取得
ファイルをリモートサイトからローカルサイトにコピーするには、[GET] コマンドを使用します。ファイルを取得するには、ドキュメントウィンドウの [ファイル] パネルを使用します。Dreamweaver により、表示および保存できる転送中のファイル操作のログが作成されます。注意: バックグラウンドでのファイル転送をオフにすることはできません。[バックグラウンドファイル操作] ダイアログボックスで詳細ログを開いている場合、そのログを閉じるとパフォーマンスが向上します。FTP を使ってファイルを転送中にエラーが発生した場合、FTP サイトログを問題解決に利用できます。
[ファイル] パネルを使用したリモートサーバーからのファイルの取得
[ファイル] パネル ([ウィンドウ]-[ファイル]) で、ダウンロードするファイルを選択します。通常、これらのファイルはリモートビューで選択しますが、対応するファイルをローカルビューで選択することもできます。[リモートビュー] がアクティブな場合、Dreamweaver により、選択したファイルがローカルサイトにコピーされます。ローカルビューがアクティブな場合は、Dreamweaver により、選択したローカルファイルのリモートバージョンがローカルサイトにコピーされます。注意: リモートのバージョンがローカルのバージョンより新しいファイルだけを取得するには、[同期] コマンドを使用します。ファイルを取得するには以下のいずれかの操作を行います。[ファイル] パネルのツールバーの [GET] ボタンをクリックします。依存ファイルをダウンロードする場合は [依存ファイル] ダイアログボックスで [はい] をクリックします。依存ファイルのローカルコピーが既にある場合は [いいえ] をクリックします。初期設定では、依存ファイルはダウンロードされません。このオプションは、[編集]-[環境設定]-[サイト] で設定できます。チェックイン/チェックアウトシステムが有効な場合にファイルを取得すると、ファイルは「読み取り専用」でローカルサイトにコピーされます。他のユーザーはリモートサイトまたはテストサーバーでそのファイルをチェックアウトできます。チェックイン/チェックアウトシステムを使用していない場合にファイルを取得すると、コピーされるファイルは「読み取りおよび書き込み」が可能になります。注意: グループで共同作業をしている場合、つまり他のユーザーが同じファイルで作業する場合は、[ファイルのチェックイン/チェックアウト] をオンにすることをお勧めします。他のユーザーがサイトでチェックイン/チェックアウトシステムを使っている場合は、同じシステムを使うことを推奨します。ファイル転送はいつでも停止できます。転送を停止するには、[バックグラウンドファイル操作] ダイアログボックスの [キャンセル] ボタンをクリックします。
ドキュメントウィンドウを使用したリモートサーバーからのファイルの取得
ドキュメントウィンドウでドキュメントがアクティブになっていることを確認します。ファイルを取得するには以下のいずれかの操作を行います。ドキュメントウィンドウのツールバーの [ファイル管理] アイコンをクリックし、メニューから [GET] を選択します。注意: 現在のファイルが [ファイル] パネルの現在のサイトの一部ではない場合は、Dreamweaver により現在のファイルがどのローカルサイトに属しているかが調べられます。[ファイル] パネルの右上にある [オプション] メニューをクリックします。注意: 展開された [ファイル] パネルで、[FTP ログ] ボタンをクリックするとログが表示されます。
ファイルのチェックインとチェックアウト
ファイルの同期
キーボードショートカットをカスタマイズする。
キーボードショートカットの作成
コマンドからショートカットを削除する。コマンドにショートカットを追加する。既存のショートカットを編集する。キーボードショートカットエディタを使用すると、コードスニペット用のキーボードショートカットも含め、独自のショートカットキーを作成できます。ショートカットの削除、既存のショートカットの編集、およびあらかじめ定義されているショートカットのセットの選択も可能です。
キーボードショートカットの作成
独自のショートカットキーを作成するか、既存のショートカットを編集するか、あらかじめ設定されているショートカットのセットを選択します。必要に応じて次のオプションを設定して、[OK] をクリックします。
現在のセット
Dreamweaver にあらかじめ定義されているショートカットキーのセットや、ユーザーが定義したカスタムセットを選択できます。あらかじめ設定されているセットがメニューの上部に表示されます。たとえば、HomeSite や BBEdit にあるショートカットを使い慣れている場合は、対応するあらかじめ定義されているセットを選択してそれらのショートカットを使用できます。編集するコマンドのカテゴリを選択します。たとえば、[開く] コマンドなどのメニューコマンドや [カッコ内を選択] などのコード編集コマンドを編集できます。コードスニペット用のキーボードショートカットを追加または編集するには、[コマンド] ポップアップメニューで [スニペット] を選択します。[コマンド] ポップアップメニューから選択したカテゴリに関連するコマンドと割り当てたショートカットキーが表示されます。[メニューコマンド] カテゴリには、このリストがメニューの構造と同様のツリービューとして表示されます。その他のカテゴリには、コマンドの名前 ([アプリケーションの終了] など) の一覧が表示されます。選択したコマンドに割り当てたショートカットキーの一覧が表示されます。
ショートカットの作成 (+)
現在のコマンドに新しいショートカットを追加します。このボタンをクリックすると、新しい空白行が [ショートカット] に追加されます。新しいキーの組み合わせを入力し、[変更] をクリックすると、コマンドに新しいショートカットキーが追加されます。コマンドごとに 2 つの異なるキーボードショートカットを割り当てることができます。既に 2 つのショートカットがコマンドに割り当てられている場合、[項目の追加] ボタンをクリックしても何も実行されません。ショートカットの削除 (-)選択したショートカットをショートカット一覧から削除します。ショートカットを追加または変更するときに、入力したキーの組み合わせが表示されます。[キー制御] に表示されるキーの組み合わせをショートカットのリストに追加したり、選択したショートカットを指定したキーの組み合わせに変更します。現在のセットを複製します。新しいセットに名前を付けてください。初期設定の名前は、現在のセットの名前にコピーを付加したものです。
セットの名前を変更
現在のセットの名前を変更します。現在のセットを、表示やプリントに便利な HTML テーブル形式で保存します。HTML ファイルをブラウザで開き、ショートカットキーの一覧を印刷して参照することができます。
セットの削除
セットを削除します。アクティブなセットは削除できません。コマンドからショートカットを削除する。[コマンド] ポップアップメニューからコマンドカテゴリを選択します。[コマンド] リストでコマンドを選択し、ショートカットを選択します。コマンドにショートカットを追加する。[コマンド] ポップアップメニューからコマンドカテゴリを選択します。[コマンド] リストでコマンドを選択します。コードスニペット用のキーボードショートカットを追加するには、[コマンド] ポップアップメニューで [スニペット] を選択します。コマンドに割り当てられているショートカットが [ショートカット] に表示されます。以下のいずれかの操作を行って、ショートカットを追加するための準備をします。コマンドに既に割り当てられているショートカットが 2 つよりも少ない場合、[項目の追加 (+)] ボタンをクリックします。新しい空白行が [ショートカット] に表示され、挿入ポイントが [キー制御] に移動します。
コマンドに既に 2 つショートカットが割り当てられている場合には、いずれかを選択します (選択したものが新しいショートカットに置き換えられます)
選択したら [キー制御] 内をクリックします。キーの組み合わせを押します。キーの組み合わせが [キー制御] に表示されます。注意: キーの組み合わせに問題がある場合 (キーの組み合わせが既に他のコマンドに割り当てられている場合など) は、[ショートカット] の下にメッセージが表示され、ショートカットの追加や編集ができない場合があります。[変更] をクリックします。新しいキーの組み合わせがコマンドに割り当てられます。既存のショートカットを編集する。[コマンド] ポップアップメニューからコマンドカテゴリを選択します。[コマンド] リストでコマンドを選択し、変更するショートカットを選択します。[キー制御] 内をクリックし、新しいキーの組み合わせを入力します。[変更] ボタンをクリックし、ショートカットキーを変更します。注意: キーの組み合わせに問題がある場合 (たとえば、キーの組み合わせが既に他のコマンドに割り当てられている場合) は、[ショートカット] フィールドの下にメッセージが表示され、ショートカットの追加または編集ができない場合があります。
コードスニペットの操作
テンプレート式の言語
サポートされている機能および演算子は以下のとおりです。
変数リファレンス (この項の後半に示された定義済みの変数のリストを参照)
また、オブジェクトに暗黙的に変換されるスカラータイプも使用できません。length という式はエラーを引き起こし、3 という値を求めることはできません。式オブジェクトモデルで定義されているオブジェクトのみ使用できます。定義されている変数は、以下のとおりです。ドキュメント内のパラメータごとに 1 つずつフィールドがあり、ドキュメントレベルのテンプレートデータを保持します。リピート領域内に表示される式に対してのみ定義されます。領域に関する組み込み情報を指定します。
現在のエントリの数字インデックス (0 から)
このリピート領域に含まれるエントリの合計数
現在のエントリがリピート領域の最初のエントリの場合は true
現在のエントリがリピート領域の最後のエントリの場合は true
領域の最初のエントリに対してこのプロパティを使用するとエラーになります。領域の最後のエントリに対してこのプロパティを使用するとエラーになります。ネストされたリピート領域で、外側のリピート領域の "_repeat" オブジェクトを指定します。ネストされたリピート領域以外にこのプロパティを使用するとエラーになります。title の代わりに title を入力して、ドキュメントのタイトルパラメータを表示することができます。ただし、リピート領域のパラメータによって非表示にされているドキュメントパラメータを参照するために、リピート領域の内側に _document が必要な場合を除きます。ネストされたリピート領域が使用されている場合は、最も内側にあるリピート領域のフィールドのみが暗黙的に使用可能になります。外側の領域は、_parent を使用して明示的に参照する必要があります。
HTML を使用したページレイアウト / テーブルを使用したコンテンツの表示
テーブルデータの読み込みと書き出し
テーブルデータの読み込み
テーブルの書き出し
他のアプリケーション (Microsoft Excel など) で作成され、区切り記号付きテキストフォーマット (項目がタブ、カンマ、コロン、またはセミコロンで区切られている形式) で保存された表形式のデータを Dreamweaver に読み込んで、テーブルとしてフォーマットできます。さらに、テーブル内のデータを、Dreamweaver からテキストファイルに書き出すこともできます。このとき、隣接するセルのコンテンツは区切り記号で区切られます。使用できる区切り記号は、カンマ、コロン、セミコロン、スペースです。テーブルを書き出す場合、テーブル全体が書き出されます。テーブルの一部を選択して書き出すことはできません。テーブルの中の一部のデータのみ (最初の 6 行や最初の 6 列など) が必要な場合は、そのデータを含むセルをコピーし、テーブルの外にペーストして新規テーブルを作成してから、その新規テーブルを書き出します。
テーブルデータの読み込み
次のいずれかの操作を実行します。[挿入] パネルの [データ] カテゴリで、[表データの読み込み] アイコン をクリックします。[挿入]-[テーブルオブジェクト]-[表データの読み込み] を選択します。表データの以下のオプションを指定して [OK] をクリックします。読み込むファイルの名前を指定します。[参照] ボタンをクリックしてファイルを選択します。読み込むファイルで使われている区切り文字を指定します。[その他] を選択すると、テキストボックスがポップアップメニューの右側に表示されます。ここに、ファイルで使用する区切り文字を入力します。注意: データファイルの保存時に使用された区切り文字を指定してください。区切り文字を正確に指定しないと、ファイルが適切に読み込まれず、データがテーブル内で正しくフォーマットされません。
テーブルの幅
テーブルの幅を指定します。列内で最も長いテキストストリングが収まる幅の列を作成するには、[データに適合] を選択します。ピクセル単位またはブラウザウィンドウの幅に対する割合でテーブル幅を固定値で指定するには、[設定] を選択します。テーブルのボーダー幅をピクセル値で指定します。セルのコンテンツとボーダーの間隔をピクセル単位で指定します。隣接するテーブルセルの間隔をピクセル単位で指定します。ボーダーの幅やセルの余白と間隔を明示的に指定しなければ、一般的なブラウザでは、ボーダーとセル内余白が 1、セル内間隔が 2 に設定されているものとしてテーブルが表示されます。テーブルに余白と間隔を表示しないようにするには、[セル内余白] および [セル内間隔] を 0 に設定します。ボーダーを 0 に設定しているときにセルおよびテーブルの境界を見るには、[表示]-[ビジュアルエイド]-[テーブルボーダー] を選択してください。
最上行のフォーマット
必要に応じて、テーブルの最上行に適用するフォーマットを指定できます。フォーマットなし、ボールド、イタリック、ボールドイタリックの 4 つのフォーマットオプションから選択します。
テーブルの書き出し
テーブル内の任意のセルに挿入ポイントを置きます。次のオプションを指定します。書き出すファイル内の項目間を区切るのに使用する区切り文字を指定します。オペレーティングシステムが異なれば、テキストの行末を示す方法が異なるからです。[書き出し] をクリックします。ファイル名を入力して [保存] をクリックします。
HTML を使用したページレイアウト / レイアウト用ビジュアルエイドの使用
トレーシングイメージの使用
ドキュメントウィンドウにトレーシングイメージを配置
トレーシングイメージの表示と非表示の切り替え
トレーシングイメージ位置の変更
トレーシングイメージ位置のリセット
トレーシングイメージを選択したエレメントに整列
トレーシングイメージとは、ドキュメントウィンドウの背景に配置されている JPEG、GIF、または PNG イメージのことです。トレーシングイメージは、非表示、透明度の設定、および位置の変更が可能です。ページをブラウザで表示するときに、トレーシングイメージが表示されることはありません。トレーシングイメージが表示されているときは、ページの実際の背景イメージと背景色はドキュメントウィンドウには表示されません。ページがブラウザで表示される場合は、背景イメージと背景色も表示されます。
ドキュメントウィンドウにトレーシングイメージを配置
次のいずれかの操作を実行します。[表示]-[トレーシングイメージ]-[ロード] を選択します。[修正]-[ページプロパティ] を選択し、[トレーシングイメージ] テキストボックスの横の [参照] をクリックします。[イメージソースの選択] ダイアログボックスで、イメージを選択して [OK] をクリックします。[ページプロパティ] ダイアログボックスで、[イメージの透明度] スライダをドラッグしてイメージの透明度を指定し、[OK] をクリックします。別のトレーシングイメージに切り替える場合や、現在のトレーシングイメージの透明度を変更する場合は、[修正]-[ページプロパティ] を選択します。
トレーシングイメージの表示と非表示の切り替え
トレーシングイメージ位置の変更
[表示]-[トレーシングイメージ]-[位置の調整] を選択します。トレーシングイメージの位置を正確に指定するには、[X] テキストボックスと [Y] テキストボックスに、座標値を入力します。トレーシングイメージを 1 ピクセルずつ移動するには、矢印キーを使用します。トレーシングイメージを 5 ピクセルずつ移動するには、Shift キーと矢印キーを押します。
トレーシングイメージ位置のリセット
[表示]-[トレーシングイメージ]-[位置のリセット] を選択します。トレーシングイメージが、ドキュメントウィンドウの左上隅 (0,0) に戻ります。
トレーシングイメージを選択したエレメントに整列
ドキュメントウィンドウでエレメントを選択します。[表示]-[トレーシングイメージ]-[選択範囲にイメージを整列] を選択します。トレーシングイメージの左上隅が、選択したエレメントの左上隅に揃います。[現在] モードでは、[CSS スタイル] パネルは、パネルドキュメントの現在の選択範囲の CSS プロパティを表示する [選択範囲のサマリー] ペイン、選択したプロパティ (選択範囲によっては、選択したタグのルールのカスケード) の場所を示す [ルール] ペイン、および選択範囲に適用されるルールの CSS プロパティを編集できる [プロパティ] ペインの 3 つのペインを表示します。ペインのサイズを変更するには、ペイン間のボーダーをドラッグします。列のサイズを変更するには、分割線をドラッグします。[選択範囲のサマリー] ペインには、アクティブなドキュメントで現在選択されている項目の CSS プロパティの概要とそれらの値が表示されます。この概要には、選択範囲に直接適用されるすべてのルールのプロパティが表示されます。表示されるのは、設定済みプロパティのみです。たとえば、次のルールでは、クラススタイルとタグ (この場合は段落) スタイルを作成します。
ドキュメントウィンドウで
foo のクラススタイルを持つ段落テキストを選択すると、[選択範囲のサマリー] ペインには両方のルールの該当するプロパティが表示されます。これは、両方のルールが選択範囲に適用されるためです。この場合、[選択範囲のサマリー] ペインには次のプロパティが表示されます。[選択範囲のサマリー] ペインでは、プロパティが詳細度に関して昇順に表示されます。前述の例では、タグスタイルがフォントサイズを定義し、クラススタイルがフォントファミリとカラーを定義します。クラススタイルによって定義されたフォントファミリが、タグスタイルによって定義されたフォントファミリに優先されますが、これはクラスセレクタの詳細度がタグセレクタよりも高いためです。[ルール] ペインには、選択範囲に応じて詳細ビューまたはルールビューという 2 つの異なるビューがあります。詳細ビュー (初期設定のビュー) には、選択した CSS プロパティを定義するルールの名前と、そのルールが含まれたファイルの名前が表示されます。
ルールビューには、現在の選択範囲に直接的または間接的に適用されるすべてのルールのカスケード、または階層が表示されます (ルールが直接適用されるタグは右の列に表示されます)
[ルール] ペインの右上隅にある [選択したプロパティに関する情報を表示] および [選択したタグのルールを重ねて表示] ボタンをクリックすると、2 つのビューを切り替えることができます。
[選択範囲のサマリー] ペインでプロパティを選択すると、定義されたルールのすべてのプロパティが [プロパティ] ペインに表示されます ([ルール] ビューが選択されている場合は、定義されたルールが [ルール] ペインでも選択されます)
たとえば、フォントファミリ、フォントサイズ、およびカラーを定義する。
maintext というルールがある場合、[選択範囲のサマリー] ペインでこれらの任意のプロパティを選択すると、maintext ルールで定義されたすべてのプロパティが [プロパティ] ペインに表示され、選択した。さらに、[ルール] ペインで任意のルールを選択すると、そのルールのプロパティが [プロパティ] ペインに表示されます。次に、CSS が現在のドキュメントに埋め込まれているか、添付されたスタイルシートによりリンクされているかとは無関係に、[プロパティ] ペインを使用して CSS を素早く修正できます。初期設定では、[プロパティ] ペインには設定済みプロパティのみが表示され、それらがアルファベット順に並べ替えられます。[プロパティ] ペインは 2 つの他のビューで表示することもできます。カテゴリビューには、フォント、背景、ブロック、ボーダーなどのカテゴリにプロパティがまとめて表示され、設定済みプロパティが各カテゴリの先頭に青のテキストで表示されます。リストビューには、使用可能なすべてのプロパティがアルファベット順に一覧表示され、同じように設定済みプロパティは先頭でソートされ、青のテキストで表示されます。ビューを切り替えるには、[プロパティ] ペインの左下隅にある [カテゴリビューの表示]、[リストビューの表示]、または [設定済みプロパティのみを表示] ボタンをクリックします。すべてのビューで、設定済みプロパティは青色で表示され、選択したエレメントと無関係なプロパティには赤い斜線が表示されます。無関係なルールの上にマウスを置くと、そのプロパティが無関係である理由を説明するメッセージが表示されます。通常、プロパティが無関係と判断されるのは、他に優先するプロパティが存在する場合や、そのプロパティが継承されたプロパティではない場合です。[プロパティ] ペインで行う変更はすべてすぐに適用されるので、作業を進めながらプレビューすることができます。
CSS を使用したページの作成 / カスケーディングスタイルシートについて
ショートハンド CSS プロパティについて
CSS の仕様では、ショートハンド CSS と呼ばれる簡略シンタックスを使用してスタイルを作成することができます。ショートハンド CSS では、1 つの宣言を使用して複数のプロパティ値を指定できます。ショートハンド CSS を使用する際に重要なのは、ショートハンド CSS プロパティで省略された値には初期設定値が割り当てられるという点です。したがって、同じタグに複数の CSS ルールが割り当てられている場合には、ページが正しく表示されないこともあります。たとえば、次の h1 ルールでは、長い形式の CSS シンタックスを使用しています。ショートハンドプロパティで書き換えると、同じタグは次のようになることがあります。ショートハンド表記を使用して記述した場合、省略した値には自動的に初期設定値が割り当てられます。長短の CSS シンタックス形式を使用して複数の場所でスタイルを定義した場合 (たとえば、HTML ページに埋め込んだスタイルと外部スタイルシートから読み込むスタイル)、ショートハンドルールで省略したプロパティが別のルールで明示的に指定したプロパティより優先される (カスケードされる) ことがあります。これにより、ショートハンドルールが長い形式のルールよりも優先されることによって生じる問題が回避されます。注意: [CSS スタイル] パネルでは、長い形式の表記のみを使用してルールが作成されます。[CSS スタイル] パネルを使用してページや CSS スタイルシートを作成する際、ショートハンド CSS ルールでハンドコーディングすると、ショートハンドのプロパティが、長い形式のプロパティより優先されることがあります。これを避けるため、長い形式の CSS 表記を使用してスタイルを作成してください。
スタイルレンダリングツールバーの概要
スタイルレンダリングツールバー (初期設定では非表示) には、メディア依存のスタイルシートを使用した場合に別のメディアタイプでのデザインの外観を表示できるボタンが含まれています。また、CSS スタイルの有効/無効を切り替えるボタンもあります。スタイルレンダリングツールバーを表示するには、[表示]-[ツールバー]-[スタイルレンダリング] を選択します。このツールバーは、ドキュメントでメディア依存のスタイルシートを使用している場合のみ機能します。たとえば、スタイルシートでは、ある本文ルールを印刷メディア用に指定し、別の本文ルールをハンドヘルドデバイス用に指定できます。初期設定では、screen メディアタイプのデザインが表示され、コンピュータ画面でのページの外観を確認できます。スタイルレンダリングツールバーの各ボタンをクリックすると、次のメディアタイプでの外観を表示できます。スクリーンメディアタイプをレンダリングする。コンピュータ画面でのページの表示方法を表示します。プリントメディアタイプをレンダリングする。紙に印刷したときのページの表示方法を表示します。ハンドヘルドメディアタイプをレンダリングする。携帯電話や BlackBerry デバイスなどのハンドヘルドデバイスでのページの外観を表示します。プロジェクションメディアタイプをレンダリングする。投影デバイスでのページの表示方法を表示します。TTY メディアタイプをレンダリングする。テレタイプマシンでのページの表示方法を表示します。TV メディアタイプをレンダリングする。テレビ画面でのページの表示方法を表示します。CSS スタイルの表示と非表示を切り替える。CSS スタイルの有効と無効を切り替えます。このボタンは、他のメディアタイプのボタンとは無関係に動作します。デザインタイムスタイルシートを指定します。
印刷デバイスとハンドヘルドデバイスでのスタイルシートの設計に関するチュートリアルについては、www
ツールバーの表示
置換レイヤーの作成
メニュー内のオブジェクトを置換レイヤーに変換することも、Photoshop でメニューに置換レイヤーを追加してからメニューをプロジェクトに戻すこともできます。置換レイヤー作成時に重要な点は、画像またはビデオのプレースホルダのサイズを適切に設定することです。
オブジェクトから置換レイヤーへの変換
メニュービューアで、置換レイヤーを追加するメニューを開きます。ダイレクト選択ツールで、置換レイヤーとして使用するオブジェクトを選択します。オブジェクト/置換レイヤーに変換を選択します。) を持つレイヤーセットが作成されます。これは、置換レイヤーを表します。次のいずれかの操作を行います。置換レイヤーをデザイン素材として使用する場合は、プロジェクトパネルまたはライブラリパネルから静止画を置換レイヤーにドラッグします。置換レイヤーに境界線が表示されハイライトされたら、マウスボタンを放します。
置換レイヤーをメニューテンプレートのプレースホルダとして使用する場合は、メニューテンプレートを保存します (メニューテンプレートの作成を参照してください)
画像が大きくクロップされる場合は、置換レイヤーまたは画像を Photoshop で編集します。プロジェクトパネルで、編集するメニューを選択します。画像用のレイヤーを作成します。
シェイプツールを使用するか、画像を読み込みます (白またはカラーの塗りをレイヤーに追加しておくと、Encore に読み込んだときに置換レイヤーを見ることができて便利です)
必要に応じて、マスクを追加するか、他のレイヤー効果を適用します。置換レイヤーのマスクやレイヤー効果は、メニュービューアで画像をレイヤーにドラッグしても保持されます。
レイヤーパネルでプレースホルダ画像のレイヤー名をダブルクリックし、名前にプレフィックス () を追加します。変更内容が保存され、Encore のメニューが更新されます。
ボタンまたは置換レイヤーからオブジェクトへの変換
手動での字幕の作成
モニタパネルを使用すると、ビデオを再生し、必要に応じて字幕を入力できます。メニューでテキストを入力するのと同様に、字幕テキストをインライン入力したり、バウンディングボックス内に入力したりできます。最初にバウンディングボックスを作成した場合、字幕テキストの行がボックスの端に達すると、次の行に自動的に折り返されます。ボックスのサイズを変更すると、ボックス内のテキストフローを変更できます。バウンディングボックスを使用せずに字幕を入力する場合は、必要なだけテキストを入力できます。テキストを改行するには、Enter キーを使用します。
タイムラインを開きます(既にタイムラインが開いている場合は、タイムラインビューアのタブをクリックしてタイムラインを選択します)
次のいずれかの操作を行います。新しい字幕トラックを追加するには、タイムライン/字幕トラックを追加を選択します。字幕を既存のトラックに追加するには、目的の字幕トラックの(字幕トラック名の左にある)トラックセレクタをクリックします。ウィンドウ/モニタを選択してモニタパネルを開き、セーフエリアの表示 / 非表示ボタンをクリックしてセーフエリアガイドを表示します。タイムラインビューアで、時間インジケータを字幕を追加する最初のフレームまでドラッグします。横書きまたは縦書き文字ツールをクリックします。ポインタが、周囲を点線で囲まれたテキストポインタに変わります。テキストポインタの下端付近にある細い横線は、文字のベースラインを示します。モニタパネルで、次のいずれかの操作を行います。テキストポインタをドラッグして、字幕のバウンディングボックスを作成します。字幕の開始位置としてテキストポインタのベースラインの位置を決め、クリックして文字の入力点を設定します。挿入点が表示されます。モニタパネルの下部にある字幕を追加ボタンをクリックします。空のテキストボックスが青いコーナーハンドルと共に表示されます。
文字パネルで、字幕に必要なテキストの文字属性と整列オプションを選択します (文字パネルの概要を参照してください)
ただし、ここでは字幕テキストのカラーは設定しません。カラーは、プロパティパネルのハイライトメニューからタイムラインカラーセットに基づいたグループを指定することにより設定します。詳しくは、次項の字幕のプロパティの設定を参照してください。モニタパネルで、テキストボックス内をクリックして、テキストを入力します。選択ツールをクリックしてテキスト編集モードを終了し、タイムラインおよびモニタパネル内の字幕クリップを選択します。
選択したクリップの字幕のプロパティを変更するには、プロパティパネルでオプションを設定します (字幕のプロパティの設定を参照してください)
字幕を追加する次のフレームまで時間インジケータを移動し、字幕の追加を続けます。モニタパネルの字幕を追加ボタン をクリックすると、新しい字幕がトラック上の前の字幕と同じ文字属性および段落属性に一致します。1 つのクリップには、1 つのテキストボックスのみ配置できます。テキストがすべて同じバウンディングボックス内にない限り、字幕をフレームの別の領域に配置することはできません。
オーディオトラックまたは字幕トラックを選択するためのボタンの設定
タイムラインのプレビュー
完成したプロジェクトのテストとビルド / 完成したプロジェクトのビルド
プロジェクトが完成して正しくプレビューされ、プロジェクトのトランスコードオプションを設定したら、プロジェクトをディスクに書き込むか、書き込みまたは複製用にイメージとしてビルドできます。新規プロジェクトダイアログボックス、またはプロジェクト設定ダイアログボックスでどちらの形式を選択していても、同じプロジェクトを DVD 形式と Blu-ray 形式にビルドできます。各要素を正しい形式にトランスコードするように適切に調整されます。
ビルドパネルを使用して、Web 上でインタラクティブに表示するために、プロジェクトを Flash 形式に書き出すこともできます (詳しくは、Flash 形式へのプロジェクトの書き出しを参照してください)
ディスクをビルドする前に、Encore によって問題の有無がチェックされます。エラーが見つかった場合は、エラーを表示するか続行するかをたずねるメッセージが表示されます。詳しくは、プロジェクトのチェックを参照してください。直接ディスクに書き込む場合には、適切なドライブに空のメディアが入っていることを確認します。ウィンドウ/ビルドを選択します。ファイル/ビルドを選択し、サブメニューから出力オプションを選択することもできます。出力サブメニューでオプションを選択します。Blu-ray または DVD プレーヤー、コンピュータまたはテレビゲーム機で再生するディスクを書き込みます。コンピュータで品質管理やローカル再生を行うため、ハードディスクに Blu-ray または DVD ディレクトリ構造をビルドします。ディレクトリは完全なナビゲーション機能を備え、ディスクと同様に動作します。注意: DVD または Blu-ray フォルダを作成して、そのフォルダをデータディスクに書き込むことはしないでください。このようにして書き込まれたディスクは、期待どおりに動作しません。ただし、DVD ビデオまたは BDMV のフォルダの書き込みに対応したアプリケーションを使用して、DVD または Blu-ray フォルダを書き込んだ場合は、正しく動作します。通常、イメージは、サードパーティのマスタリングアプリケーションを使用したローカルでの複製に使用されます。DVD マスターを作成するには、ご使用のコンピュータに DLT ドライブが接続されている必要があります。マスターをビルドすると、DDP レポートが作成されます。専門の複製業者が DDP レポートを必要とする場合があります。ソース(現在のプロジェクトなど)、保存先(ディスクレコーダドライブなど)、その他の設定を指定します。その他の設定は、選択した出力オプションによって異なります。「ビルド」をクリックします。警告メッセージが表示されたらプロジェクトを保存します。プロジェクトに問題がある場合は、問題を確認するか無視するように求める警告メッセージが表示されます。問題をすべて修復してから、もう一度「ビルド」をクリックしてください。書き込みが完了したら、「OK」をクリックします。
複製 DVD のリージョンコードの設定
完成したプロジェクトのテストとビルド / セキュリティおよび追加コンテンツ
複製 DVD のリージョンコードの設定
DVD を再生する国を制御する場合は、リージョンコードを使用します。各リージョンコードは特定の国や地域に対応しています。多くの場合、それぞれの地域のコードは、対応する地域で製造された DVD プレーヤーのみに認識されます。他のリージョンが設定されている DVD は再生されません。作成した DVD の再生をすべてのリージョンで許可するか、またはいくつかのリージョンで許可するかを選択できます。リージョンコードは、複製された DVD でのみ機能します。
DVD-R に直接書き込まれたプロジェクトのリージョンコードは、DVD プレーヤーによって正しく読み取ることができる場合と、そうでない場合があります (ディスクの複製を参照してください)
Flash の出力でリージョンコードオプションを利用することはできません。ウィンドウ/ビルドを選択し、形式メニューから「DVD」を選択し、「DVD 設定」の「リージョンコード」セクションまで下にスクロールします。初期設定では、「すべてのリージョン」が選択されています。いくつかのリージョンコードの選択を解除するには、「カスタム」を選択します。ビルドパネルを閉じ、ファイル/保存を選択すると、設定がプロジェクトとともに保存されます。次の表に、使用できるリージョンコードを示します。
国または地域
航空機内など特定再生用途
Web ページ用ロールオーバーの作成に慣れている場合は特に、サブピクチャを理解するのが難しいことがあります。サブピクチャと Web ページ用ロールオーバーはどちらもボタンの状態を示すものであり、一見同じように見えますが、サブピクチャは DVD で使用するための異なった構造になっています。まず、次の事項を理解する必要があります。サブピクチャは、メニューの一番上にある透明なオーバーレイのようなものです。
DVD プレーヤーまたは Blu-ray ディスクプレーヤーでは、ボタンの 3 つの状態すべてに対して同じオーバーレイが使用されます (標準時でも同じサブピクチャが使用されます)
オリジナルの画像のカラーではなく、カラーセットがサブピクチャの表示カラーを最終的に制御します (技術的には、サブピクチャオーバーレイは 2 ビットのインデックス画像です)
サブピクチャは 3 つのカラー(各カラーはボタンセット内のレイヤーによって表されます)に制限されていますが、その 3 つのカラーと不透明度は各状態ごとにカラーセットで定義することができます (DVD 規格ではボタンサブピクチャと字幕に限られた帯域幅しか使用できません)
サブピクチャとは、カラー 1、2 または 3 の領域を指定して番号別にペイントされた画像であると考えてください。カラーセットとは、カラー 1、2 および 3 にどのカラー(必要な場合)を使用するかを決定するカラーキーです。また、ボタンの状態ごとに 3 つすべてのカラーの定義と不透明度の設定を変えることができます。各状態のカラー定義を変えることにより各領域のカラーを変更できます。また、各状態の不透明度を変えることにより、特定の状態での各領域の表示または非表示を制御できます。各カラーに個別のレイヤーを作成して、サブピクチャの画像を作成します。レイヤー名には、以下のサブピクチャ用のプレフィックスを使用する必要があります。
フルサイズのグラフィックを表示
ボタンセットのサブピクチャレイヤーとカラーセット定義の関係
3 つのレイヤーすべてを組み合わせてオーバーレイを作成
Encore のメニューカラーセットで指定したカラーと不透明度
同じオーバーレイが使用されますが、各状態によってハイライトの定義が変化します。
サブピクチャを作成するためのガイドライン
サブピクチャレイヤーを作成する際は、次のガイドラインに注意してください。
すべての状態での同一オーバーレイの使用
同じ画像またはオーバーレイがボタンの 3 つの状態(標準時、選択時およびアクティベート時)に使用されます。
単一のオーバーレイへのレイヤーの統合
作成したサブピクチャレイヤーは、ビルド処理によって 1 つの画像に統合されます。ボタンレイヤーセットのサブピクチャレイヤーが重なる場合、最終的なオーバーレイにレイヤーが統合される際に一番上のレイヤーが優先されます。
ボタンレイヤーセットを構成するレイヤー
ボタンのサブピクチャレイヤーは、そのボタンのレイヤーセット内に含まれている必要があります。
ベタ塗りカラーの使用のみ
このようなレイヤーの要素には、塗りつぶしと境界線を使用する必要があります。レイヤーごとに 1 つのベタ塗りカラーを使用します。サブピクチャレイヤーでは、グラデーション、ぼかしまたはアンチエイリアスを使用しないでください。サブピクチャではカラーのグラデーションは使用できません。
カラー定義によるボタンの各状態のアピアランスの制御
各カラーにレイヤーを作成しても、使用したカラー値ではなくカラー番号(1、2 または 3)がオーバーレイに保存されます。
カラーセットはカラーキーまたはインデックスで、カラー値を含みます (後述のように、Encore では各レイヤーのカラーに基づいてカラーセットが自動的に生成されます)
カラーセットで制御するレイヤーの可視性
カラーセットの不透明度の設定を使用して、各状態の要素の可視性を制御します。
状態ごとに異なるカラー定義
カラーは Encore のメニューカラーセットダイアログボックスで定義します。各カラーに、異なるカラーおよび不透明度の設定を指定できます。各状態に応じてカラーと不透明度を変えることで、同じオーバーレイを使用していてもまったく異なるハイライトを設定することができます。例えば、カラー 1 を標準時では透明(不透明度ゼロ)、選択時では赤、アクティベート時では青に設定できます。つまり、プレフィックス (=1) が付いているレイヤーの要素はすべて、標準時には表示されず、選択時には赤く、アクティベート時には青く表示されます。
レイヤーから生成される自動カラーセット
レイヤーで使用するカラーは実際のサブピクチャオーバーレイには含まれませんが、これらの値に基づいてカラーセットが作成されます。
選択時の状態のボタンのカラーを 3 つのレイヤーに適用することで、ハイライトカラーを Photoshop でデザインすることが可能になり、Encore でカラーセットを編集する時間を短縮できます (詳しくは、メニューのカラーセットについてを参照してください)
状態ではなくカラーの領域を表すレイヤー
サブピクチャレイヤーは、カラーセットに対応するカラー領域を表すことに注意してください。ボタンの選択状態を表すものではありません。したがって、各状態に同じサブピクチャオーバーレイを使用しても、状態ごとに不透明度およびカラー定義を変更することで、サブピクチャ内の可視要素を変えることができます。プロジェクトまたはメニューパネルで、サブピクチャが必要なボタンを含むメニューを選択します。Photoshop のレイヤーパネルで、サブピクチャを作成するボタンレイヤーセットを選択します。新しいレイヤーを作成し、名前の先頭にサブピクチャ用のプレフィックス (=1) を追加します。作成したレイヤーで、カラー 1 を使用して表示するサブピクチャ要素を作成します。要素は単一のベタ塗りカラーで構成されている必要があります。グラデーション、ぼかしまたはアンチエイリアスは使用できません。各状態の要素の可視性はカラーセットで制御できます。
必要に応じて、1 つのカラーに複数のレイヤーを作成できます(例えば、同じカラーのテキストとボタンのアウトラインにする場合)
同じカラーの各レイヤーには、同じサブピクチャ用プレフィックスを使用する必要があります。
選択時の状態でレイヤーを表示するには、レイヤーのすべての要素にカラーと不透明度を設定します (すべてのアイテムで同じ値を使用する必要があります)
Encore でメニューを読み込むと、このカラー定義および透明度値を使用して、選択時およびアクティベート時の状態のカラーセットが自動的に生成されます (自動カラーセットを参照してください)
マルチカラーのサブピクチャを作成する場合は、カラー 2 および 3 について手順 3 および 4 を繰り返します。別のボタンのサブピクチャを作成する場合は、手順 3 ~ 5 を繰り返します。ファイルがプロジェクトフォルダに保存されます。プロジェクトに読み込んだオリジナルのファイルは上書きされません。注意: Encore にメニューを読み込むときに、メニューのコピーが作成されます。「メニューを Photoshop で編集」コマンドを使用すると、オリジナルファイルではなくこのコピーが開きます。変更内容はコピーに保存されます。オリジナルのメニューも更新する場合は、変更後のメニューがプロジェクトに含まれるように、最初にコピーを保存する必要があります。保存した後で、オリジナルファイルにも変更内容を保存するには、Photoshop のファイル/別名で保存または Encore のメニュー/メニューをファイルとして保存を使用します。各ボタンの状態に使用するカラーおよび不透明度の値を定義し、目的に応じて各ボタンにハイライトグループを割り当てます。自動カラーセットを基にした新しいカラーセットの作成およびカラーセットとハイライトグループの割り当てを参照してください。Encore では、ボタンのテキストのサブピクチャを自動的に生成することができます。このボタンプロパティの利点は、テキストを編集した場合にサブピクチャを再生成できることです。サブピクチャテキストの自動更新を参照してください。
ビデオサムネールボタンの作成
メニュー:高度な操作 / メニュー内のビデオとオーディオ
ビデオサムネールボタンの作成
ボタンには、リンク先ビデオのサムネール画像を組み込むことができます。この画像は、静止画でも動画(アニメーション)でもかまいません。ライブラリパネルには、あらかじめデザインされたビデオサムネールボタンと、これらのボタンを持つメニューが用意されています。
ビデオサムネールボタンの制約
ビデオサムネールを作成する前に、次の概念と制約を理解しておくことが必要です。
プレースホルダによるサイズの決定
ボタンレイヤーセット内の 1 つのレイヤーをビデオのプレースホルダとして使用します。このプレースホルダ画像のサイズによって、メニューに表示されるビデオのサイズが決まります。画像が長方形でない場合は、画像が収まる最小サイズの長方形が自動的に計算されます。
常に長方形(マスクを使用しない場合)
画像レイヤーの形状にかかわらず、ビデオは長方形を維持します。ただし、Photoshop でビデオの上にレイヤー(ビットマップ)やベクトルマスクを重ねることができます。マスクを使用すると、画像の一部を非表示にして、マスクの形をしたウィンドウを通してビデオを再生できます。
レイヤー名のプレフィックス (%)
プレースホルダのレイヤーには、レイヤー名にプレフィックス (%) が必要です。プレフィックスは、「(%)ビデオボタン1」のように括弧で囲みます。
リンク先タイムラインの表示
ビデオサムネールは、リンクしているタイムライン、つまりリンク先のみを表示できます。サムネールで 1 つのタイムラインを再生しながら、ボタンで別のタイムラインを表示することはできません。また、ボタンをビデオにリンクするまでは、プレースホルダ画像だけが表示されます。
静止画と動画
サムネールビデオには、静止画または動画のどちらでも使用できます。ビデオサムネールのアニメーション化はメニュー設定で行います。特定のメニュー上のサムネールは、静止画または動画のどちらかである必要があります。
メニュープロパティの「モーションボタン」を使用してアニメーションを設定します (ビデオサムネールボタンのアニメーション化を参照してください)
ループとクリップ
ビデオサムネールは、メニューのデュレーション設定の制限範囲内で再生されます。例えば、メニューのデュレーション設定がビデオサムネールの長さより長い場合、サムネールはリンク先チャプター(ポスターフレームが指定されている場合はそのポスターフレーム)を始点としてループします。
メニュー表示時間およびメニュー全体のループの設定は、メニュープロパティパネルで行います (メニューの表示時間およびループについてを参照してください)
ポスターと呼ばれるチャプタープロパティを使用して、表示の開始点またはフレームを指定することができます。指定しなかった場合、サムネールはリンク先チャプターの最初のフレームから開始するか、またはメニューの「モーションボタン」がオフの場合にはチャプターの最初の明るい(黒以外)フレームが表示されます。
フルサイズのグラフィックを表示
ビデオサムネールボタン(左)と対応するレイヤーパネルのボタンレイヤー(右)
あらかじめデザインされたビデオサムネールボタンのカスタマイズ
ビデオサムネールボタンを作成するための最も簡単な方法は、ライブラリパネルからメニューにボタンをドラッグし、ボタンを編集することです (ライブラリパネルのメニューにはビデオサムネールボタンも既に含まれています)
このあらかじめデザインされたビデオサムネールボタンは、適切なサイズに調整されており、適切なレイヤー名プレフィックス (%) が付けられたプレースホルダ画像を持っています。また、選択してアクティブにしたときに、ボタンのアピアランスを変化させるようにあらかじめデザインされているボタンのサブピクチャも含まれています。ビデオサムネールボタンを追加するメニューを開きます。ライブラリパネルでボタン表示の切り替えボタン をクリックして、あらかじめデザインされたボタンを表示します。ビデオサムネールボタンの名前には、「ビデオ」という言葉が含まれています。目的のビデオサムネールボタンを、ライブラリパネルからメニュービューアにドラッグします。必要なボタンをすべて配置するまで、この操作を繰り返します。ビデオサムネールボタンの表示サイズを変更するには、レイヤーパネルのボタンレイヤーセットを選択します。複数のセットを選択する場合は Shift キーを押しながら選択します。次に、選択ツール を使用して、ボタンの隅に表示される選択ハンドルを Shift キーを押しながらドラッグし、目的のサイズに変更します。Shift キーを押しながらドラッグすると、ボタンの縦横比を維持したままサイズを変更できます。タイムラインやスライドショーなどの適切な項目に各ボタンをリンクします。リンクした項目の名前を使用してボタン名を変更し、ボタンテキストはそのままにする場合は、プロパティパネルで「ボタンテキストと名前を同期」の選択を解除してから、「リンク先から名前を設定」を選択します。文字ツールを使用して、ボタンテキストを選択して編集することもできます。Photoshop でメニューにビデオサムネールボタンを追加し、そのメニューをプロジェクトで使用することができます。プレースホルダのサイズをビデオに合わせて設定し、プレースホルダのレイヤー名にプレフィックス (%) を追加することが重要です。プロジェクトパネルで、編集するメニューを選択します。レイヤーセット(レイヤーグループとも呼ばれる)を作成し、セット名の先頭に (+) を追加します。括弧も含めてください。レイヤーセット内にビデオサムネールのプレースホルダを作成します。プレースホルダを描き込んだり、静止画像を配置したりできます。長方形ツールなどのシェイプツールを使用してプレースホルダを描き込む場合、レイヤーのシェイプがビデオサムネールのマスクになります。レイヤーを作成し、長方形選択ツールで選択範囲を書き込み、選択範囲をカラーで塗りつぶした後、レイヤーパネルのレイヤーマスクを追加ボタンをクリックすることもできます。このレイヤーマスクがビデオサムネールのマスクになります。長方形選択ツールを画面の縦横比に維持するには、「スタイル」オプションの「縦横比を固定」を使用します。レイヤーパネルでプレースホルダ画像のレイヤー名をダブルクリックし、レイヤー名の先頭に (%) を追加します。例えば、「(%)ビデオボタンサムネール1」のようになります。ボタンに必要なテキストなどの要素を、このレイヤーセット内に配置します。Photoshop で、サムネールレイヤーにドロップシャドウ、光彩、透明度などのレイヤー効果を追加することもできます。さらにサムネールボタンを作成する場合は、手順 3 ~ 6 を繰り返します。
メニューへのビデオ背景の追加
リンクの指定
メニューの表示時間およびループについて
ビデオサムネールボタンのアニメーション化
テキストの選択
メニュー / メニューへのテキストの追加
テキストの選択
文字の書式設定または文字の変更を行うには、最初に文字を選択する必要があります。テキストブロック内の文字範囲、単語または段落を変更するには、文字ツールを使用してテキストを選択します。テキストブロック全体を選択するには、ダイレクト選択ツールを使用するか、レイヤーパネル内のテキストレイヤーを使用します。テキストブロックは、メニュー内の他のオブジェクトを変形するときと同様にドラッグ、スケール、回転、整列、均等配置することができます。
個々の文字、単語または段落の選択
編集するメニューを開きます。ツールパネルから文字ツールを選択し、次のいずれかの操作を行います。
文字をドラッグして選択します (選択範囲を拡大または縮小するには、Shift キーを押しながらクリックします)
単語をダブルクリックして選択します(欧文のみ)
段落内の特定の行だけを選択するには、その行を 3 回クリックします。段落全体を選択するには、その段落内を 4 回クリックします。テキストブロック全体の選択などの、テキストを選択する場合のキーボードショートカットについては、メニューや字幕内でのテキストの操作に使用するショートカットキーを参照してください。
テキストブロックの変形
編集するメニューを開きます。次のいずれかの方法を使用してテキストブロックを選択します。ダイレクト選択ツール を使用して、メニュービューアでテキストブロックを直接選択します。レイヤーパネルで、テキストレイヤーをクリックします。
他のオブジェクトと同様に、テキストブロックを変形します (メニューオブジェクトのスタイル設定と変形を参照してください)
文字パネルの概要
メニューオブジェクトの切り取り、コピーまたは複製
メニュー / メニューの編集
メニューオブジェクトの切り取り、コピーまたは複製
変更するメニューを開きます。メニュービューアまたはレイヤーパネルで、オブジェクトを選択します。次のいずれかの操作を行います。オブジェクトを削除するには、編集/消去を選択するか、Delete キーを押します。オブジェクトを複製するには、編集/複製を選択します。オリジナルのオブジェクトの近くにオブジェクトが複製されます。レイヤーセット内のオブジェクトの場合は、同じレイヤーセットの一番上にオブジェクトが複製されます。オブジェクトをコピーして同じメニュー内に貼り付けるには、編集/コピーを選択します。次に、編集/貼り付けを選択します。オブジェクトをコピーして別のメニュー内に貼り付けるには、編集/コピーを選択します。次に、メニュービューアで別のメニューを開き、何も選択していない状態で、編集/貼り付けを選択します。オブジェクトが元のメニューと同じ位置に貼り付けられます。
フローチャートの概要
リンクの作成と管理 / フローチャートでの操作
フローチャートの概要
フローチャートは、多くの一般的なオーサリング作業を実行できるグラフィックインターフェイスです。フローチャートはプロジェクト全体で使用され、プロパティパネルなど他のパネルと共に使用されることもよくあります。次の作業はすべて、フローチャートで効率的に実行できます。要素の配置やリンク作成を視覚的に行って、プロジェクトのナビゲーションを作成および更新する。要素のプロパティをすばやく簡単に更新する。孤立した要素や壊れたリンクなどのナビゲーションの問題をすばやく識別する。要素を対応するビューアパネルで開いて編集する。
フルサイズのグラフィックを表示
フローチャートでは、プロジェクトの現在の構造が上部(A)に表示され、未使用の(孤立した)要素が下部(B)に表示されます。フローチャートでは、項目とそのリンクに関する視覚的なヒントがいくつか得られます。ディスクアイコンは、階層のルートを表します。フローチャートの各項目には、サムネールを表示することができます。サムネールを見れば、要素の種類(スライドショー、タイムラインなど)、そのボタン(メニューの場合)、オーディオトラックや字幕トラックの情報、リンク先のチャプター(タイムライン、スライドショー、再生リスト、およびチャプター再生リストの場合)などが一目でわかります。要素のサムネールを結ぶ線にも、役立つリンク情報が含まれています。線のスタイルに注目すると、通常のリンクと上書きされているリンクとを区別でき、その他の役立つリンク属性も識別できます。
フローチャートの使用方法については、www
フルサイズのグラフィックを表示
このフローチャートを見ると、次のことがわかります。メインメニューのサムネールでは、これがメニューであり(種類アイコン(A))、初期設定ボタンが Party Life に設定されていること(情報バッジ(B))が示されています。
フローチャートの使用のビデオ
見つからないアセットの検索
プロジェクトの作成とアセットの読み込み / プロジェクトパネルでの操作
見つからないアセットの検索
プロジェクトを開いたときに見つからないアセットがあると、アセットを検索ダイアログボックスが表示されます。見つからないアセットを選択し、ファイルをスキップして、オフラインで作業することを選択できます。見つからないアセットやオフラインアセットの名前は、プロジェクトパネルでは斜体で強調表示されます。プロジェクトパネルをクリックし、見つからないアセットを選択します。ファイル/アセットを検索を選択します。見つからないアセットの保存先に移動してアセットを選択し、「開く」をクリックします。
ピクセル縦横比と画面縦横比
プロジェクトの作成とアセットの読み込み / 縦横比
ピクセル縦横比と画面縦横比
デジタルビデオでは 2 種類の縦横比が使用されます。ピクセル縦横比と画面縦横比(フレーム縦横比とも呼ばれる)です。この 2 つは関連していますが、異なるプロパティです。ピクセル縦横比は画面内のピクセルの寸法を示し、画面縦横比は画面の寸法の関係を示します。ピクセル縦横比は、ビデオファイルまたは静止画ファイルを構成するピクセルの縦と横の比率を表します。ピクセルは、正方形または非正方形(長方形)です。正方形ピクセルは比が 1:1 ですが、 フィルムおよびビデオ業界では、:1 は省略され、比率は数字 1 つで表されます。標準解像度ビデオの 2 つのテレビ規格に対応する非正方形ピクセルの縦横比を次の表に示します。
フルサイズのグラフィックを表示
これはピクセル縦横比
画像のピクセル縦横比とサイズの組み合わせにより、画面縦横比が決定します。
22 の比率を持つ非正方形ピクセルが使用されている場合はワイドスクリーンで表示され、0
9 の比率を持つ非正方形ピクセルが使用されている場合は標準の 4:3 画面で表示されます。Encore では、読み込んだアセットのピクセル縦横比を指定することができます。
高解像度ビデオおよび静止画のピクセル縦横比は、1:1 の正方形または 1
333 のアナモルフィックになります。画面縦横比(フレーム縦横比とも呼ばれます)は、画面またはデバイスの縦と横の比率を表します。標準のテレビ画面の比率は 4:3 で、ワイドスクリーンと呼ばれる横長のテレビ画面の比率は 16:9 です。
78 で表されます (ほとんどのワイドスクリーンのコンテンツに使用されるフィルムの画面縦横比は、実際には 1
35 と幅があります。
これらの縦横比はどれもワイドスクリーンに適しているため、ワイドスクリーンと見なすことができます)
画面縦横比は、画像の解像度とピクセルサイズ、つまりピクセル縦横比の 2 つの要素によって決まります。各アセットの解像度は定数なので(例えば、720 × 480)、Encore ではアセットのピクセル縦横比に基づいて画面縦横比が設定されます。
プロジェクトの計画 / ビット予測
3 つのオーディオトラック、2 つの字幕トラック、2 つのモーションメニューおよび 1 分間のムービープレビューを含む 120 分の標準解像度のビデオを 8
使用可能なディスクの合計空き容量をビット単位で計算します。ビデオに使用可能なディスクの空き容量を計算します。オーディオ、字幕、モーションメニューおよびムービープレビューのサイズとディスクの空き容量の 4 %(オーバヘッド)を合計し、その値を手順 1 で計算した合計空き容量から引きます。
データレートが 0
4 %のオーバヘッド
オーディオ、字幕、モーションメニュー、プレビューおよびオーバヘッドのサイズの合計
ビデオに使用可能なディスクの空き容量
ビデオのデータレートを計算します。手順 2 で計算した、ビデオに使用可能な空き容量をプロジェクトに含まれるビデオの量(秒単位)で割ります。最大ビデオデータレートを決定します。
オーディオと字幕のデータレートを合計し、その値を DVD の最大ビデオデータレート 9
したがって、ビデオは 8
16 Mbps のデータレートを使用してディスクに書き込まれます。
この値は最大ビデオデータレート 8
また、ターゲットビデオデータレート 8
プロジェクトの計画 / ビット予測
オーディオを含まない 2 時間 13 分の標準解像度のビデオで構成されている簡単な DVD プロジェクトを 4
7 GB のディスクに書き込む場合、ビット予測は以下のように行います。使用可能なディスクの合計空き容量をビット単位で計算します。ビデオに使用可能なディスクの空き容量を計算します。オーディオ、字幕、およびモーションメニューのサイズとディスクの空き容量の 4 %(オーバヘッド)を合計し、その値を手順 1 で計算した合計空き容量から引きます。ビデオのデータレートを計算します。手順 2 で計算した、ビデオに使用可能な空き容量をプロジェクトに含まれるビデオの量(秒単位)で割ります。最大ビデオデータレートを決定します。
オーディオ、字幕およびモーションメニューのデータレートの合計(この例では 0)を DVD の最大ビデオデータレート 9
この値は DVD の最大レートとほとんど同じになるため、確実にビルドできるように 9
したがって、ビデオは 4
5 Mbps のデータレートを使用してディスクに書き込まれます。
VBR エンコーディングの最大ビデオデータレートは 9
ビット予測の計算
プロジェクトの計画 / ビット予測
ビット予測の計算
ビット予測は、プロジェクトのターゲットビデオデータレートを示します。紙と鉛筆でこれをすばやく計算したり、スプレッドシートを作成して計算したりする方法もあります。
1 ストリームの圧縮されたオーディオを含むプロジェクトを 4
「x」はビデオの長さ(単位:分)を表します。プロジェクト全体に使用可能なディスクの合計空き容量を計算します。ビデオに使用可能なディスクの空き容量を計算します。この作業を行うにはオーディオ、スライドショー、字幕およびモーションメニューに必要な容量を計算し(他の種類のコンテンツはビット予測では無視しても差し支えありません)、それを合計空き容量から引きます。詳しくは、平均アセットサイズを参照してください。
注意: ROM コンテンツが含まれる場合は、それも空き容量の計算に含めます (ディスクへの ROM コンテンツの追加を参照してください)
ビデオのターゲットデータレートを計算します。この作業を行うには、ビデオに使用可能な空き容量をプロジェクト内のビデオの量で割ります。
オーディオと字幕のデータレートを合計し、その値を最大データレートから引いて、最大ビデオビットレートを決定します (例えば、オーディオと字幕のデータレートの合計が 3
目標は、ディスクのデータレート制限内で最大のターゲットビデオデータレートを決定することです。ターゲットデータレートが 6 Mbps 以下の場合は、可変ビットレート(VBR)エンコーディングを使用します。
VBR エンコーディングを使用するときは、最大ビデオデータレートを指定してください (平均データレートはターゲットデータレートですが、最大データレートを指定することでデータレートがエンコード時に柔軟に可変します)
注意: ビット予測ではメガバイト(MB)ではなくメガビット(Mbit)を使用することにより、計算を簡単にします。ビット予測では 10 の累乗方式を使用します。計算は次の変換係数に基づいて行われます。
完成したプロジェクトのテストとビルド
ローカルハードディスクまたはネットワークドライブからの再生
「ビデオを追加」をクリックし、ローカルハードディスクまたはネットワークドライブでビデオを選択します。ユーザは発行済みのビデオを登録する場合、ビデオについての情報を含む RSS フィードを追加します。
ボタンサブピクチャについて
ボタンサブピクチャの自動作成
サブピクチャとしての画像の貼り付け
サブピクチャテキストの自動更新
サブピクチャを作成するためのガイドライン
サブピクチャの表示
ボタンサブピクチャについて
DVD や Blu-ray ディスクのプレーヤーでは、ボタンをハイライトするためにボタンサブピクチャが使用されます。ボタンサブピクチャは、ボタンの選択時、アクティベート時または標準時(非選択時)のボタンのアピアランスを定義します。Encore のあらかじめデザインされたボタンには、すべてボタンサブピクチャが含まれています。Encore では、ボタンのサブピクチャを作成することができ、ボタンのテキストが変更されるとボタンサブピクチャのテキストも自動的に更新されます。ライブラリパネルでオブジェクト/サブピクチャを作成を選択して、あらかじめデザインされたボタンからボタンサブピクチャを作成できます。ボタンサブピクチャを作成する方法に関係なく、カラーセットダイアログボックスでボタンサブピクチャに使用するカラーを設定します。
(メニューのカラーセットについてを参照してください)
ボタンサブピクチャの自動作成
ボタンサブピクチャを作成する最も簡単な方法は、オブジェクト/サブピクチャを作成コマンドを使用することです。このコマンドは、単一のカラーでボタンイメージを作成します。ボタンイメージは、ボタンレイヤーセットで可視状態に設定されているテキストレイヤーおよび画像レイヤーで作成されるサブピクチャのシェイプに基づいて作成されます。コマンドを使用する前に、レイヤーパネルでボタンセットのレイヤーを非表示にします。その後、どの要素を使用してボタンサブピクチャを作成するかを制御できます。ボタンの各状態で表示されるカラーは、ボタン自体ではなくカラーセットのカラー定義に基づいて表示されます。初期設定では、ボタンのサブピクチャレイヤーのカラーに基づいた自動カラーセットが使用されます。注意: ライブラリパネルであらかじめ定義されているメニューとボタンには、ボタンのサブピクチャが含まれています。メニューを開きます。メニュービューアでボタンを選択します。特定のレイヤーだけに基づいてボタンサブピクチャを作成する場合は、レイヤーパネルを使用して、不要なボタンレイヤーを非表示にします。オブジェクト/サブピクチャを作成を選択します。ボタンプロパティパネルのハイライトメニューから、カラーグループを選択します。
選択したカラーグループがボタンに割り当てられます (メニューのカラーセットについてを参照してください)
注意: ハイライトドロップダウンリストがグレー表示されている場合は、自動カラーセットが使用されています (自動カラーセットを基にした新しいカラーセットの作成を参照してください)
サブピクチャとしての画像の貼り付け
「サブピクチャとして貼り付け」コマンドでは、単一のカラーのサブピクチャをメニューのレイヤーからすばやく作成できます。ボタンを選択しなくても、レイヤーで「サブピクチャとして貼り付け」コマンドを使用して非表示のボタンを作成できます。メニューを開きます。レイヤーパネルで、サブピクチャとして使用するレイヤーを選択し、編集/コピーを選択します。新しいサブピクチャを貼り付けるボタンレイヤーセットを選択します。編集/サブピクチャとして貼り付けを選択します。画像がボタンレイヤーセットに貼り付けられ、サブピクチャプレフィックス (=1) が追加されます。ボタンプロパティパネルのハイライトメニューから、目的のカラーグループを選択します。
選択したカラーグループがボタンに割り当てられます (メニューのカラーセットについてを参照してください)
注意: ボタンプロパティパネルの「ハイライト」オプションがグレー表示されている場合は、自動カラーセットが使用されています (自動カラーセットを基にした新しいカラーセットの作成を参照してください)
サブピクチャテキストの自動更新
ボタンプロパティの「テキストサブピクチャを作成」を使用すると、ボタンテキストのサブピクチャを自動的に作成できます。テキストを変更するとサブピクチャが自動的に再生成されるので、サブピクチャレイヤーを手動で更新する必要がありません。このオプションは、プロジェクトのメニューを開発する場合、または他の人がカスタマイズするメニューを作成する場合に便利です。メニューパネルで、サブピクチャテキストがあるボタンを含むメニューを選択します。パネルの下のセクションで、自動的に更新するボタンをすべて選択します。ボタンプロパティパネルで、「テキストサブピクチャを作成」を選択します。Web ページ用ロールオーバーの作成に慣れている場合は特に、サブピクチャを理解するのが難しいことがあります。サブピクチャと Web ページ用ロールオーバーはどちらもボタンの状態を示すものであり、一見同じように見えますが、サブピクチャは DVD で使用するための異なった構造になっています。まず、次の事項を理解する必要があります。サブピクチャは、メニューの一番上にある透明なオーバーレイのようなものです。
DVD プレーヤーまたは Blu-ray ディスクプレーヤーでは、ボタンの 3 つの状態すべてに対して同じオーバーレイが使用されます (標準時でも同じサブピクチャが使用されます)
オリジナルの画像のカラーではなく、カラーセットがサブピクチャの表示カラーを最終的に制御します (技術的には、サブピクチャオーバーレイは 2 ビットのインデックス画像です)
サブピクチャは 3 つのカラー(各カラーはボタンセット内のレイヤーによって表されます)に制限されていますが、その 3 つのカラーと不透明度は各状態ごとにカラーセットで定義することができます (DVD 規格ではボタンサブピクチャと字幕に限られた帯域幅しか使用できません)
サブピクチャとは、カラー 1、2 または 3 の領域を指定して番号別にペイントされた画像であると考えてください。カラーセットとは、カラー 1、2 および 3 にどのカラー(必要な場合)を使用するかを決定するカラーキーです。また、ボタンの状態ごとに 3 つすべてのカラーの定義と不透明度の設定を変えることができます。各状態のカラー定義を変えることにより各領域のカラーを変更できます。また、各状態の不透明度を変えることにより、特定の状態での各領域の表示または非表示を制御できます。各カラーに個別のレイヤーを作成して、サブピクチャの画像を作成します。レイヤー名には、以下のサブピクチャ用のプレフィックスを使用する必要があります。
フルサイズのグラフィックを表示
ボタンセットのサブピクチャレイヤーとカラーセット定義の関係
3 つのレイヤーすべてを組み合わせてオーバーレイを作成
Encore のメニューカラーセットで指定したカラーと不透明度
同じオーバーレイが使用されますが、各状態によってハイライトの定義が変化します。
サブピクチャを作成するためのガイドライン
サブピクチャレイヤーを作成する際は、次のガイドラインに注意してください。
すべての状態での同一オーバーレイの使用
同じ画像またはオーバーレイがボタンの 3 つの状態(標準時、選択時およびアクティベート時)に使用されます。
単一のオーバーレイへのレイヤーの統合
作成したサブピクチャレイヤーは、ビルド処理によって 1 つの画像に統合されます。ボタンレイヤーセットのサブピクチャレイヤーが重なる場合、最終的なオーバーレイにレイヤーが統合される際に一番上のレイヤーが優先されます。
ボタンレイヤーセットを構成するレイヤー
ボタンのサブピクチャレイヤーは、そのボタンのレイヤーセット内に含まれている必要があります。
ベタ塗りカラーの使用のみ
このようなレイヤーの要素には、塗りつぶしと境界線を使用する必要があります。レイヤーごとに 1 つのベタ塗りカラーを使用します。サブピクチャレイヤーでは、グラデーション、ぼかしまたはアンチエイリアスを使用しないでください。サブピクチャではカラーのグラデーションは使用できません。
カラー定義によるボタンの各状態のアピアランスの制御
各カラーにレイヤーを作成しても、使用したカラー値ではなくカラー番号(1、2 または 3)がオーバーレイに保存されます。
カラーセットはカラーキーまたはインデックスで、カラー値を含みます (後述のように、Encore では各レイヤーのカラーに基づいてカラーセットが自動的に生成されます)
カラーセットで制御するレイヤーの可視性
カラーセットの不透明度の設定を使用して、各状態の要素の可視性を制御します。
状態ごとに異なるカラー定義
カラーは Encore のメニューカラーセットダイアログボックスで定義します。各カラーに、異なるカラーおよび不透明度の設定を指定できます。各状態に応じてカラーと不透明度を変えることで、同じオーバーレイを使用していてもまったく異なるハイライトを設定することができます。例えば、カラー 1 を標準時では透明(不透明度ゼロ)、選択時では赤、アクティベート時では青に設定できます。つまり、プレフィックス (=1) が付いているレイヤーの要素はすべて、標準時には表示されず、選択時には赤く、アクティベート時には青く表示されます。
レイヤーから生成される自動カラーセット
レイヤーで使用するカラーは実際のサブピクチャオーバーレイには含まれませんが、これらの値に基づいてカラーセットが作成されます。
選択時の状態のボタンのカラーを 3 つのレイヤーに適用することで、ハイライトカラーを Photoshop でデザインすることが可能になり、Encore でカラーセットを編集する時間を短縮できます (詳しくは、メニューのカラーセットについてを参照してください)
状態ではなくカラーの領域を表すレイヤー
サブピクチャレイヤーは、カラーセットに対応するカラー領域を表すことに注意してください。ボタンの選択状態を表すものではありません。したがって、各状態に同じサブピクチャオーバーレイを使用しても、状態ごとに不透明度およびカラー定義を変更することで、サブピクチャ内の可視要素を変えることができます。プロジェクトまたはメニューパネルで、サブピクチャが必要なボタンを含むメニューを選択します。Photoshop のレイヤーパネルで、サブピクチャを作成するボタンレイヤーセットを選択します。新しいレイヤーを作成し、名前の先頭にサブピクチャ用のプレフィックス (=1) を追加します。作成したレイヤーで、カラー 1 を使用して表示するサブピクチャ要素を作成します。要素は単一のベタ塗りカラーで構成されている必要があります。グラデーション、ぼかしまたはアンチエイリアスは使用できません。各状態の要素の可視性はカラーセットで制御できます。
必要に応じて、1 つのカラーに複数のレイヤーを作成できます(例えば、同じカラーのテキストとボタンのアウトラインにする場合)
同じカラーの各レイヤーには、同じサブピクチャ用プレフィックスを使用する必要があります。
選択時の状態でレイヤーを表示するには、レイヤーのすべての要素にカラーと不透明度を設定します (すべてのアイテムで同じ値を使用する必要があります)
Encore でメニューを読み込むと、このカラー定義および透明度値を使用して、選択時およびアクティベート時の状態のカラーセットが自動的に生成されます (自動カラーセットを参照してください)
マルチカラーのサブピクチャを作成する場合は、カラー 2 および 3 について手順 3 および 4 を繰り返します。別のボタンのサブピクチャを作成する場合は、手順 3 ~ 5 を繰り返します。ファイルがプロジェクトフォルダに保存されます。プロジェクトに読み込んだオリジナルのファイルは上書きされません。注意: Encore にメニューを読み込むときに、メニューのコピーが作成されます。「メニューを Photoshop で編集」コマンドを使用すると、オリジナルファイルではなくこのコピーが開きます。変更内容はコピーに保存されます。オリジナルのメニューも更新する場合は、変更後のメニューがプロジェクトに含まれるように、最初にコピーを保存する必要があります。保存した後で、オリジナルファイルにも変更内容を保存するには、Photoshop のファイル/別名で保存または Encore のメニュー/メニューをファイルとして保存を使用します。各ボタンの状態に使用するカラーおよび不透明度の値を定義し、目的に応じて各ボタンにハイライトグループを割り当てます。自動カラーセットを基にした新しいカラーセットの作成およびカラーセットとハイライトグループの割り当てを参照してください。Encore では、ボタンのテキストのサブピクチャを自動的に生成することができます。このボタンプロパティの利点は、テキストを編集した場合にサブピクチャを再生成できることです。サブピクチャテキストの自動更新を参照してください。
サブピクチャの表示
サブピクチャは、ボタンのそれぞれの状態でメニュービューアに表示できます。メニュービューアには、メニューに割り当てられたカラーセットと各ボタンのハイライトグループを使用して、すべてのボタンのサブピクチャが同時に表示されます。マウスまたはシミュレートされたリモコンを使用してサブピクチャをプレビューする方法については、プロジェクトのプレビューを参照してください。プレビューするメニューを開きます。メニュービューアの下にある次のボタンのいずれかをクリックして、特定の状態を表すすべてのボタンのサブピクチャを表示します。メニューカラーセットの標準グループのカラー設定でボタンサブピクチャを表示します。メニューカラーセットの選択時のカラー設定でボタンサブピクチャを表示します。メニューカラーセットのアクティベート時のカラー設定でボタンサブピクチャを表示します。メニューの表示パフォーマンスを向上させるには、サブピクチャの表示を終了したら、ボタンサブピクチャの表示をオフにします。
プロジェクトの作成とアセットの読み込み
プロジェクトのトランスコードプリセットについて
ビデオのプリセットオプション
オーディオのプリセットオプション
プリセットのパラメータの表示
独自のプリセットの作成
プリセットの書き出しと読み込み
プリセットの書き出し
プリセットの読み込み
カスタムプリセットの削除
エンコーディング前処理またはエンコーディング後処理の指定
プロジェクトのトランスコードプリセットについて
書き出し設定ダイアログボックスのプリセットを操作します (トランスコードプリセットダイアログボックスを開くには、ファイル/品質プリセットを編集を選択します)
このダイアログボックスの左側にはソースまたは出力が表示され、右側には使用できる設定が表示されます。オリジナルを表示するには「ソース」タブ、選択した効果をプレビューするには「出力」タブを使用します。プロジェクトのトランスコードプリセットダイアログボックスに表示される初期設定のパラメータは、様々なプロジェクトで最適な品質を実現するように設計されています。プリセットは保存、読み込み、書き出しおよび削除することができます。264 エンコーディングのカスタムプリセットを作成し、特定の再生状況に合わせてプロジェクトを微調整することもできます。独自のプリセットを作成するには、既存のプリセットのビデオおよびオーディオパラメータを調整します。作成したプリセットを保存すると、他のプロジェクトで使用したり、他のユーザと共有したりできます。注意: 使用可能なトランスコードプリセットは、プロジェクト設定により決定されます。例えば、プロジェクト設定で「PAL」を選択すると、PAL と互換性のあるプリセットのみが使用可能になります。
フルサイズのグラフィックを表示
ソースまたは出力画面
プリセットの設定
ビデオのプリセットオプション
プロジェクトのトランスコードプリセットダイアログボックスの「ビデオ」タブには、選択したプリセットに応じて、以下のオプションの一部またはすべてが含まれます。指定した書き出し形式に基づいてコーデックを表示します。ビデオのフレームサイズを指定します。フレームレート(フレーム / 秒)を指定します。エンコーディングの品質を指定します。品質の値は 1 ~ 5 で、高い値ほど画質が高くレンダリング時間が長くなります。フレームのどのフィールドが最初に発生するか指定します。ソースと同じ設定を使用します。インターレースにしない場合は「なし(プログレッシブ)」を選択します。ピクセル縦横比を指定します。アセットのピクセル縦横比の指定を参照してください。ビデオストリームを生成するためのエンコーディングプロファイルを指定します。264 エンコーディングのみに適用できます。264 をエンコーディング形式として選択した場合、エンコーディングプロファイルはメインである必要があります。264 ビデオアセットのエンコーディングプロファイルが「高」に設定されている場合は、Blu-ray ディスクに書き込むことはできません。使用される圧縮方法を指定します。固定ビットレート(CBR)はデータを固定レートで圧縮します。CBR は、指定されたデータレートに従って圧縮の程度(つまり品質)を変えることにより、レートを一定に維持します。可変ビットレート(VBR)は最小ビットレートと最大ビットレートの範囲内になるようにデータを圧縮します。VBR では圧縮が固定されず、CBR よりも高い品質が得られます。エンコードされるファイルに対して Mbps 値(メガビット / 秒)を指定します。「ビットレートエンコーディング」オプションで「CBR」を選択した場合のみ表示されます。以下のオプションは、「ビットレートエンコーディング」オプションで「VBR」を選択した場合のみ表示されます。エンコーダでエンコード前にクリップを分析する回数を指定します。エンコーダでエンコード前にクリップを分析する回数が指定できます。エンコードされるファイルに対して Mbps 値(メガビット / 秒)を指定します。
VBR の場合、ターゲットは平均ビットレートを示します (ビット予測の計算を参照してください)
連続する I フレームと P フレーム間の B フレーム数を指定します。I フレーム間の間隔を指定します。M フレーム値の倍数である必要があります。
オーディオのプリセットオプション
書き出し設定ダイアログボックスの「オーディオ」タブには、選択したコーデックに応じて、以下のオプションが含まれます。エンコーダがオーディオの圧縮に使用するコーデックを指定します。MPEG オーディオのみを使用することはできません。この制約は PAL ディスクには適用されません。Dolby® Digital は、マルチチャンネルデジタルサウンドおよび DVD ビデオの一般的なエンコーダ向けに開発された高品質のエンコーディング形式です。0(ステレオ)オーディオファイルのエンコーディングをサポートしています。この形式のファイルは一般的にサイズが大きく、他のエンコーダ形式よりも多くのディスク容量を使用します。クリップのオーディオのエンコーディング用のコーデックを指定します。エンコーディングに使用されるオーディオレイヤーを指定します。オーディオサンプルレートを kHz で指定します。オーディオの出力ビットレートを指定します。
プリセットのパラメータの表示
ファイル/品質プリセットを編集を選択します。「書き出し設定」セクションで、プリセットメニューからプリセットを選択し、「概要」に表示されるプロパティを確認します。「OK」をクリックして環境設定ダイアログボックスを閉じます。注意: ダイアログボックスの下部に、予測ファイルサイズ / 秒が表示されます。ターゲットビットレートなど、ファイルサイズに影響するプリセットのパラメータを変更すると、変更に合わせて予測ファイルサイズが更新されます。
独自のプリセットの作成
ファイル/品質プリセットを編集を選択します。必要に応じて「コメント」ボックスにコメントを入力します。
「オーディオ」タブまたは「ビデオ」タブのいずれかをクリックし、オプションを調整します (ビデオのプリセットオプションおよびオーディオのプリセットオプションを参照してください)
オプションを調整したら、プリセットの保存ボタン をクリックします。プリセットの名前を入力して「OK」をクリックします。新しく作成したプリセットが、書き出し設定ダイアログボックスのプリセットメニューに表示されます。「OK」をクリックして、プロジェクトのトランスコードプリセットダイアログボックスを閉じます。
プリセットの書き出しと読み込み
あるプロジェクト用のプリセットを微調整した後、他のプロジェクトで使用するために書き出すことができます。
プリセットの書き出し
ファイル/品質プリセットを編集を選択します。「書き出し設定」セクションで、プリセットメニューから書き出すプリセットを選択します。プリセットを保存する場所を選択し、名前を入力して「保存」をクリックします。
プリセットの読み込み
ファイル/品質プリセットを編集を選択します。「書き出し設定」セクションで、プリセットの読み込みボタン をクリックして、プリセットの読み込みダイアログボックスを表示します。プリセットの保存先に移動してプリセットを選択し、「開く」をクリックします。読み込んだプリセットの名前を入力して「開く」をクリックします。
カスタムプリセットの削除
ファイル/品質プリセットを編集を選択します。「書き出し設定」セクションで、次のいずれかの操作を行います。プリセットを 1 つ削除するには、プリセットメニューから削除するプリセットを選択し、プリセットの削除ボタン をクリックします。「OK」をクリックして削除を確認します。「はい」をクリックして削除を確認します。
エンコーディング前処理またはエンコーディング後処理の指定
トランスコードプリセットでは、エンコーディングの前処理および後処理を指定することができます。これらのタスクを使用すると、アセットのトランスコード前またはトランスコード後に、アセットを変更できます。トランスコードファイルと一緒に、エラー、警告および設定のテキストログが保存されるように指定できます。エンコーディング処理をプリセットに追加すると、カスタムプリセットが生成されます。ファイル/品質プリセットを編集を選択します。エンコーディング処理を追加するトランスコードプリセットを選択します。ログを作成するエンコーディング後処理を追加するには、「その他」タブをクリックして「ログファイルの詳細」チェックボックスを選択します。次に、ログに含める詳細情報を選択します。名前ダイアログボックスで、カスタムプリセット名を入力し、「エフェクト設定を保存」または「その他のタスクを保存」のいずれかまたは両方を選択し、「OK」をクリックします。
トランスコードについて
プロジェクトの計画 / ビット予測
2 時間 7 分の高解像度(HD)のビデオおよびオーディオで、30 秒のオーディオ付きの 30 秒の HD モーションメニューを 1 つと、50 枚のスライドと 8 分のオーディオ付きの HD パンとズーム使用のスライドショー(スライドショーの合計デュレーションは 8 分間)を 1 つ含む Blu-ray ディスクプロジェクトを 25 GB のディスクに書き込む場合のビット予測の例を次に示します。
ディスクの合計空き容量は 24
オーディオ、モーションメニューおよびスライドショーに必要な空き容量:
データレートが 0
手順 1 の使用可能なディスクの合計空き容量から手順 2 の必要な合計ディスク容量を引いて、ビデオに使用可能なディスク空き容量を計算します。
使用可能な容量 24
ビデオに使用可能なディスク空き容量(手順 3)をプロジェクトに含まれるビデオ量(秒単位)で割って、ビデオのデータレートを計算します。ディスクの最大データレート 40 Mbps から合計したオーディオデータレートを引いて、このプロジェクトの最大ビデオデータレートを決定します。10 Mbps のビデオデータレートを使用してディスクに書き込まれます。
この値は最大ビデオデータレート 39
ボタンのルート
ボタン番号の変更
ボタン番号のオフセットの指定
ルートの環境設定の変更
ルート順序の変更
ボタンの自動アクティブ化の設定
ボタン番号の変更
ボタンには、それぞれ番号が割り当てられます。視聴者はリモコンを使用してボタンを選択できます。ボタン番号は、ボタンプロパティで変更できます。
ボタン番号は 1 から始まる、連続した番号にします(番号を飛ばすことはできません)
メニューを開いて、メニュービューアでボタンを選択します。ボタンプロパティパネルで、番号メニューから新しい番号を選択します。必要に応じて、他のボタンの番号も変更されます。
ボタン番号のオフセットの指定
ボタン番号を増やしてシーンやチャプター番号などと一致させる場合は、メニュープロパティにオフセットを指定できます。オフセットは、番号の有効な開始点を変更します。プロジェクトパネルまたはメニューパネルでメニューを選択します。メニュープロパティパネルで、「オフセット」に数値を入力します。
ルートの環境設定の変更
ルートとは、リモコンの矢印ボタンの操作によってカーソルがボタンを移動するときの順序です。ほとんどのプロジェクトでは、標準的なルートパターンが自動的に設定されます。プロジェクトに特別な要件がある場合または通常とは異なるボタンの配列を使用する場合は、ルートをカスタマイズすることができます。初期設定ルートは、同じ行または列の各ボタンを循環的に移動します。右または左方向矢印を使用すると、カーソルはその方向に合わせて行内を移動し、同じ行の先頭に戻ります。上および下方向矢印を使用した場合も同様に、カーソルは列の末尾に達するまで上または下に移動し、列の上端または下端に循環的に戻ります。矢印ボタンが行または列の末尾に達したときに次の行または列の先頭に移動するようにルートを変更するには、環境設定を使用します。また、ルートを水平方向または垂直方向のみに変更することで、動きを行方向(上下ではなく)だけに指定するなど、動きを制限することもできます。ボタンのルート方向設定をクリックして選択または選択解除します。該当するポップアップメニューから、目的の折り返しオプションを選択します。
リモコンボタンのプリセットのルートオプションの比較
折り返し(左 / 右)同じ行内で折り返し(初期設定)
折り返し(左 / 右)次の行に折り返し
折り返し(上 / 下)同じ列内で折り返し
折り返し(上 / 下)次の列に折り返し
ルート順序の変更
ルートの自動設定をオフにすると、リモコン操作時のメニューボタンの移動順序を手動で設定できます。メニュービューアに表示されるルートアイコンで設定します。
リモコンの矢印ボタンで選択するボタン
リモコンの矢印ボタン
ルートアイコンの中央には、そのボタンの番号が表示されます。矢印はアイコンの中央から各方向を指し、ボタン番号が示されます。周囲の矢印には、リモコンの次に移動するナビゲーションボタンの番号が表示されます。ボタン番号は、リモコンの矢印で次に移動するボタンを表します。ナビゲーションボタンの設定を変更するには、変更する番号をドラッグして希望するボタン番号にドロップします。ルート順序を変更するボタンを含むメニューを開きます。メニュービューアの下部にあるボタンのルートを設定ボタン をクリックします。各ボタンにルートアイコンが表示されます。メニュープロパティパネルで、「ボタンのルートを自動設定」をクリックして選択を解除します。変更するルート矢印の上に選択ツールを合わせます。選択ツールがポインタから手の形に変わります。選択ツールを次のルート順序にするボタンにドラッグします。目的のボタンのルートをすべて変更するまで、手順を繰り返します。
ボタンの自動アクティブ化の設定
通常は、リモコンでボタンに移動して決定キーを押すと、ボタンがアクティブになりますが、ボタンに移動しただけで自動的にアクティブになるように設定することもできます。「自動的にアクティブにする」オプションは、矢印ボタンや非表示のナビゲーション(隠しボタンと呼ばれます)の作成でよく使用されます。高度なオーサリング技術では、同じメニューに対して複数のバージョンを用意し、選択されるボタンによって表示するメニューを切り替えます。この場合、サブピクチャを使用してボタンをハイライトするのではなく、ボタンを選択するとボタンが自動的にアクティブになり、そのメニューの別のバージョンにリンクします。この方法の利点は、ボタンの選択をシミュレートするために異なる画像を使用できることです。不便な点は、バックグラウンドで再生中のビデオまたはオーディオが中断することです。メニューパネルで、メニューを選択するか、またはメニューをダブルクリックしてメニュービューアで開きます。
自動的にアクティブにするボタンを選択します (メニュービューアでは、ダイレクト選択ツールではなく選択ツール を使用して、ボタンセット全体を選択します)
プロパティパネルで、「自動的にアクティブにする」を選択してオプションを有効にします。
メニューテンプレートについて
メニューテンプレートの作成
複数のコンピュータでのメニューテンプレートの使用
ライブラリパネルへのカスタムメニューの追加
PSD ファイルとしてのメニューの保存
置換レイヤーについて
置換レイヤーの作成
オブジェクトから置換レイヤーへの変換
メニューテンプレートについて
ライブラリパネルには、標準メニュー、またはメニューテンプレートがあります。このファイルには、メニュー名および説明、デュレーションおよびループの設定、背景のビデオクリップとオーディオクリップへの参照も含まれます。メニューおよびメニューテンプレートはライブラリパネルに追加して、簡単に再利用できます。
メニューテンプレートの作成
カスタムメニューテンプレートを使用すれば、Encore プロジェクトの制作時に繰り返し使用するメニューを簡単に作成できるようになります。メニュー テンプレートはモーション メニューの作成に役立ちます。メニューの作成に使用する、ビデオファイルおよびオーディオファイルなどのアセットは、メニューテンプレートファイル内に参照として保存されます。Encore でメニューテンプレートを開くと、参照されるアセットもプロジェクトに読み込まれます。
通常のメニューにはファイル名に拡張子
psd が付きますが、メニューテンプレートのファイルには拡張子
メニューテンプレートで使用するメニューの背景に、任意のビデオやオーディオを追加します。メニュー/メニューをテンプレートとして保存を選択します。
メニューテンプレートを別のコンピュータに簡単に転送できるように、「アセットを保存」を選択します (複数のコンピュータでのメニューテンプレートの使用を参照してください)
メニューテンプレートのファイル名と保存先を指定し、「保存」をクリックします。メニューをテンプレートとして保存すると、2 つのファイルが作成されます。また、メニューにモーション背景が含まれている場合は、ビデオおよびオーディオアセットも作成されます。メニューテンプレート(EM)ファイルは、次回 Encore を起動したときに自動的にライブラリパネルに表示されます。注意: テンプレートに指定されるファイル名は、メニューの元のファイル名に影響しません。
テンプレートを再利用するたびに、メニューの元の名前がプロジェクトパネルに表示されます(テンプレートのファイル名ではありません)
複数のコンピュータでのメニューテンプレートの使用
メニューテンプレートを作成する際に「アセットを保存」オプションを選択できます。これにより、メニューテンプレートをどのようなフォルダ構造でディスクに保存するかが決定されます。このオプションを選択した場合、同じ場所にフォルダが作成され、メニューテンプレート(EM)名と同じ名前が付けられます。このフォルダには Photoshop(PSD)ファイルおよびメニューの背景に使用するアセットが含まれるため、メニューテンプレートを別のコンピュータに簡単に転送できます。「アセットを保存」を選択しない場合、PSD ファイルは EM ファイルと同じフォルダに保存されますが、アセットは含まれません。通常のメニューテンプレートを、同じコンピュータの違う場所に移動できます。他のコンピュータにテンプレートを移動する場合は、リンクされたアセットもターゲットコンピュータの同じ場所にあることを確認してください。
ライブラリパネルへのカスタムメニューの追加
メニューをプロジェクトパネルからライブラリパネルにドラッグします。メニューを標準メニューとして追加するか、メニューテンプレートとして追加するか選択します。メニューテンプレートを指定する場合は、メニューテンプレートを別のコンピュータに簡単に転送できるように「アセットを含める」を選択します。標準メニューは PSD ファイルとしてライブラリパネルに表示され、メニューテンプレートは EM ファイルとして表示されます。
PSD ファイルとしてのメニューの保存
メニューを開くか、プロジェクトパネルでメニューを選択します。メニュー/メニューをファイルとして保存を選択します。ファイル名と場所を指定して、「保存」ボタンをクリックします。
置換レイヤーについて
置換レイヤーは、マスクおよびレイヤー効果を保持したまま、メニューのエリアに画像を追加できる特殊なプレースホルダレイヤーです。置換レイヤーをメニューテンプレートに使用すると、メニューの全体的な設計を維持したまま、独自の画像と簡単に差し替えできるので特に便利です。例えば、結婚式の DVD を作成する際に、花嫁と花婿の写真を入れるプレースホルダレイヤーを含むメニューテンプレートを作成し、 画像をプロジェクトパネルから置換レイヤーにドラッグするだけで、特定の花嫁と花婿のためのメニューを作成することができます。画像を置換レイヤーにドロップすると、置換レイヤーの塗りが画像と置き換えられます。新しい画像が置換レイヤーのサイズにスケールされますが、画像の縦横比は変わりません。ドロップシャドウ、光彩、透明度など、置換レイヤーに適用したマスクやレイヤー効果は保持されます。
フルサイズのグラフィックを表示
画像を置換レイヤーにドラッグすると、レイヤーの内容が置き換えられます。また、読み込まれたイメージがドロップゾーンに合わせてスケールされます。
置換レイヤーをライブラリパネルに追加して、カテゴリー別に並べ替えることができます (項目やセットのライブラリへの追加を参照してください)
置換レイヤーの作成
次のいずれかの操作を行って置換レイヤーを作成します。
メニューのオブジェクトから置換レイヤーへの変換
Photoshop でメニューに置換レイヤーを追加し、そのメニューをプロジェクトで使用することができます。置換レイヤー作成時に重要な点は、画像またはビデオのプレースホルダのサイズを適切に設定することです。
オブジェクトから置換レイヤーへの変換
メニュービューアで、置換レイヤーを追加するメニューを開きます。ダイレクト選択ツールで、置換レイヤーとして使用するオブジェクトを選択します。オブジェクト/置換レイヤーに変換を選択します。) を持つレイヤーセットが作成されます。これは、置換レイヤーを表します。次のいずれかの操作を行います。置換レイヤーをデザイン素材として使用する場合は、プロジェクトパネルまたはライブラリパネルから静止画を置換レイヤーにドラッグします。置換レイヤーに境界線が表示されハイライトされたら、マウスボタンを放します。
置換レイヤーをメニューテンプレートのプレースホルダとして使用する場合は、メニューテンプレートを保存します (メニューテンプレートの作成を参照してください)
画像が大きくクロップされる場合は、置換レイヤーまたは画像を Photoshop で編集します。プロジェクトパネルで、編集するメニューを選択します。画像用のレイヤーを作成します。
シェイプツールを使用するか、画像を読み込みます (白またはカラーの塗りをレイヤーに追加しておくと、Encore に読み込んだときに置換レイヤーを見ることができて便利です)
必要に応じて、マスクを追加するか、他のレイヤー効果を適用します。置換レイヤーのマスクやレイヤー効果は、メニュービューアで画像をレイヤーにドラッグしても保持されます。
レイヤーパネルでプレースホルダ画像のレイヤー名をダブルクリックし、名前にプレフィックス () を追加します。変更内容が保存され、Encore のメニューが更新されます。
ライブラリパネルの概要
項目やセットのライブラリへの追加
ボタンまたは置換レイヤーからオブジェクトへの変換
メニューには コンテンツにアクセスするためのナビゲーションボタンがあります。メニューボタンを使用し、ムービーや個々のチャプターを再生したり、他のメニューにジャンプしたり、アクティブなオーディオと字幕のトラックを設定したり、特典映像などを再生したりすることができます。作成できるメニューは、装飾のない背景にボタンが 1 つだけのものから、人目を引く画面に動画やボタンを配置し、選択すると変化するようなものまで、多岐にわたります。Encore には、メニュー作成および編集のためのオプションが複数あります。あらかじめデザインされたアセットを使用して、Adobe® Encore® でシンプルで基本的なメニューを作成できます。例えば、あらかじめデザインされた Encore のアセットを使用して基本的なメニュー作成から始めて、Photoshop で編集し、デザインを微調整することができます。Encore では、ワークフロー全体を通じて、作成中のメニューは PSD ファイルとして扱われます。
メニューの基本
メニューの作成
メニューの編集
メニューオブジェクトのスタイル設定と変形
スタイルおよび変形の適用
メニューへのテキストの追加
テキストの追加およびフォーマット
メニューのカラーセット
ボタンのルート
メニュー要素のスタイルの作成
メニュー内のビデオとオーディオ
メニューのタイミングおよびループ
リンクの作成と管理
フローチャートでの操作
フローチャートの概要
フローチャートのサムネール
ズームインおよびズームアウト
サムネールの表示の切り替え
フローチャートのツール
フローチャートでのナビゲーションの設定
フローチャートへの要素の追加
フローチャートでのリンクおよびプロパティの変更
フローチャートでのリンクの編集
フローチャートでのアセットのプロパティの変更
フローチャートでの項目の並べ替え
フローチャートでの項目の移動
項目の自動並べ替え
フローチャートから他のビューアへのジャンプ
フローチャートの概要
フローチャートは、多くの一般的なオーサリング作業を実行できるグラフィックインターフェイスです。フローチャートはプロジェクト全体で使用され、プロパティパネルなど他のパネルと共に使用されることもよくあります。次の作業はすべて、フローチャートで効率的に実行できます。要素の配置やリンク作成を視覚的に行って、プロジェクトのナビゲーションを作成および更新する。要素のプロパティをすばやく簡単に更新する。孤立した要素や壊れたリンクなどのナビゲーションの問題をすばやく識別する。要素を対応するビューアパネルで開いて編集する。
フルサイズのグラフィックを表示
フローチャートでは、プロジェクトの現在の構造が上部(A)に表示され、未使用の(孤立した)要素が下部(B)に表示されます。フローチャートでは、項目とそのリンクに関する視覚的なヒントがいくつか得られます。ディスクアイコンは、階層のルートを表します。フローチャートの各項目には、サムネールを表示することができます。サムネールを見れば、要素の種類(スライドショー、タイムラインなど)、そのボタン(メニューの場合)、オーディオトラックや字幕トラックの情報、リンク先のチャプター(タイムライン、スライドショー、再生リスト、およびチャプター再生リストの場合)などが一目でわかります。要素のサムネールを結ぶ線にも、役立つリンク情報が含まれています。線のスタイルに注目すると、通常のリンクと上書きされているリンクとを区別でき、その他の役立つリンク属性も識別できます。
フローチャートの使用方法については、www
フルサイズのグラフィックを表示
このフローチャートを見ると、次のことがわかります。メインメニューのサムネールでは、これがメニューであり(種類アイコン(A))、初期設定ボタンが Party Life に設定されていること(情報バッジ(B))が示されています。
フローチャートのサムネール
サムネールにより、要素とリンクに関する視覚的なヒントが得られます。初期設定では、フローチャートの要素にはサムネールが表示されます。リンクによっては、特定の要素が何度もフローチャートに出現することがあります。最初に出現する要素(オリジナル)は、不透明で表示されます。それ以降に出現する要素(エイリアス)は、50 %の不透明度で表示されます。オリジナルのメニューにはボタンが表示されます。ボタン(A)のリンク先タイムラインでは、メニューに戻るというエンドアクションが設定されています。プロジェクトで使用されている項目は、いくつかのパスを使用してディスクアイコンにリンクされ、フローチャートの上のペインに表示されます。未使用の項目は、フローチャートの下のペインに表示されます。未使用の項目上にマウスポインタを置くと、ツールヒントとしてアセットの名前が表示されます。サムネールには、種類アイコンと情報バッジも表示され、リンクの線で結ばれています。
ズームインおよびズームアウト
フローチャートの該当部分をズームインまたはズームアウトすることができます。フローチャートパネルの下部のスライドバーまたはズームツールを使用します。次のいずれかの操作を行います。フローチャートパネルのスライドバーを右に移動します。ズームツールを選択し、フローチャートパネルをクリックします。ズームツールを選択し、フローチャートパネルをクリックしてドラッグします。次のいずれかの操作を行います。フローチャートパネルのスライドバーを左に移動します。
サムネールの表示の切り替え
フローチャートにサムネールを表示するかどうかを指定できます。フローチャートパネルのメニューから「すべてのサムネールを表示」を選択します。オブジェクトのサムネールの左上隅にあるアイコンは、項目の種類を表します。それぞれメニュー 、タイムライン 、再生リスト 、チャプター再生リスト 、スライドショー を表します。
項目のサムネールの右上隅にある情報バッジは、項目の種類に応じて、特定の属性の詳細を表します (オーディオトラックと字幕トラックのバッジは、項目の属性ではなく、項目へのリンクによって指定されたトラックを表します)
情報バッジのラベルは、次の属性を表します。初期設定ボタンは設定されていません。初期設定ボタンはボタン [n] に設定されています。初期設定ボタンはアクティブオーディオトラックに設定されています。初期設定ボタンはアクティブ字幕トラックに設定されています。オーディオトラックはオーディオトラック [n] に設定されています。字幕トラックは字幕トラック [n] に設定されています。字幕トラックはオフになっています。チャプター [n] にリンクしています。リンク線の外観によって要素同士の関係がわかり、矢印によってリンクの方向が示されます。
黒または白の実線
通常のリンクを表します。インターフェイスの明るさの設定により変化します。壊れたリンクを表します。壊れたリンクは、リンクを指定する操作以外の操作によって間接的にリンク先が変更されたために、リンク先が無効になっていることを意味します。例えば、リンク先の要素を削除すると、そのリンクは壊れたリンクとして表示されます。リンク元のオブジェクトが選択されていることを示します。壊れたリンクを選択すると、線は赤いままですが、矢印は青く表示されます。前のオブジェクトによってリンクが上書きされていることを示します。この場所では、この破線のリンクではなく、前のオブジェクトのエンドアクションの上書きに沿って移動します。エンドアクションの上書きによって元の項目に戻ることを示します。トランジションが設定されたボタンリンクを示します。
フローチャートのツール
リンクツール(ピックウィップ)として機能します。フローチャート内のオブジェクトから、フローチャートの内側または外側にある別のオブジェクトまでドラッグして、ターゲット項目へのリンクを設定します。ドラッグ&ドロップツールとして機能します。
フローチャートに手動でレイアウトされた項目を移動します(エイリアスは移動不可)
自動的にレイアウトされた項目を移動ツールでドラッグして、手動でレイアウト項目にすることもできます。移動ツールでは、リンクは設定されません。
フローチャートでのナビゲーションの設定
小さなプロジェクトでは、フローチャートパネルに項目を直接ドラッグし、手動でレイアウトすることができます。複雑で大きなプロジェクトでは、Encore の自動レイアウトを使用すれば、フローチャート内の項目の位置が自動的に設定されます。自動レイアウトと手動レイアウトを組み合わせて作業することもできます。リンクの作成と管理には、ナビゲーションデザインワークスペースを使用します。ウィンドウ/ワークスペース/ナビゲーションデザインを選択して、あらかじめデザインされたワークスペースを表示します。新規プロジェクトを作成し、必要なアセットを読み込んで Encore プロジェクト要素に変換します。ここでは、あらかじめ複数のボタンが用意されているメインメニュー、タイムライン、スライドショーが読み込まれているプロジェクトを例として説明します。フローチャートパネルが表示されていない場合は、ウィンドウ/フローチャートを選択します。
最初に読み込まれた要素が既にディスクアイコンにリンクされた状態で表示されます (プロジェクトのファーストプレイリンクは、最初に読み込まれた要素に自動的に設定されます)
その他の未使用の要素は、フローチャートの下のセクションに表示されます。目的のファーストプレイリンクを設定します。ここでは、メインメニューをファーストプレイに設定します。次のいずれかの方法で、このリンクを設定します。
選択ツール をクリックしてから、ディスクアイコンを選択します (選択ツールアイコンは、フローチャート内ではピックウィップアイコン に変わります)
ディスクアイコンから、ファーストプレイリンクとして設定する要素までドラッグします。フローチャート内の他の項目、またはプロジェクトパネル、タイムラインパネル、メニューパネルまでドラッグできます。リンクの指定ダイアログボックスで、メインメニューを選択し、「OK」をクリックします。手順 3 のいずれかの操作を行って、メニューの最初のボタン(メインメニューアイコンの下に表示されています)からタイムライン(フローチャートパネルの下のセクションに表示されています)にリンクを作成します。
注意: フローチャートの元のメニューアイコンは、含まれるボタンのリストを表示します(メニューエイリアスは表示しません)
手順 3 のいずれかの方法で、手順 4 でリンクしたタイムラインのエンドアクションのターゲットをスライドショーに設定します。リンクを設定した後、タイムラインのプロパティパネルで、エンドアクションがスライドショーにリンクされていることを確認してください。視聴者が最初のボタンを選択すると、タイムラインが再生された後にスライドショーが再生されます。手順 3 のいずれかの方法で、メニューの 2 番目のボタンをスライドショーに直接リンクします。メニューの 2 番目のボタンをクリックすると、タイムラインを再生せずに、スライドショーが再生されます。ファイルを保存します。
フローチャートへの要素の追加
フローチャートでは、ドロップした場所に応じて、追加した要素がリンクされます。タイムライン、メニュー、スライドショーなどの要素を何もない領域にドロップした場合、リンクは作成されません。要素をメニューのサムネールにドロップすると、新しいボタンが作成され、要素にリンクされます。要素をメニューのボタンにドロップすると、既存のボタンからその要素へのリンクが作成されます。要素をタイムライン、スライドショー、再生リスト、またはチャプター再生リストにドロップすると、ドロップした要素にリンクするエンドアクションが作成されます。ピックウィップを使用してアセットをリンクする場合も同様に動作します。次のいずれかの操作を行います。未使用の要素をフローチャートの下部から上部の要素にドラッグして、要素をフローチャートに追加します。要素をプロジェクトパネルからフローチャートにドラッグします。注意: プロジェクトパネルからファイルをドラッグできない場合は、DVD 要素に変換されていることを確認します。例えば、ムービーファイルはドラッグできませんが、ムービーファイルを右クリック(Windows)または Control キー(Macintosh)を押しながらクリックし、「新規タイムライン」を選択して、生成されたタイムラインをフローチャートにドラッグできます。ピックウィップをアクティブなパネルの要素から別の要素にドラッグします。ターゲット要素には未使用のパネルまたはプロジェクトパネルの要素を使用できます。Encore は要素をフローチャートに追加し、適切にリンクを設定します。項目がフローチャート内に自動的に配置され、読み込まれたアセットまたはライブラリ項目から Encore 要素が作成されます。
フローチャートでのリンクおよびプロパティの変更
フローチャートとプロパティパネルの両方を利用して、要素のリンクなどのプロパティを変更することができます。
フローチャートでのリンクの編集
リンクを修正する要素を選択します。プロパティパネルで、リンク元のピックウィップを新しいリンク先の要素にドラッグします。リンクが更新され、フローチャートパネルの表示も更新されます。ドラッグしてリンクを管理することもできます。
(フローチャートでのナビゲーションの設定を参照してください)
フローチャートでのアセットのプロパティの変更
項目を選択して、その設定をプロパティパネルで修正します。オブジェクトのプロパティを変更すると、フローチャートにあるそのオブジェクトのエイリアスもすべて変更されます。
フローチャートでの項目の並べ替え
Encore では、要素を作成して互いにリンクさせると、フローチャートに自動的にレイアウトされます。ドラッグによって手動でフローチャートに項目を追加することもできます。手動でレイアウトした項目には、識別しやすいようにドロップシャドウが追加されます。手動でレイアウトした項目と自動的にレイアウトした項目の両方を自分で移動することも、手動でレイアウトした項目を自動的に並べ替える Encore の機能を利用することもできます。