Dreamweaver を使用して、ページへのサーバーサイドインクルードの挿入、インクルードの編集、またはインクルードが含まれているページのプレビューを行います。
Dreamweaver 以降では、ユーザーインターフェイスが簡素化されています。 そのため、この記事で説明されているオプションの一部が Dreamweaver 以降には存在しない場合があります。 詳しくは、こちらの記事を参照してください。
サーバーサイドインクルードについて
Dreamweaverを使用して、ページにサーバーサイドインクルードを挿入したり、インクルードを編集したり、インクルードを含むページをプレビューしたりできます。
サーバーサイドインクルードは、ブラウザーがサーバーからドキュメントを要求した際に、サーバーがドキュメントに組み込むファイルです。
訪問者のブラウザーがインクルード命令を含むドキュメントを要求すると、サーバーはインクルード命令を処理し、インクルード命令がインクルードファイルの内容に置き換えられた新しいドキュメントを作成します。その後、サーバーはこの新しいドキュメントを訪問者のブラウザーに送信します。ただし、ローカルドキュメントをブラウザーで直接開く場合は、そのドキュメント内のインクルード命令を処理するサーバーがないため、ブラウザーはそれらの命令を処理せずにドキュメントを開き、インクルードされるはずのファイルがブラウザーに表示されません。そのため、Dreamweaverを使用せずにローカルファイルを見て、サーバーに配置した後に訪問者にどのように表示されるかを確認するのは困難な場合があります。
Dreamweaverを使用すると、デザインビューでも、ブラウザーでプレビュー機能を使用する場合でも、サーバー上に配置された後の表示と同じようにドキュメントをプレビューできます。ただし、これを行うには、インクルードを含むファイルを一時ファイルとしてプレビューしていることを確認する必要があります。(編集/環境設定を選択し、「ブラウザーでプレビュー」カテゴリを選択して、「一時ファイルを使用してプレビュー」オプションが選択されていることを確認します。)
Apache や Microsoft IIS などのテスティングサーバーを使用してローカルドライブ上のファイルをプレビューしている場合、サーバーが処理を実行するため、ファイルを一時ファイルとしてプレビューする必要はありません。
ドキュメントにサーバーサイドインクルードを配置すると、外部ファイルへの参照が挿入されます。現在のドキュメントに指定されたファイルの内容は挿入されません。指定されたファイルの内容には、インクルードしたいコンテンツのみが含まれている必要があります。つまり、インクルードファイルにはheadタグ、bodyタグ、またはhtmlタグ(<html>タグを意味する)を含めるべきではありません。pタグ、divタグなどのフォーマット用HTMLタグは問題ありません。これらのタグが含まれている場合、元のドキュメント内のタグと競合し、Dreamweaverはページを正しく表示しません。
インクルードファイルをドキュメント内で直接編集することはできません。 サーバーサイドインクルードのコンテンツを編集するには、インクルードしているファイルを直接編集する必要があります。外部ファイルへの変更は、それをインクルードするすべてのドキュメントに自動的に反映されます。
サーバーサイドインクルードには 2 つの種類があります。仮想およびファイルです。 Dreamweaverはデフォルトでファイルタイプインクルードを挿入しますが、プロパティインスペクターを使用して、使用するwebサーバーのタイプに適したものを選択できます:
- Apache Web サーバーを使用している場合は、「仮想」を選択します。 Apache では、あらゆる状況で「仮想」が使用できますが、「ファイル」が使用できる場合は限られています。
- Microsoft IIS サーバーを使用している場合は、「ファイル」を選択します。 「仮想」が IIS サーバーで使用できるのは、特定の環境に限られます。
残念ながら、特別なソフトウェアがサーバーにインストールされていない限り、IISではフォルダー階層内の現在のフォルダーより上位のフォルダー内のファイルをインクルードできません。IISサーバーでフォルダー階層内のより上位のフォルダーからファイルをインクルードする必要がある場合は、システム管理者に必要なソフトウェアがインストールされているかどうかを確認してください。
その他のサーバーを使用している場合、または使用しているサーバーの種類が不明な場合は、どちらのオプションを使用すべきかシステム管理者に確認してください。
設定に応じて、サーバーサイドインクルードが指定されているかどうかをすべてのファイルについて調べるサーバーや、.shtml、.shtm、.inc など、特定の拡張子の付いたファイルだけを調べるサーバーがあります。 サーバーサイドインクルードが機能しない場合は、インクルード指示を指定するファイルの名前に特別な拡張子を付ける必要があるかどうかをシステム管理者に確認してください。 例えば、ファイルの名前が canoe.html である場合、canoe.shtml に変更しなければならないことがあります。 ファイル名に .html または .htm の拡張子を付けておく場合は、サーバー側で特定の拡張子が付いたファイルだけでなく、すべてのファイルについてサーバーサイドインクルードの有無が確認されるような設定を行うようにシステム管理者に依頼します。 ファイルにサーバーサイドインクルードが指定されているかどうかの解析には時間がかかるため、解析対象となるページは、他のページよりも表示処理が遅くなります。このため、システム管理者によっては、すべてのファイルを解析する設定を行わない場合もあります。
サーバーサイドインクルードの挿入
Dreamweaverを使用してページにサーバーサイドインクルードを挿入できます。
サーバーサイドインクルードの挿入
初期設定では、「ファイル」タイプのインクルードが挿入されます。
- Apache Web サーバーを使用している場合は、「仮想」を選択します。 Apache では、あらゆる状況で「仮想」が使用できますが、「ファイル」が使用できる場合は限られています。
- Microsoft IIS サーバーを使用している場合は、「ファイル」を選択します。 「仮想」が IIS サーバーで使用できるのは、特定の環境に限られます。
IIS サーバーでは、特別なソフトウェアをインストールしないと、フォルダー階層で現在のフォルダーの上位にあるフォルダーのファイルをインクルードすることができません。 IIS サーバーのフォルダー階層で上位のフォルダーのファイルをインクルードする必要がある場合は、必要なソフトウェアがインストールされているかどうかをシステム管理者に確認してください。
その他のサーバーを使用している場合、または使用しているサーバーの種類が不明な場合は、どちらのオプションを使用すべきかシステム管理者に確認してください。
インクルード対象ファイルの変更
フォルダーアイコンをクリックし、インクルードする新しいファイルを参照して選択します。
ボックスに、含める新しいファイルのパスとファイル名を入力します。
サーバーサイドインクルードの内容を編集
Dreamweaver を使用してサーバーサイドインクルードを編集することができます。含まれるファイルに関連付けられているコンテンツを編集するには、そのファイルを開く必要があります。
インクルードファイルが新しいドキュメントウィンドウで開きます。
変更は現在のドキュメントと、そのファイルを含む後続で開くドキュメントに即座に反映されます。