テーマとスキン

これまで見てきたように、マスタページは、アプリケーション内のページ（またはサイト）のウェブサイトの一連の一​​般的な構造に影響を与えます。 しかし、ほとんどの場合は、ページからページに変更できる他の要素を管理する必要があるが、サイトの実装で同じページ（テキストのフォントのような）内で安定している必要があります。 このようなシナリオではテーマと呼ばれる非常に便利なツールです。

あなたがカスケーディングスタイルシート（CSS）に精通している場合は、問題の機能を理解することは難しくありません。 実際には両方に、当社のウェブページの視覚的なスタイルを定義できるため、2つの手法は似ています。 それは"私たちのサイトのページ内のスタイル、グラフィックスやその他の要素を指定するには、テーマを使用することができます。

テーマは基本的にはもちろん、独自に定義することができるが、ページの要素は、ASP.NETを仮定しなければならないし、それはいくつかのデフォルトが含まれている特性を指定するテキストフ​​ァイルです。

例を続行します。 新しいWebフォームを（私はそれがEsempioTemi.aspxと呼ぶ）を作成し、我々のプロジェクトでマウスの右ボタンをクリックし、[ASP.NETフォルダの追加]オプションを選択し、テーマなどのフォルダの種類を選択します。

これはデフォルトのフォルダ（テーマ1と呼ばれる）とApp_Themes内のフォルダの作成につながる

デフォルトのフォルダのテーマ1の名前を変更し、型のスタイルシート（スタイルシート）の新しい要素を追加し、マウスの右ボタンでクリックします。 我々は同じdefault.cssにを呼び出す

この時点で我々のスタイルシートの特性を設定する必要があります。 我々はそれをダブルクリックすると我々は唯一のbodyタグが含まれていることが表示されます

新しいアイテムを追加するには[スタイルルールのメニュースタイルをクリックします。

これは、次のウィンドウが開きます

あなたが私たちのスタイルシートにH1要素を追加するとします。 要素は、ドロップダウンメニューで選択して、h1要素のスタイルルールの階層]リストに配置する>ボタンをクリックします。

かつて我々は次のようにスタイルシートが変更されていることを確認[OK]をクリックします

アイテムを編集するには、単に我々はそのタグでマウスの右ボタンでクリックし、スタイルオプションのビルド]をクリックします挿入。 これは、我々が自由にいくつかのプロパティを設定しようとしているスタイルの変更]ダイアログを、開きます。

[OK]をクリックすると我々の選択肢は、スタイルシートに含まれるを参照してください。

我々は、レッスンの指​​令のテーマの最初に作成したWebフォームに追加して、h1タグで何かを書き込むことによって、今私たちのテーマをテストする

私は、アプリケーションのスタイルをテストしていたし、それが私たちのスタイルシートのIPOSTに応じてブラウザに表示されます入力されたテキスト

同じことは、h1タグで囲まれて私たちのすべての要素のために発生します。 明らかに我々は、例としてこのタグを使用しましたが、同様の方法で、原理的には、Webフォームのすべての要素をカスタマイズすることができます。

最後に、私は、いわゆる皮膚に簡単に触れたいと思います。 これらの要素は、コントロールのグループのいくつかのプロパティを設定する方法です。 たとえば、様々なカスタマイズ可能なプロパティを特徴とコントロールの特定のタイプ（テキストボックス（TextBox）コントロールのような）ごとに異なる​​カラースキームを定義したい場合があります。

適切なスキンを定義することによって、コントロールのグループの表示オプションの数は、それぞれのインスタンスごとにプロパティを設定することなく使用できるようにすることができます。 WebフォームのTextBoxには10が格納されているし、それらにいくつかの書式設定を提供したい場合は、単に適切なスキンを定義し、各テキストボックスに割り当てます。 コントロールの特定のタイプと同じのすべてのインスタンスに適用される属性を定義するスキンのファイルがそう。

以下に例を挙げます。 スキンのデフォルトは、以前に見たという名前のフォルダ内の新しいフォルダを作成し、TestSkinFileと呼ばれる内部の肌のタイプに新しい要素を追加します。

次のような一部のコントロールに対して生成されたファイルのカスタマイズに挿入

このように、我々は皮膚のWebフォームのコンポーネントを追加するとき、彼らは、機能セットがかかります。 明らかにこれは、皮膚がページ内で宣言されなければならないようなテーマのために以前に行われたものと同様に行われます。

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