即席ホームページ作成講座【第三回】

前回のページはちゃんと理解できたかな?
今回は楽しい内容になるよ！この前の白黒から一転ど派手なカラーを、
使えるようになるから。
さてと早速いってみようか。まずは今回目標となるページはここ。　サンプル１
(無理やり色を使ったからちょっと見にくい･･･)

そしたらまず､サンプル１のソースを出してみよう。
出し方は覚えてるよね?
忘れちゃったという人のためにもう一回。【右クリック】→【ソースの表示】

色の指定方法

色の指定方法には、直接色の名前をしてする方法と、
RGB値を、１６進数を使って表す方法がある。
単純な色､例えば､白､黒､赤､青なんかだったら、直接の色指定で出てくるけど、
へんてこの中途半端な色だったらRGB値で指定したほうが無難。
１６進数での表し方は０～９とA～Fを使って表す。指定する時は必ず頭に"#"をつけ、
その後に、Red(二桁)、Green(二桁)、Blue(二桁)、計六桁で表す。
例えば黒は、#000000、白は、#FFFFFFとなる。

背景に色をつける

背景に色をつけるのは簡単。前回やった<BODY>タグにちょっと手を加えてやる。

ただこれだけ･･･
でも､実際に背景を黒にしてみると､今度テキストが見えない･･･
黒の背景に､黒の字じゃ見えないのあたりまえだよね。
そこで､文字の色を黒から､白にしてみる。これも簡単！

特定の文字の色を変える

特定の文字、例えば､ここだけ赤にしたい場合には、新しいタグタグを使う。
この場合でも似たような指定方法で、

TEXT　(TEXTは任意の文字列)

こんな風にで囲んだ文字は、その指定した色になる。
ついでにこのタグで､文字の大きさを変えることも可能。

こうゆう風にSIZE="数字もしくは、＋・－数字"と指定してやる。
ためしに大きい順から並べてみよう。

こんな感じで文字が･･･(見えないって！)
見えないよなこんなに小さくしたら･･･

とゆうようにSIZEの後の数字を変えるだけで、文字の大きさも変えられる。

注意：前回やった<h1></h1>～<h6></h6>と数字と文字の大きさが逆なんだよね。

サンプル１の解説

今回のサンプルの解説。

<HTML>

<HEAD>

</HEAD>

<body bgcolor="lightgreen" text="brown">
･･･BODYタグの中に背景と､文字の色を指定。

K's HOME
･･･表題のK’s　HOMEを、見出しの<h1></h1>タグからタグに変更し、
色､サイズを指定。

<hr>

<h2>-Content=</h2>

Last up Date 2000/02/10
・・・タグで色指定。

What's New
・・・タグで色指定。

･･･このページの更新情報。ならびに注意事項。
・・・タグで色指定。

卒論 ・・・タグで色指定。
･･･卒論の進行状況を随時UP。ご意見待ってます。

授業案内 ・・・タグで色指定。
･･･僕が今までKGU経済学部で取ってきた授業について。

掲示板
・・・タグで色指定。

･･･連絡・質問・情報交換の場。
 (Powerd by YY-BOARD)・・・タグで色指定。

ゼミ室【チャットルーム】
・・・タグで色指定。

･･･いろいろな話題について話し合おう。
(Powerd by YY-CHAT)・・・タグで色指定。

イベント情報・・・タグで色指定。
･･･イベント企画案内、結果報告。

自己紹介・・・タグで色指定。
･･･このページを作った人。

ご意見ご感想はこちらまで･･･・・・タグで色指定。

<hr>

</center>

</body>

</html>

青い文字が解説です。それぞれに色は、直接、色の名前を指定していたり、
１６進数表記で指定しています。
そんなに難しくないから､自分で色見本を見ながら、色を変えて遊んでみて！！

第三回はここまで。色がついて多少派手なページになってきたんじゃないかな?
でも､あんまり色の使いすぎには注意！統一感のないページ
(今回のサンプル１みたいなの)になる可能性があるからね。
色も変えられるようになって､文字の大きさも調整できるようになったから、
文字中心のページはもう作れるね。
次は画像の入れ方を説明するからお楽しみに！！

＞即席ホームページ作成講座
第一回	第二回	第三回	第四回	第五回	第六回	第七回	第八回	第九回	第十回
サポートコーナ		第一回	第二回	第三回			【ＣＯＭＰＵＴＥＲ　ＴＯＰ】
ネスケ対策