TOP > Expression > Expression Web > CSSレイアウト > 外部CSSファイルを作成してリンクしてみよう

CSSレイアウトページを一から作ってみよう

最終更新日：2008/02/04 22:24:18
Expression Webを使って、CSS段組レイアウトページを作成するための手順を解説します。

← TOP | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 →

外部CSSファイルを作成してリンクしてみよう

Expression Webを使って、外部CSSファイルを作成してリンクする方法について解説します。

このほかの方法は、「Expression Web 標準ガイドブック」の
Chapter 3 Section 2「CSSファイルへのエクスポート」（P.91~）に掲載してます。

CSSファイルの新規作成

  1. ツールバーの［新しいドキュメント］ボタンの右側▼をクリックし、
    一覧から［CSS］を選択します。
  2. 「Untitled_1.css」ファイルが生成されたので、そのページタブを右クリックして、
    ［上書き保存］を選択します。
  3. ［名前を付けて保存］ダイアログボックスにて、保存先を指定し、ファイル名を入力して、［保存］ボタンをクリックします。
    名前を付けて保存
  4. CSSファイルが保存されました。
    CSSファイルが保存された後の画面

CSSファイルにリンク

  1. 適用したいWebページの編集をアクティブにします。そのページタブをクリックして開いて置いてください。
  2. フォルダ一覧から、先ほど保存したCSSファイルを選択し、編集ウィンドウまでドラッグ＆ドロップします。
  3. スタイルの作業ウィンドウに、適用したCSSファイルがリストされました。

Webページの保存

「Untitled_1.htm」は未保存の状態なので、作業中のWebページを保存します。

ここでは、style.cssファイルと同じ場所に保存します。…別に他の場所に保存してOKです（逃

▲Page TOP

← TOP | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 →

INDEX
TOP > Expression > Expression Web > CSSレイアウト

▲このページのトップへ

Contents Menu

Site Search by Google


Web サイト内
Expression Web Books
Buy at amazon.co.jp Now

Microsoft MVP

Microsoft Most Valuable Professional
Microsoft MVP - Expression Web
(April 2009 - March 2011)
/ Expression
(April 2008 - March 2009)
/ FrontPage
(April 2005 - March 2008)
MVP Profile

Ads