www.wanichan.com

Web > FrontPage > FrontPage 2002 > スタイルシート

スタイルシートの作成とリンク

スタイルシート

スタイルシート(CSSファイル)のメリット

同じスタイルを複数のWebページで使いまわしたい場合、 個々のWebページにスタイルを設定するのではなく、スタイルシートを作ってそのスタイルシート(CSSファイル)へリンクする方が効率的です。
ひとつのスタイルシートをちょこっと変更するだけで、そのスタイルシート にリンクしているすべてのWebページのスタイルも同時に変更されます。

ちょっと雰囲気を変えたい、全体的にスタイルや書式の統一感を持たせたい方はぜひ、スタイルシート (CSSファイル)を作成してすべてのWebページにリンクしましょう。

▲Page TOP

スタイルシートを作成しよう!

まず、新しいスタイルシートを作成します。
標準ツールバーの新しい標準ページの作成(新しい標準ページの作成)ボタンの右横の▼印をクリックして、[ページ]をクリックしてください。
そして、「スタイルシート」タブをクリックして開いてください。
ページテンプレート

とりあえず、予めテーマ別のスタイルシートが用意されていますので、その中のお好きなスタイルシートを選んでOKボタンをクリックしてください。

ちなみに、テンプレートのスタイルシートを使ったページのサンプルをご用意いたしました。
お好きなスタイルを選んでください。

最後にスタイルシート (CSSファイル)の保存をお忘れなく。

アークカプセルキャンディストリート
ダウンタウンネオンハイウェイブロック
ポエム縦線青写真探検

▲Page TOP

作ったスタイルシートにリンクしよう!

作成したあなたのスタイルシート、もしくは出来合いの(笑)テーマ別スタイルシートをWebページに反映させるには、
そのスタイルシートにリンクしておかなければいけません。

メニューバーより[書式]→[スタイルシートのリンク]をクリックしてください。
すると、「スタイルシートのリンク」の画面が表示されます。

すべてのWebページにリンクしたい場合は「すべてのページ」
編集中のページにリンクしたい場合は「選択したページ」を選択して、
右側の[追加]ボタンを押します。
スタイルシートのリンク

リンクしたいスタイルシートを選んでOKボタンを押してください
スタイルシートの選択

最後にOKボタンを押してください。
スタイルシートのリンク

▲Page TOP

スポンサーリンク
INDEX
  • このエントリーをはてなブックマークに追加

問題は解決しましたか?

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

2012年12月21日(日本時間)をもって、Expression Web 4はフリーソフトになりました。FrontPageユーザーの方もダウンロードして使ってみてください。 なお、Expression Web 4すでに購入された方も、問題が修正された無料版にアップグレードすることをお勧めします。

* Expression Web 4 無料版をダウンロード

▲このページのトップへ