チュートリアル : Visual Web Developer での ASP.NET マスタページの作成と使用

[アーティクル]
08/16/2008

更新 : 2007 年 11 月

このチュートリアルでは、マスタページおよび複数のコンテンツページを作成する方法について説明します。マスタページを使用すると、ページレイアウト (テンプレートページ) を作成し、実行時にマスタページとマージされるコンテンツを含む個別のページを作成できます。マスタページの詳細については、「ASP.NET マスターページの概要」を参照してください。

このチュートリアルでは、以下のタスクを行います。

マスタページの作成
マスタページに表示するコンテンツを使用した ASP.NET ページ
さまざまなコンテンツを表示するためのマスタページの実行
実行時のマスタページの選択

前提条件

このチュートリアルを実行するための要件は次のとおりです。

Visual Studio または Microsoft Visual Web Developer Express Edition。
オプションで、マスタページのロゴとして使用できる .jpg、.gif、またはその他のグラフィックスファイル。ロゴの幅は、48 ピクセル以内にすることをお勧めします。ただし、ロゴの表示はオプションであり、グラフィックの正確なサイズはチュートリアルでは重要ではありません。

Web サイトの作成

「チュートリアル : Visual Web Developer での基本的な Web ページの作成」の手順などを実行して Visual Web Developer で Web サイトを作成済みの場合は、その Web サイトを使用し、次のセクション「マスタページの作成」に進むことができます。それ以外の場合は、次の手順に従って、新しい Web サイトおよびページを作成します。

ファイルシステム Web サイトを作成するには

Visual Web Developer を開きます。
[ファイル] メニューの [新しい Web サイト] をクリックします。

[新しい Web サイト] ダイアログボックスが表示されます。
[Visual Studio にインストールされたテンプレート] の [ASP.NET Web サイト] をクリックします。
[場所] ボックスに、Web サイトのページを格納するフォルダの名前を入力します。

たとえば、フォルダ名として「C:\WebSites」と入力します。
[言語] ボックスで、作業に使用する言語をクリックします。
[OK] をクリックします。

Visual Web Developer によりフォルダが作成され、Default.aspx という名前の新しいページが作成されます。

マスタページの作成

マスタページは、ページの外観を表すテンプレートです。ここでは、まずマスタページを作成します。次に、テーブルを使用して、サイトの各ページに表示されるメニュー、ロゴ、およびフッターをマスタページに配置します。また、コンテンツプレースホルダも使用します。これは、コンテンツページの情報に置換できるマスタページ内の領域です。

マスタページを作成するには

ソリューションエクスプローラで、Web サイトの名前を右クリックし、[新しい項目の追加] をクリックします。
[Visual Studio にインストールされたテンプレート] の [マスタページ] をクリックします。
[名前] ボックスに「Master1」と入力します。

[別のファイルにコードを書き込む] チェックボックスをオンにします。

メモ :
このチュートリアルでは、すべてのページに分離コードファイルを使用していることを前提としています。単一ファイル ASP.NET ページを使用している場合、このチュートリアルに示すコードは機能しますが、個別のコードファイルではなくソースビューに表示されます。

[言語] ボックスで、作業に使用するプログラミング言語をクリックし、[追加] をクリックします。

新しいマスタページがソースビューに表示されます。

ページの上部には、通常は ASP.NET ページの上部にある @ Page 宣言の代わりに、@ Master 宣言が表示されます。ページの本文には、ContentPlaceHolder コントロールが含まれます。これは、実行時にコンテンツページから置換可能なコンテンツがマージされるマスタページの領域です。このコンテンツプレースホルダの操作方法は、後でこのチュートリアルで説明します。

マスタページの配置

マスタページでは、サイト内でのページの外観が定義されます。マスタページには、静的テキストとコントロールの任意の組み合わせを含めることができます。マスタページには、ページを表示したときに動的コンテンツが表示される場所を指定する 1 つ以上のコンテンツプレースホルダを含めることもできます。

このチュートリアルでは、テーブルを使用してページに要素を配置します。まず、マスタページ要素を保持するレイアウトテーブルを作成します。このセクションの後半では、ページに既に配置されているコンテンツプレースホルダコントロールを配置します。

