ホームページ・ビルダーのページ
ホームページ・ビルダー マニュアル/CSSCSS(スタイルシート) - wiki

サイト内検索

  1. TOP
  2.  > wiki
  3.  > ホームページ・ビルダー マニュアル
  4.  :: CSS

Theme Designed by EXTRAFFIC It is 2010-7-30 6:44 that you displayed this page



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

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

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

Page Top

CSSの特徴 anchor.png

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

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

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

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

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

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

Page Top

スタイルの追加 anchor.png


Front page   Freeze Diff Backup Copy Rename ReloadPrint View   New Page Page list Search Recent changes   Help   RSS of recent changes (RSS 1.0) RSS of recent changes (RSS 2.0) RSS of recent changes (RSS Atom) Powered by xpWiki
Counter: 1165, today: 1, yesterday: 4
Princeps date: 2009-03-10 (Tue) 10:12:25
Last-modified: 2009-03-10 (Tue) 10:46:30 (JST) (506d) by hpb

ページ上部へ移動

ログイン

ユーザ名:

パスワード:



パスワード紛失

新規登録

メインメニュー



付箋機能 (wiki)

Fusen(Tag) menu 
Tag Editor
Color: BG:
Name:  Connect line ID:
 

Copyright (c) 2008 ビルダーのページ. All Rights Reserved.  Theme Designed by EXTRAFFIC