追憶の杜 解説サイト トップ
  スポンサード リンク









このページでは、スタイルシートの作り方とホームページビルダーと関連付ける手順を説明しています。

 まえのページにも書きましたが、基本的にはフレームを左メニューのように使うことは
 SEO対策などの観点からも好まれません。

 大体、スタイルシートを利用して DIV BOX 設けることで成り立たせます。

 ということで、スタイルシート の 新規作成 の手順と ホームページビルダー との 関連付け の手順を説明します。

スタイルシート を作成する意味や効果



 まず、スタイルシートはサイトを構成する設計図のようなものです。
 
 ・左右のカテゴリのボックスや、この内容(コンテンツ)のボックス、最上部の画像部分もDIV BOXを挿入して
  それをスタイルシートで細かく指示することで、このサイトは構成されています。

 ・SEO対策 に必要な 見出し の 設定 で h1 h2 h3 などがあります。

  見出しを設定してしまうと、表示される文字が大きくなってしまいますが、スタイルシートで設定すると
  標準で大きく表示されてしまう文字の大きさも自由に設定できます。


スタイルシートを作る方法


 スタイルシートを作成する手順はいたって簡単です。

 1 テキストファイルを新規作成する (あらかじめ、ファイルの拡張子が表示されるように設定して下さい)
 2 テキストファイルの拡張子「.txt」を「.css」に変更する (ファイル名は半角英数で自由)

  テキストファイルのアイコンが変わったと思います。
  このスタイルシートを、作成するサイトのフォルダに移動させる。 これだけです。

  なにも入力などしていませんが、ホームページビルダーで内容は作成していきます。

スタイルシート を ホームページビルダー関連付ける方法


 新規作成したスタイルシートを作成しているサイトに読み込ませる設定をします。

  はじめに 標準モードでページを新規作成 します

 1 右クリック → スタイルの設定



   スタイルの設定の画面で設定はしないことに注意

 2 スタイルシートマネージャで編集を選択



 3 外部スタイルシートの追加



 4 参照で新規作成したスタイルシートを選択する


注意
  右クリック→ スタイルの設定 の画面でも スタイル を設定することができますが、
  これは、新規作成したスタイルシートに対する設定とは別物 のように感じます。
  必ず、スタイルシートマネージャで編集 まで進んで、新規作成したスタイルシートに対して
  設定を作り上げていくことが望ましいようにおもいます。

  私の場合は、細かい設定であっても必ず毎回毎回 スタイルシートマネージャで編集 まで進んで
  作成したスタイルシートに対して編集しています。


  ホームページビルダー で スタイルシート の作成と 関連付ける 手順の 説明 でした。





   スタイルシートでサイトの構図を作る

     はじめに (入門書だけでは不十分だった)

     スタイルシートを新規作成する方法と、ホームページビルダーに読み込ませる(関連付ける)

     レイアウトコンテナ DIV を作成する方法

     レイアウトコンテナ に対して CSS で設定を入力・適用させる方法

     それぞれの具体的な DIVBOX の設定内容

     サイトを中央表示させる方法 BODYの説明

     サイトの一番上 最上部の隙間をなくする方法



   スタイルシートで細かく設定する解説

     スタイルシート で 文字 の 大きさ を設定する方法の解説

     CSSで見出しのh1 h2 h3 の大きい文字を小さくする方法

     リンクの青い色を自由な色に変更する方法













当サイトの閲覧などにおける利用において全てのいかなる責任も負わないこととします。
Copyright (c) 2012 追憶の杜. All Rights Reserved.