TOP > Expression > Expression Web 4 > Chapter 3　デザインの決定

CSSレイアウトテンプレートから新規作成するには

 Section 2　CSSレイアウトページの作成 (1)
Google Bookmarks に追加 Check Yahoo!ブックマークに登録 このページをはてなブックマークに追加
最終更新日：2011/11/30 08:41:49
Expression Webの組み込みテンプレートからCSSレイアウトページを新規作成してみましょう。

概要

Expression Webでは、汎用的でベースとなるCSSレイアウトテンプレートが組み込まれています。ただし、文字色や背景色、文字の大きさや枠線などの書式は含まれていません。

Expression Webで組み込まれているCSSレイアウトテンプレートは下表のとおりです。

CSSレイアウトテンプレートの一覧
2 列のレイアウトを作成します。左の列の幅は固定されています。
2列, 左固定		 2 列のレイアウトを作成します。右の列の幅は固定されています。
2列, 右固定		 3 列のレイアウトを作成します。左右の列の幅は固定されています。
3列
ヘッダー、ナビゲーション バー、およびフッターを含むページ レイアウトを作成します。
ヘッダー, ナビゲーションバー,
1列, フッター		 ヘッダー、ナビゲーション バー、2 列、およびフッターを含むページ レイアウトを作成します。左の列の幅は固定されています。
ヘッダー, ナビゲーションバー,
2列, フッター		 ヘッダー、ナビゲーション バー、2 列、およびフッターを含むページ レイアウトを作成します。右の列の幅は固定されています。
ヘッダー, ナビゲーションバー,
2列, フッター
ヘッダー、ナビゲーション バー、2 列、およびフッターを含むページ レイアウトを作成します。左右の列の幅は固定されています。
ヘッダー, ナビゲーションバー,
3列, フッター		 ヘッダー、ロゴ、2 列、およびフッターを含むページ レイアウトを作成します。左の列の幅は固定されています。
ヘッダー, ロゴ,
2列, フッター		 ヘッダー、ロゴ、3 列、およびフッターを含むページ レイアウトを作成します。左右の列の幅は固定されています。
ヘッダー, ロゴ,
3列, フッター

操作方法

  1. あらかじめサイトを開いておきます（参考：『サイトを開くには』）。
  2. ［ファイル］メニューの［新規］をポイントし、［ページ］を選択します。
  3. ［新規作成］ダイアログボックスの左のメニューから［CSSレイアウト］を選択します。
  4. 中央のCSSレイアウトの一覧から任意のテンプレートを選択して、［OK］ボタンをクリックします。
    新規作成
  5. テンプレートからCSSファイルとそのスタイルが適用されたWebページが新規作成されました。
INDEX

問題は解決しましたか？

操作方法、設定方法等で困ったら、Expression Web & FrontPage Users Forum に投稿してください！

▲このページのトップへ