マスタページのレイアウトテーブルを作成するには

ソースビューで Master1.master ファイルを選択し、検証用のターゲットスキーマを Microsoft Internet Explorer 6.0 に設定します。この値を設定するには、ツールバーのドロップダウンリストを使用するか、[ツール] メニューの [オプション] をポイントし、[検証] をクリックします。
デザインビューに切り替えます。
[プロパティ] ウィンドウの上部にあるドロップダウンリストの [DOCUMENT] をクリックし、BgColor を青などの目立つ色に設定します。

選択する色は重要ではありません。このチュートリアルの後半では、ここで選択した内容と対比するために、色のない 2 番目のマスタページを作成します。
レイアウトテーブルを配置するページをクリックします。

メモ :

レイアウトテーブルを ContentPlaceHolder コントロール内に配置しないでください。
[テーブル] メニューの [テーブルの挿入] をクリックします。
[表の挿入] ダイアログボックスで、3 行 1 列のテーブルを作成し、[OK] をクリックします。
テーブルの 2 行目の中にカーソルを置きます。
[テーブル] メニューの [変更] サブメニューで、[セルの分割] をクリックします。
[セルの分割] ダイアログボックスで、[列に分割] を選択し、[OK] をクリックします。

メモ :
レイアウトテーブルを ContentPlaceHolder コントロール内に配置しないでください。

次の設定を行います。

中央の行で左端の列をクリックし、[プロパティ] ウィンドウで Width を 48 に設定します。
上の行をクリックし、[プロパティ] ウィンドウで Height を 48 に設定します。

下の行をクリックし、[プロパティ] ウィンドウで Height を 48 に設定します。

メモ :
テーブルセルの境界線をドラッグするか、セルを選択して [プロパティ] ウィンドウで値を設定することで、幅と高さを設定できます。

テーブル内のすべてのセルを選択し、BgColor を背景色と異なる色に設定します。

テーブルをレイアウトした後、すべてのページに表示されるマスタページにコンテンツを追加できます。フッターとして著作権メッセージを追加し、メニューを追加します。ロゴグラフィックを使用できる場合は、それも追加できます。

マスタページに静的コンテンツを追加するには

最下部のセルをクリックし、「Copyright 2007 Contoso Inc.」などのフッターテキストを入力します。
ツールボックスの [ナビゲーション] コントロールグループから、Menu コントロールを最上部のセルにドラッグします。
次の手順に従って、メニューを作成します。
1. Menu コントロールの Orientation プロパティを Horizontal に設定します。
2. Menu コントロールのスマートタグをクリックし、[Menu タスク] ダイアログボックスの [メニュー項目の編集] をクリックします。
[項目] の [ルートノードの追加] アイコンを 2 回クリックして、2 つのメニュー項目を追加します。
1. 最初のノードをクリックし、Text を「Home」、href を「Home.aspx」に設定します。
2. 2 番目のノードをクリックし、Text を「About」、href を「About.aspx」に設定します。
3. [OK] をクリックして [メニュー項目エディタ] ダイアログボックスを閉じます。
ロゴとして使用できるグラフィックスファイルがある場合は、次の手順でマスタページに配置します。
1. ソリューションエクスプローラで、Web サイトの名前を右クリックし、[既存項目の追加] をクリックします。
2. グラフィックスファイルに移動し、グラフィックスファイルを選択して、[追加] をクリックします。
3. ツールボックスの [標準] グループから、Image コントロールをテーブルの中央の左側の列にドラッグします。
4. Image コントロールの ImageUrl プロパティをグラフィックスファイルの名前に設定します。

これで、コンテンツプレースホルダを配置して、実行時にマスタページにコンテンツが表示される位置を指定できます。

コンテンツプレースホルダを追加するには

ContentPlaceHolder コントロールを中央の右側のセルにドラッグします。

コントロールの ID プロパティは ContentPlaceholder1 です。この名前はそのままにしておいても、変更してもかまいません。名前を変更した場合は、後で必要になるため、名前をメモしてください。
ページを保存します。

