ユーザーインターフェースとマスターページ

近代的なウェブサイトの特徴は、確かに詳細とそれらを構成するさまざまなページの使いやすさに注目です。 例えば、最も人気のあるサイトは、色と文字セットのパターンに基づいてすべてのページで同一であり、また、ページ自体をナビゲートのシンプルで直感的な手段を提供する。 誰もがすべて異なると使用するのは困難ページを持つサイトにアクセスするための残りの部分が少し起こるか、ここでこれは我々のサイトでは避ける必要があるものです。

ページの共通の外観を与えると、サイトのルックに解決策は、すべてのページの派生元となる主要なクラスを作成することです。 ASP.NETは、単にそのプロパティ当サイトのページから継承されるプライマリページ（次ページ）を実装するために、Pageクラスに焦点を当てたモデルに基づいているため、

すべてのページ。順番にSystem.Web.UI.Pageから派生した、主から派生したaspxページ。 ページとすべてのページ間で共通の要素のロードを使用して、プライマリページの情報は、残りを処理します。

構造のこのタイプを作成するために、ASP.NETによって提供されるツールは、いわゆるマスタページです。 これらのページは、サイトの典型的なページに非常に類似しており、拡張子を持つファイルで定義されています。マスター。

マスターページは、ユーザーがマスタページのリクエストとレスポンス後者によってフィルタリングさに依存しているページに移動すると、テンプレートとして使用しています。 その後、ASP.NETマスターページとは、単一のクラスでコンテンツページを（。aspx）を組み合わせたもの。 コンテンツページは、ファイル内のマスタページを挿入することが要求されている場合。ページ上のコントロールのコレクションに追加されるコントロールのaspxフォームは。

私たちは今、マスターページを定義して使用する方法を見てみましょう。 我々は、Visual Studioを起動し、タイプ空のWebサイトの新しいプロジェクトを作成します。 私たちのプロジェクトの種類のマスタページの新しい要素を追加します。

ページレベルのビューは、前回のレッスンで見られる通常のWebフォームに似ており、Visual Studioによって生成されるコードは次のとおりです。

私は後述するContentPlaceHolderコントロールに追加されたことに注意しよう。 マスターページの残りの部分については当社サイト上で通常のページとして自由にカスタマイズすることができます。

例えば、背景色（背景）以外を設定することで、bodyタグを変更してみましょう

マスタページには背景が灰色（＃BBBBBB）があります。

[新しい項目の追加]ダイアログボックスの下部にある[マスタページをチェックし、（それがDefault.aspxと呼ぶ）私たちのプロジェクトへの新しい要素のWebフォームを追加してみましょう

我々は（我々の場合には1つしか存在でしょう）我々はあなたがプロジェクトに追加しているページのマスタページを選択できる別のダイアログボックスが表示される[OK]を静脈をクリック

我々はDefault.aspxページに[デザイン]タブを見ると我々はそれがマスターページに同じ背景色とページのテンプレート設定を継承することをこのショーを持っていることがわかります。

これは、Default.aspxページにVisual Studioによって生成されたコードです。

その中に我々は、ページの参照MasterPage.masterを参照してください。

この時点で私たちは、あなたが望むすべてのページを作成することもできます（カスタムコンテンツを持つ）と我々のマスターページに添付する。 その後、我々は、マスターページの内容を変更しようとしている場合はそれに依存するすべてのページを1ステップで更新されます。

はっきりと何がシンプルとして表示が、特に複雑なグラフィックを持つサイトでは、これらのツールの可能性を示唆しています。

• <<前のレッスン
• ヘルプインデックス
• 次のレッスン>>