Back to page

− Links

 Print 

ホームページ・ビルダー マニュアル​/CSS :: ホームページ・ビルダーのページ

wiki:ホームページ・ビルダー マニュアル/CSS

Table of contents
  • CSS(スタイルシート)
    • CSSの特徴
    • スタイルシートマネージャ
    • スタイルの追加

CSS(スタイルシート) anchor.png[1]

スタイルシートは、Cascading Style Sheets(CSS、段階スタイルシート、カスケーディング・スタイル・シート、カスケード・スタイル・シート)と呼ばれています。
少しホームページ・ビルダーの操作に慣れてから、CSSを取り入れた方が導入がスムーズにいきます。初めからCSSを導入しようとすると、結構難しいと思います。
しかし、ホームページを作成するなら、これを取り入れたいものです。

ここでは、CSSを完璧にマスターしなくても、ホームページ・ビルダーの機能を使えば、最低限出来る範囲を書いていきます。

Page Top

CSSの特徴 anchor.png[2]

CSSを導入する事による利点は多くあり、注意する点もあります。

  • 良い点
    • ページサイズの軽量化
    • デザイン(外観)の統一、容易なデザイン変更
    • HTMLソースの簡略化によるSEO効果
  • 悪い点(注意点)
    • ブラウザによる表示の違い
Page Top

スタイルシートマネージャ anchor.png[3]

まず、画面左上の「S」の部分をクリックし、スタイルシートマネージャを出します。
スタイルシートマネージャ, css1.gif

左の「スタイルシート情報」は、文字通りCSSに関する情報で、外部スタイルシートの追加ができます。
外部スタイルシートは、「ファイル名.css」となっているファイルを追加する事が出来ます。

ルール情報では、スタイル(HTMLタグ名など)を指定した場合に、真ん中の枠部分に表示されます。
(例:body、H1など)
一番右の枠には、各スタイルをクリックするとスタイルの値が表示されます。
スタイルシートマネージャ画面, css2.gif

Page Top

スタイルの追加 anchor.png[4]


Last-modified: 2009-03-10 (Tue) 10:46:30 (JST) (549d) by hpb