マスタページのコンテンツの作成

マスタページはコンテンツのテンプレートを提供します。マスタページに関連付けられた ASP.NET ページを作成して、マスタページのコンテンツを定義します。コンテンツページは、マスタページとマージされるコンテンツだけを含む ASP.NET ページの専用フォームです。コンテンツページで、ユーザーがそのページを要求したときに表示するテキストとコントロールを追加します。

このチュートリアルでは、マスタページ用コンテンツを持つ 2 つのページを追加します。最初のページはホームページで、2 番目のページはバージョン情報ページです。

ホームページを作成するには

ソリューションエクスプローラで、Web サイトの名前を右クリックし、[新しい項目の追加] をクリックします。
[Visual Studio にインストールされたテンプレート] の [Web フォーム] をクリックします。
[名前] ボックスに「Home」と入力します。
[言語] ボックスで、使用するプログラミング言語をクリックします。
[マスタページを選択する] チェックボックスをオンにし、[追加] をクリックします。

[マスタページを選択してください] ダイアログボックスが表示されます。
Master1.master をクリックし、[OK] をクリックします。

新しい .aspx ファイルが作成されます。次のコード例に示すように、このページには、MasterPageFile 属性を持つ選択されたマスタページに現在のページを追加する @ Page ディレクティブが含まれます。

