■免責■
このサイトに記載されている
情報・データ及びリンク先に
関しては自己責任にて
ご利用ください。
■リンク■
リンクフリーですが
リンクしていただける
場合は下記アドレスから
ご一報下さい。
■著作権■
当HPに関する著作権は
製作者に帰属します。
なお相互リンク先の内容及び
広告等のデザインに
関してはその出所に帰属します。
■MAIL■
お問い合わせは
メールでどうぞ。
Since 2005.01.01
(C)Copyright Nabiz
All rights reserved.
|
|
|
| ++++CSSについて ++++ |
ブログのページのところで
「HTMLとはページの構造」「CSSとはページのデザイン」と説明しました。
CSS（カスケーディングスタイルシートの略）をWebページに使用する事で
HTMLだけでは表現し切れなかったことも可能になります。
また、パターンごとにデザインを決める事で全体のデザインも統一感がでて
オシャレなページになりますよ。
例えば「ページの見出しはこのフォントでこの色でこのサイズ、配置はここにして…」
とかなり細かく設定できるんです。
しかもこの「ページの見出し」と設定しておいたところにはすべて同じデザインが
使われますので、入力作業も少なくてすみます。
また、ページ全体だけでなく、数ファイルに及ぶWebページ全体に
同じルールを適用させる事ができます。
ただ閲覧者の使用しているブラウザによっては自分の意図した通りに
表示されないこともありますので、できれば複数の環境でテストしてみると良いでしょう。
|
| ++++CSSの使い方 ++++ |
===============================================
【自分ルールを設定する。】
===============================================
CSSを設定するにはページの<HEAD>タグと</HEAD>タグの間に設定します。
もしくは外部ファイルをリンクして読み込みます。
これはそのファイル以外に書いてあるルールをサイトを表示する時に
読み込みを行ってくれるという設定です。
ページの頭に毎回書きこんで行ってもいいんですが
それだと複数ページ全体のデザインを変えたい時に
いちいち設定の書き換えをしなければならず、後々面倒です。
例えば14ページあるサイトで本文のサイズを10ptから12ptに変えたくなったとします。
ページごとにCSSを設定している場合は14回（!）書き換え作業をしなくては
なりませんが、外部から読み込むことにしておけば
そのファイルを1回書き換えるだけで済みます。
やり方ですがまずHPのファイルが置いてあるフォルダ内に
新規作成でテキストファイルを作ります。
すると「新規.txt」というファイルが出来たと思います。
拡張子（.txt）が表示されない人は表示するようにしておきましょう。
このtxtの部分をcssに書き換えて保存します。
後は普通のテキストファイルと同じ使い方で設定だけを書き込んでおきます。
そして各ページの<HEAD>タグと</HEAD>の間に
<link rel="stylesheet" href="○○.css" type="text/css">と書き込んで
先ほど作ったcssファイルの場所を設定しておきます。
（○○の部分は分かりやすいように変えておきましょう。）
基本的なやり方はこれだけです。書いてある通りにやれば何とかなると思います。
設定のやり方に関しては前回同様他サイトさんにお任せしてしまいます。
（Nabizが知ったかぶりで書くより専門のサイトさんの方が安心ですしね。）
*Webページ作りのお勉強*
http://masaboo.cside.com/
|
|
|
|
|
|
|
