ステップ 7 ハンズオン:

ASP.NET 2.0 を利用したマスタ ページによるページ テンプレートの実装 その 1

マスタ ページの作成


グローバル ナレッジ ネットワーク株式会社
ナレッジ ソリューション本部 鈴木和久

最終更新日 2005 年 10 月 14 日

目標 ASP.NET 2.0 を利用したマスタ ページによるページ テンプレートの実装
使用技術
  • ASP.NET 2.0
  • Visual Basic 2005
取り上げるトピックス
  • ASP.NET 2.0 を利用したマスタ ページによるページ テンプレートの作成方法
前提知識
目次
まとめ ASP.NET 2.0 ではマスタ ページによるテンプレートをあらかじめ作成しておき、それを任意の Web ページに継承して利用できます。この機能により、サイト内の複数のページのデザインを共通化し、一貫した管理が可能になります。 
備考  

 

ASP.NET 2.0 マスタ ページの作成

ここでは、ASP.NET 2.0 マスタ ページを作成します。

Visual Studio 2005 を起動し、[ファイル] メニューの [新規作成] をポイントし、[Webサイト] をクリックします。

[新しいWebサイト] ダイアログ ボックスで、以下のように指定します。

  ・ [テンプレート] 欄:   空の Web サイト

  ・ [場所] 欄のURL:   https://localhost/MyWebSite

  ・ [言語] 欄:   Visual Basic

[OK] をクリックします。

[ファイル] メニューの [新規作成] をポイントし、[ファイル] をクリックします。

[新しい項目の追加]ダイアログ ボックスで、以下のように指定します。

  ・ [テンプレート] 欄:   マスタ ページ

  ・ [名前] 欄:   MyMasterPage.master

  ・ [言語] 欄:   Visual Basic

  ・ [別のファイルにコードを書き込む] チェック ボックス:   ON

[追加] をクリックします。

[ソリューション エクスプローラ] で 「MyMasterPage.master」 が追加されたことを確認します。

[MyMasterPage.master] を [デザイン] 表示に切り換えます。

[ContentPlaceHolder1] の上下に Label コントロールを貼り付けます。

上の Label でヘッダ情報を、下の Label でフッタ情報を表示すると仮定して適当にプロパティを設定します。

これでマスタ ページの完成です。

次に、このマスタ ページを利用する ASP.NET ページを実装します。

ページのトップへ