[Visual Basic]
```
<%@ Page Language="VB" MasterPageFile="~/Master1.master" ... %>
```
[C#]
```
<%@ Page Language="C#" MasterPageFile="~/Master1.master" ... %>
```
このページには、次に使用する Content コントロール要素も含まれます。

コンテンツページには、html、body、または form の各要素など、ASP.NET ページを構成する通常の要素はありません。代わりに、マスタページで作成したプレースホルダ領域を置換することで、マスタページに表示するコンテンツだけを追加します。

ホームページにコンテンツを追加するには

デザインビューに切り替えます。

マスタページの ContentPlaceHolder コントロールは、新しいコンテンツページの Content コントロールとして表示されます。レイアウトを確認できるようにマスタページコンテンツの残りも表示されますが、コンテンツページの編集中は変更できないため、淡色表示されます。
[プロパティ] ウィンドウのドロップダウンリストの [DOCUMENT] をクリックし、[Title] を「Contoso Home Page」に設定します。

コンテンツがマスタページとマージされたときにブラウザに正しいタイトルが表示されるように、各コンテンツページのタイトルを個別に設定できます。タイトル情報は、コンテンツページの @ Page ディレクティブに格納されます。
マスタページの ContentPlaceHolder1 に一致する Content コントロールに「Welcome to the Contoso Web Site」と入力します。
テキストを選択し、ツールボックスの上にある [フォーマットのブロック] ドロップダウンリストから Heading 1 を選択することで、テキストを見出しとして書式指定します。
Enter キーを押して、Content コントロールに新しい空白行を作成し、「Thank you for visiting our site」と入力します。

ここで追加するテキストは、重要ではありません。このページをホームページとして認識できるようなテキストを入力します。
ページを保存します。

ホームページを作成したのと同じ方法で、バージョン情報ページを作成できます。

バージョン情報ページを作成するには

ホームページに使用したのと同じ手順を使用して、About.aspx という名前の新しいコンテンツページを追加します。

ホームページの場合と同じように、Master1.master ページに新しいページを追加します。
ページのタイトルを「Contoso About Page」に変更します。
コンテンツ領域に「About Contoso」と入力し、テキストを選択して、ツールボックスの上にある [フォーマットのブロック] ドロップダウンリストから Heading 1 を選択することで、テキストを Heading 1 として書式指定します。
Enter キーを押して新しい行を作成し、「Since 1982, Contoso has provided high-quality software services」と入力します。
ページを保存します。

ページのテスト

ASP.NET ページの場合と同じように、ページを実行してテストできます。

ページをテストするには

Home.aspx ページに切り替えて、Ctrl キーを押しながら F5 キーを押します。

ASP.NET により、Master1.master ページのレイアウトを使用した Home.aspx ページのコンテンツが単一ページにマージされ、結果のページがブラウザに表示されます。ページの URL は Home.aspx です。ブラウザには、マスタページへの参照はありません。
[バージョン情報] リンクをクリックします。

About.aspx ページが表示されます。Master1.master ページともマージされます。

マスタページメンバの参照

コンテンツページのコードでは、パブリックプロパティまたはマスタページのメソッドとコントロールを含む、マスタページのメンバを参照できます。このチュートリアルでは、マスタページでプロパティを作成して、コンテンツページでそのプロパティ値を使用します。ここでは、Web サイトの会社名がプロパティとしてマスタページに格納され、コンテンツページの会社名への参照は、マスタページプロパティに基づいていることを前提とします。

最初にマスタページにプロパティを追加します。

マスタページにプロパティを追加するには

Master1.master ページに切り替えるか、このページを開きます。

ソリューションエクスプローラで、[Master1.master] を右クリックし、[コードの表示] をクリックしてコードエディタを開きます。

メモ :
既定では、Visual Web Developer では分離コードモデルを使用するページが作成されます。必要に応じて、単一ファイルモデルを使用してコードを作成できます。詳細については、「ASP.NET Web ページのコードモデル」を参照してください。

クラス定義内に次のコードを入力します。

Public Property CompanyName() As String
    Get
        Return CType(ViewState("companyName"), String)
    End Get
    Set(ByVal Value As String)
        ViewState("companyName") = Value
    End Set
End Property

public String CompanyName
{
    get { return (String) ViewState["companyName"]; }
    set { ViewState["companyName"] = value; }
}

コードにより、マスタページの CompanyName という名前のプロパティが作成されます。ポストバック間で永続化されるように、値はビューステートに格納されます。

クラス定義内 (ただし、プロパティコード内を除く) に次のコードを追加します。
```
Sub Page_Init(ByVal sender As Object, ByVal e As EventArgs) _
       Handles Me.Init
   Me.CompanyName = "Contoso"
End Sub
```
```
void Page_Init(Object sender, EventArgs e)
{
   this.CompanyName = "Contoso";
}
```
この例では、CompanyName プロパティの値をページにハードコーディングします。

ここで、マスタページの CompanyName プロパティを使用するようにコンテンツページを変更できます。

コンテンツページで CompanyName プロパティを参照するには

Home.aspx ページに切り替えるか、このページを開きます。
ソースビューに切り替えます。
ページの上部で、@ Page ディレクティブの下に次の @ MasterType ディレクティブを追加します。
```
<%@ MasterType virtualpath="~/Master1.master" %>
```
ディレクティブによってコンテンツページの Master プロパティが Master1.master ページにバインドされます。このプロパティは、すぐに使用します。
デザインビューに切り替えます。
Content コントロールで、テキストを「Welcome to the Web site of」に変更します。
ツールボックスの [標準] グループから、Label コントロールを Content コントロールにドラッグし、テキストが次のようになるように、静的テキストの後に配置します。

Welcome to the Web site of [Label]
Label コントロールの ID プロパティを CompanyName に設定します。
ソリューションエクスプローラで、[Home.aspx] を右クリックし、[コードの表示] をクリックしてコードエディタを開きます。
クラス定義内に次のコードを追加します。
```
Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs) _
        Handles Me.Load
    CompanyName.Text = Master.CompanyName
End Sub
```
```
void Page_Load(Object sender, EventArgs e)
{
   CompanyName.Text = Master.CompanyName;
}
```
コンテンツページの Master プロパティは、手順 3. で追加した @ MasterType ディレクティブに定義されているように、マスタページへの参照を返します。

ここでコンテンツページをテストして、マスタページの CompanyName プロパティを正しく参照しているかどうかを確認できます。

マスタページプロパティへの参照をテストするには

Home.aspx ページに切り替えるか、このページを開き、Ctrl キーを押しながら F5 キーを押して、ページを実行します。

ページがブラウザに表示され、テキスト [Welcome to the Web site of Contoso] が表示されます。
ブラウザを閉じます。
Master1.master 分離コードページに切り替えるか、このページを開きます。

次のコード例に示すように、別の会社名がプロパティに割り当てられるように、Page_Init ハンドラを変更します。

Sub Page_Init(ByVal sender As Object, ByVal e As EventArgs) _
       Handles Me.Init
   Me.CompanyName = "New Company Name"
End Sub

void Page_Init(Object sender, EventArgs e)
{
   this.CompanyName = "New Company Name";
}

Home.aspx ページに切り替え、Ctrl キーを押しながら F5 キーを押してページを再実行します。

今度は、更新された会社名がページに表示されます。

マスタページの動的な変更

状況により、マスタページを動的に変更する、つまり、コードを使用して、コンテンツページのマスタページを設定できるようにする必要があります。たとえば、ユーザーが複数のレイアウトから選択し、設定に応じてマスタページを設定できるようにする必要があります。

このチュートリアルでは、Web サイトに 2 番目のマスタページを追加し、ユーザーが 2 つのマスタページ間を切り替えることができるボタンを作成します。2 つのマスタページは非常に似ているため、最初のマスタページをコピーして、2 番目のマスタページとして機能するように変更します。

マスタページをコピーするには

ソリューションエクスプローラで、[Master1.master] を右クリックし、[コピー] をクリックします。
Web サイトの名前を右クリックし、[貼り付け] をクリックします。

Copy of master1.master という名前のマスタページが Web サイトに追加されます。
Copy of master1.master を右クリックし、[名前の変更] をクリックして、新しいマスタページに Master2.master という名前を付けます。
Master2.master を開き、@ Master ディレクティブで Master1 を Master2 に変更します。

完成したページディレクティブは、次のコード例のようになります。
```
<%@ Master Language="VB" CodeFile="Master2.master.vb" Inherits="Master2" %>
```
```
<%@ Master Language="C#" CodeFile="Master2.master.cs" Inherits="Master2" %>
```
デザインビューに切り替えます。
[プロパティ] ウィンドウの上部にあるドロップダウンリストの [DOCUMENT] をクリックします。
BgColor プロパティを削除します。

新しいマスタページは Master1.master のように表示され機能しますが、背景色はありません。
Master2.master のコードファイルを開き、ページの @ Master ディレクティブで Inherits 属性の値が一致するように、マスタページの分離コードファイルのクラス名を Master1 から Master2 へ変更します。

コードは、次の例のようになります。
```
Partial Class Master2
```
```
public partial class Master2 : System.Web.UI.MasterPage
```

次の手順では、ユーザーが代替マスタページを選択できるボタンを各マスタページに追加します。

代替マスタページを選択するためのボタンを追加するには

Master2.master ページに切り替えるか、このページを開きます。
ツールボックスの [標準] ノードから、LinkButton コントロールをページにドラッグし、上部のテーブルセルのメニューの下に配置します。
ボタンの Text プロパティを「Colorful」に設定します。
ボタンをダブルクリックして Click イベントのハンドラを作成し、次の強調表示されたコードを追加します。
```
Protected Sub LinkButton1_Click(ByVal sender As Object, ByVal e As EventArgs)_
        Handles LinkButton1.Click
    Session("masterpage") = "Master1.master"    Response.Redirect(Request.Url.ToString())
End Sub
```
[C#]
```
void LinkButton1_Click(Object sender, EventArgs e)
{
   Session["masterpage"] = "Master1.master";   Response.Redirect(Request.Url.ToString());
}
```
コードにより代替マスタページのファイル名が永続的なセッション変数に読み込まれ、現在のページが再読み込みされます (Url プロパティは、現在のページを参照する Uri オブジェクトを返します)。次に、マスタページの名前を使用するコードをコンテンツページで作成します。
Master1.master ページに切り替えるか、このページをデザインビューで開きます。
手順 1 および 2 で実行したように、LinkButton コントロールを追加し、Text プロパティを Plain に設定します。

[Plain] をダブルクリックして Click イベントのハンドラを作成し、次の強調表示されたコードを追加します。

Protected Sub LinkButton1_Click(ByVal sender As Object, ByVal e As EventArgs)_
        Handles LinkButton1.Click
    Session("masterpage") = "Master2.master"    Response.Redirect(Request.Url.ToString())
End Sub

void LinkButton1_Click(Object sender, EventArgs e)
{
   Session["masterpage"] = "Master2.master";   Response.Redirect(Request.Url.ToString());
}

このコードは、代替マスタページを読み込む点を除いて、Master2.master ページのボタンのコードと同じです。

ここで、ユーザーが選択したマスタページを動的に読み込むコードをコンテンツページに記述します。

マスタページを動的に選択するコードを記述するには

About.aspx ページに切り替えるか、このページを開きます。

メモ :
既に作成したホームページには、単一のマスタページ (Master1.master) にバインドされる @ MasterType ディレクティブが含まれます。したがって、マスタページをホームページに動的に割り当てることはできません。代わりに、作成したその他のページを使用します。

ソリューションエクスプローラで、[About.aspx] を右クリックし、[コードの表示] をクリックしてコードエディタを開きます。
クラス定義内に次のコードを追加します。
```
Sub Page_PreInit(ByVal sender As Object, ByVal e As EventArgs) _
        Handles Me.PreInit
   If Not Session("masterpage") Is Nothing Then
      Me.MasterPageFile = CType(Session("masterpage"), String)
   End If
End Sub
```
```
void Page_PreInit(Object sender, EventArgs e)
{
   if(Session["masterpage"] != null)
   {
      this.MasterPageFile = (String) Session["masterpage"];
   }
}
```
コードにより、現在のページの MasterPageFile プロパティの値がセッション変数 (ある場合) 内の値に設定されます。このコードは、Page_PreInit ハンドラで実行する必要があります。Page_PreInit ハンドラよりも後に発生するハンドラ (Page_Init ハンドラなど) で実行することはできません。これは、さらに初期化が行われる前にページのインスタンスが作成されるように、マスタページが設定されているためです。

ここで動的なマスタページをテストできます。

動的なマスタページをテストするには

About.aspx ページで、Ctrl キーを押しながら F5 キーを押して、ページを実行します。

既定のマスタページ (Master1.master) とマージされたページがブラウザに表示されます。
[Plain] リンクをクリックします。

今度は Master2.master とマージされて、ページが再表示されます。背景色はありません。
[カラフル] リンクをクリックします。

再度 Master1.master を使用してページが表示されます。

マスタページの使用に関する注意事項

マスタページを使用する場合、注意が必要な問題点は他にもあります。

実際のアプリケーションでは、会社名などの情報を構成ファイルに保存して、コンテンツページで直接読み込む可能性があります。ただし、ここで説明するシナリオでは、コンテンツページでマスタページメンバを参照する方法を単純な図で示します。
@ MasterType ディレクティブを含めなくてもマスタページのメンバにアクセスできます。ただし、その場合は、Page.Master プロパティを適切なマスタページタイプにキャストする必要があります (ページにマスタページがない場合、Master プロパティは null になります)。詳細については、「プログラムによる ASP.NET マスターページの操作」を参照してください。

Master.FindControls メソッドを使用して、マスタページのコントロールを参照できます。詳細については、「プログラムによる ASP.NET マスターページの操作」を参照してください。

動的なマスタページを使用する場合、注意が必要な問題点は他にもあります。

マスタページを変更するためのこのセクションのシナリオは、チュートリアルでマスタページを中心に説明するために簡略化されています。実際のアプリケーションでは、レイアウトの選択肢を表示し、プロファイルを使用してユーザーの設定を保存する場合がほとんどです。詳細については、「ASP.NET プロファイルプロパティの概要」を参照してください。
すべてのページが同じマスタページを使用するように Web サイトを設定できます。いくつかのページでは、代替マスタページを使用する必要があります。これは、チュートリアルのこのセクションで説明したような方法で、コードで設定できます。詳細については、「ASP.NET マスターページの概要」の「マスタページのスコープの設定」を参照してください。
既定のマスタページをオーバーライドするすべてのページに、Home.aspx ページからコードを追加する必要があります。

次の手順

このチュートリアルでは、マスタページの基本機能を説明しています。マスタページの追加機能を試すことができます。たとえば、次の場合です。

複数のコンテンツプレースホルダを含むマスタページを作成します。表示するページごとに、1 つ以上のプレースホルダにコンテンツを読み込むことができます。
既定のコンテンツを使用してコンテンツプレースホルダを定義します。ASP.NET ページがプレースホルダのコンテンツを提供していない場合、マスタページには既定のコンテンツが表示されます。
コンテンツページからマスタページのメンバにプログラムによってアクセスします。これにより、実行時にマスタページの外観を動的に変更できます。詳細については、「方法 : ASP.NET マスターページのコンテンツを参照する」を参照してください。
マスタページでデバイスフィルタを使用して、ブラウザ用のレイアウト、特定の種類の電話のレイアウトなど、デバイスごとに異なるレイアウトを作成します。詳細については、「ASP.NET デバイスのフィルタ処理の概要」を参照してください。
マスタページ内にマスタページを配置して、コンポーネント化されたページを作成する方法を習得します。詳細については、「入れ子にされた ASP.NET マスタページ」を参照してください。

参照

概念

ASP.NET マスターページの概要

ASP.NET のマスターページとコンテンツページのイベント

次の方法で共有

チュートリアル : Visual Web Developer での ASP.NET マスタページの作成と使用

前提条件

Web サイトの作成

ファイルシステム Web サイトを作成するには

マスタページの作成

マスタページを作成するには

マスタページの配置

マスタページのレイアウトテーブルを作成するには

マスタページに静的コンテンツを追加するには

コンテンツプレースホルダを追加するには

マスタページのコンテンツの作成

ホームページを作成するには

ホームページにコンテンツを追加するには

バージョン情報ページを作成するには

ページのテスト

ページをテストするには

マスタページメンバの参照

マスタページにプロパティを追加するには

コンテンツページで CompanyName プロパティを参照するには

マスタページプロパティへの参照をテストするには

マスタページの動的な変更

マスタページをコピーするには

代替マスタページを選択するためのボタンを追加するには

マスタページを動的に選択するコードを記述するには

動的なマスタページをテストするには

マスタページの使用に関する注意事項

次の手順

参照

概念

その他のリソース

次の方法で共有

チュートリアル : Visual Web Developer での ASP.NET マスタ ページの作成と使用

前提条件

Web サイトの作成

ファイル システム Web サイトを作成するには

マスタ ページの作成

マスタ ページを作成するには

マスタ ページの配置

マスタ ページのレイアウト テーブルを作成するには

マスタ ページに静的コンテンツを追加するには

コンテンツ プレースホルダを追加するには

マスタ ページのコンテンツの作成

ホーム ページを作成するには

ホーム ページにコンテンツを追加するには

バージョン情報ページを作成するには

ページのテスト

ページをテストするには

マスタ ページ メンバの参照

マスタ ページにプロパティを追加するには

コンテンツ ページで CompanyName プロパティを参照するには

マスタ ページ プロパティへの参照をテストするには

マスタ ページの動的な変更

マスタ ページをコピーするには

代替マスタ ページを選択するためのボタンを追加するには

マスタ ページを動的に選択するコードを記述するには

動的なマスタ ページをテストするには

マスタ ページの使用に関する注意事項

次の手順

参照

概念

その他のリソース

チュートリアル : Visual Web Developer での ASP.NET マスタページの作成と使用

ファイルシステム Web サイトを作成するには

マスタページの作成

マスタページを作成するには

マスタページの配置

マスタページのレイアウトテーブルを作成するには

マスタページに静的コンテンツを追加するには

コンテンツプレースホルダを追加するには

マスタページのコンテンツの作成

ホームページを作成するには

ホームページにコンテンツを追加するには

マスタページメンバの参照

マスタページにプロパティを追加するには

コンテンツページで CompanyName プロパティを参照するには

マスタページプロパティへの参照をテストするには

マスタページの動的な変更

マスタページをコピーするには

代替マスタページを選択するためのボタンを追加するには

マスタページを動的に選択するコードを記述するには

動的なマスタページをテストするには

マスタページの使用に関する注意事項