2011-09-16 24 views
5

Webフォームで実装する必要があるプロジェクト(Webアプリケーション)があります。私はすでにウェブサイトのデザインを準備しており、すでに開発したCSSテンプレートの1つを使用します。この場合:ASP.NET Webフォーム:マスターページとCSSファイル

  1. マスターページを使用する必要がありますか?
  2. マスターページとCSSファイルとの間に関係はありますか?はいの場合、CSSファイルでマスターページをどのように定義する必要がありますか?

ちなみに、CSSファイルはレディテンプレートです。

答えて

9
  1. 非常にはマスターページの使用をお勧めします。それはあなたのすべてのページにわたって一貫した外観を持つことができます。また、レイアウトを変更する場合は、1つのファイルを変更するだけです!

  2. マスターページのCSSファイルを参照するだけで、マスターページが使用されているすべてのページに適用されます。何かのように<link href="~/styles/Style.css" rel="stylesheet" type="text/css" />

さらに、1つのマスターページを持つことができます。ビジュアルスタジオでは、ページを作成してマスターページを選択することもできますが、これはアイテムを追加する際の他のオプションの1つです。

1

多くのまたはすべてのページが共通のユーザーインターフェイス(ヘッダー、フッター、ナビゲーションバーなど)を共有する場合は、マスターページが必要です。

CSSはどこにでも適用されるため、CSSファイルへのリンクをどこに置いても問題ありません。 CSSがWebサイト全体(または同じマスターページを共有するものすべて)に共通の場合は、マスターページに配置します。 CSSファイルがページ固有で、別のページと重複してマスターページに置くことができない場合は、そのページに(ContentSectionのhead内に)配置します。

+1

私はあなたが言っていたものを手に入れるが、それは* CSSファイルへのリンクがある問題*ありません。マスターページを使用している場合は、CSSファイルをマスターページのヘッダーに追加する必要があります。 –

+0

ええ、私はむしろ、それがどのファイルでも関係ないということを意味しました。 CSSは要素内にある必要がありますので、Webサイトは徐々にレンダリングされます。あなたがマスターページにいる場合、そこに追加してください。ページ内にいる場合は、ContentSectionに追加して、要素に追加され、正しい順序で(ページ全体に適用されるスタイルシートの後に)追加されます。 –

0

マスターページを使用してサイトの一般的なレイアウトを制御することをお勧めします。したがって、すべてのページでレイアウトを繰り返す必要はありません。マスターページを扱うためにCSSファイルで特別な処理を行う必要はありませんが、CSSファイルへのリンクをマスターページのヘッダーに追加する必要があります。マスターページを使用してすべてのページに移動しますページ。

マスターページのヘッダー:

<head runat="server">  
    <link rel="Stylesheet" href="~/pathtocssfile/cssfilename.css" type="text/css" /> 
</head> 
関連する問題