www.wanichan.com

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

Section 2 CSSレイアウトページの作成 (1)
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
  • このエントリーをはてなブックマークに追加

問題は解決しましたか?

操作方法、設定方法等で困ったら、Google+コミュニティ Expression Web Users Group Japan に投稿してください!

▲このページのトップへ