ホームページビルダーで簡単ホームページ作成講座


設定を使い分けて簡単ホームページ作成
ここからはCSSの設定を使い分けて、より便利に簡単にホームページを
作成するための解説をします。
今までのCSSは個別タグに設定していたので効率が悪いのです。
一回の設定でサイト全部に適応させたり
ページ全体に設定する事でホームページ作成時間が
大幅に短縮出来ると思います。

HOME BACK NEXT

設定を使い分けて簡単ホームページ作成
スタイルの設定画面を出してください。
今までは編集4を使って個別にスタイルを設定してきました。
そのほかに図のようにIDでの設定、クラス設定が存在します。
ページ全体にスタイルを設定するタグ設定も存在します。
先にタグにスタイルを設定して大まかな部分を
次にクラス、IDを設定します。
最後に個別に設定して自分好みのスタイルを設定します。
とりあえず試してみましょう。
あめでとう
ありがとう
さようなら
こんな感じで打ち込んでみました。
左がHTMLソースです。
この3つに簡単なスタイルを適用しました。
今度はページ全体にスタイルを設定します。
設定方法はこの画面で編集1にするだけです。
今までは編集4を使ってましたよね?
次の画面も全く同じです。
同じような感じで設定してみましょう。
あめでとう
ありがとう
さようなら
こんな感じになります。
HTMLソースを出力してみましょう。
HTMLソース画面の上段部分に
左のように埋め込まれました。
これを指定する事でページ全体の同一タグに同じスタイルを
設定できるようになります。
タグ単位でいくらでも設定できます。
スタイルを設定した箇所に変化は見られません。
クラス設定というのも存在します。
クラス設定というのは任意で設定することが出来ます。
例えばこのページもクラス設定をしてあります。
この文章を書いている部分にkaoru2と言う名前のクラスを
設定しています。
この場合はTDタグに任意のスタイルkaoru2を指定しています。
もちろん他のタグにkaoru2を設定する事も出来ます。
HOME BACK NEXT
パソコン初心者講座ぱそおーる