Microsoft Expression Web-マスターページ

この章では、ASP.NETマスターページについて学習します。マスターページを作成する場合、Microsoft Expression Webの他のページと同じ方法で、マスターページをレイアウトし、スタイルを適用し、ASP.NETコントロールを追加できます。マスターページで作成したレイアウトとコンテンツは、マスターページにアタッチされたページに適用されます。これは Dynamic Web Template と同様の概念です。

動的Webテンプレートを使用すると、Webサイトのすべてのページに共通のルックアンドフィールを適用できます。動的Webテンプレートは設計時に添付されるページに適用されるため、サイト内のすべてのページに変更を適用すると、すべてのページでHTMLが更新される間に遅延が発生する可能性があります。

サーバーがASP.NETを実行している場合、ASP.NETマスターページでは、テンプレートで編集可能な領域を定義することにより、同様の機能を使用できます。ただし、ページ内のカスタムコンテンツへのテンプレートの適用は、実行時に動的に行われます。

例

CSSテンプレートを使用してマスターページを作成し、このマスターページを使用して他のページを作成する簡単な例を見てみましょう。

ステップ1 *-CSSスタイルシートを使用してさまざまなセクションを定義した *indexl ページを開きます。

CSS

ステップ2 *-*ファイル*メニューから、*新規→ページ*に移動すると、新規ページダイアログが表示されます。

マスターページ

ステップ3 *-左ペインから[ASP.NET]を選択し、中央のリストから[マスターページ]を選択して[OK]ボタンをクリックします。

ASP.NET

ステップ4 *-上記の画面は、 *Untitled1.master という名前のポップアップを生成します。このページを保存して、 default.master という名前を付けます。

default.master

ステップ5 *-サイト全体で共有されるマスターページにデザインを組み込みます。それでは、indexlコードから各ページに配置するコンテンツのコードをコピーして、default.masterページに貼り付けてみましょう。

default.master page

ステップ6 *-これで、サイトのすべてのページで使用したいレイアウトができました。ただし、コンテンツページの作成を今すぐ開始する場合、このレイアウトにコンテンツを実際に入力することはできません。したがって、マスターページから ASPXコンテンツ*ページを作成する必要があります。これを行うには、指定したページにコンテンツを追加できるように、*コンテンツ領域*も追加する必要があります。

ASPXコンテキスト

デザインビューで、ページ上のコンテンツを配置する場所を右クリックします。メインコンテンツセクションにコンテンツを追加し、[Microsoft ASP.NETコンテンツ領域の管理…]をクリックするとします。