ホームページを無料で作りたい方必見！メモ帳で簡単に作れるギャグwebデザイン講座☆ 　
対話でわかる！？ギャグwebデザイン講座！*4日目*
☆背景に色を塗ってみよう〜！
TOP > 4日目
　
　
「昨日（3日目に）やったことを下に書きだしてみたぞ！」

■ホームページをつくるためには、HPスペースが必要なので、お勧めしたサイトから「HPスペース」を取得したはず。（してない人は、あとでもよろし。）

　
「ぐらいだ。思い出したかな？今回のレッスンでは、背景に色を塗ってみるぞい？今日はこんなページにするぞ！」
こんなページ←クリックしてみそ★
「うひょ！おピンク色とかにもできるんですかぁ？」
「おピンクでも、おっピンク色にもできるぞ〜☆」
「あふぅ☆早速教えて下さぁい〜☆はぁはぁ☆」
「じゃー早速こんなふうに入力するのだっ！」

<html>
<head>
　　　　<title>メガーネのお部屋。☆</title>
</head>
<body>
</body>
</html>

「入力しましたよ。」
「それを『top.html』って名前で保存して、『ファイル』→『開く』→『参照』→今作った『top.html』を開くで開いてみそっ！！これが、トップのぺーじだっ！」
「あれー？なんかなんにも表示されませんよ。ぜんぜんおピンクでないっす。上のとこになんか文字が出ただけっすよー！」
「ぷぷー！だまされたか！まだhtmlの骨組しか作ってないからなー！」
「ずるいっすよ！ちゃんとおせーてください！」
「じゃー今度は<BODY>と</BODY>の間に下の文章をを付けたしてみろっ！そして、上書き保存して、更新してみそ！」

<html>
<head>
　　　　<title>メガーネのお部屋。☆</title>
</head>
<body>
<h1>メガーネのお部屋。</h1>
 </body>
</html>

「あーっ！今度はちゃんと文字が出ました！」
「ココまでは、前回までの復習だっ！！つぎは、『<BODY>を<BODY bgcolor="pink">』に変えて更新してみそ！」

<html>
<head>
　　　　<title>メガーネのお部屋。☆</title>
</head>
<body bgcolor="pink">
<h1>メガーネのお部屋。</h1>
</body>
</html>

「あふっ！ぴ、ぴんくっす…！ピンクになってるー！！すっすっごいッス！！はぁはぁどきどき……☆」
「おほっ！ピンクまにあなメガーネにはたまらんかえ？つぎは、文字を真ん中揃えにしてみるぞ！<center></center>で囲むとセンター揃えになるぞっ！」

<html>
<head>
　　　　<title>メガーネのお部屋。☆</title>
</head>
<body bgcolor="pink">
<center>
 <h1>メガーネのお部屋。</h1>
</center>
 </body>
</html>



「あ！ホントだー真ん中にいきました！」
「つぎは、文字の色をかえるぞ！」
<font color="色名">××××</FONT>
「で囲むと色が変わるぞ！」

<html>
<head>
　　　　<title>メガーネのお部屋。☆</title>
</head>
<body bgcolor="pink">
<font color="bule">
 <center>
<h1>メガーネのお部屋。</h1>
</font>
 </center>
</body>
</html>



「あー！変わりました！青色ですねー！！いい感じっす」
「次に文字の大きさを指定するぞ！」
<font size="×">××××</FONT>
「で指定すれば文字の大きさを変えられるのだぁ！！」
「ふ〜ん」

<html>
<head>
　　　　<title>メガーネのお部屋。☆</title>
</head>
<body bgcolor="pink">
<font color="bule">
<center>
<h1>メガーネのお部屋。</h1>
</font>
<font size="3" color="blue">たっぷりじっくり不埒なボクを鑑賞してくださいね☆
</font>
</center>
</body>
</html>

「これを、ブラウザで確認してみろ！」
「『不埒なボクを鑑賞してくださいね』なんて、コピーこっ恥ずかしくて嬉しいページですねぇ。」
「ふふふ。メガーネには恥ずかしさが快感だろ？」
「よくおわかりで。」
「そんなことは置いておいて、『<FONT></FONT>』で囲むと、文字の指定ができるわけだっ！『<FONT size="×">』は、<FONT size="1〜7">まで指定できて大きいほど大きい文字表示になるのだっ！」

☆文字の大きさを変えるぞ！
サイズ1
サイズ2
サイズ3
サイズ4
サイズ5
サイズ6
サイズ7

「なるへそ〜大っきくなるんすか〜！アルファベットで指定できたら、エロチックのになぁ☆」
「うむ！ <font size="7">ならGカップだな！！」
「Gカップでかっ！ごくり…そんなに大きいの指定できるんですかぁ！？はぁはぁ…もみくちゃにされてえ〜☆」
「残念ながら、メガーネの大好きなアルファベット指定はできんのだなぁ〜これが」
「がっくしです。とほほ…」
「ちなみにこここでは、『<font color="bule">』とか、『<body bgcolor="pink">』とかの『色名』で文字色を指定しているが『RGB値』での指定することも可能だ！」
「アールじぃびー？血ぃ？？」
「うむ！RGB値の16進数で指定できるのだか、ちょっとややこしいので『#000000 →黒　#FFFFFF →白』とだけ覚えておくがいいー！」
「重力しんすー？」
「16進数について分かりやすく書いてあるページを紹介しておこう」

☆ホームページ作成のための Coloring Room
“ 色”でホームページを彩りたい人のために・・・
☆色のみじん切り
いろんな色見本を用意しています。

「気に入ったら『お気に入り』に登録しておくのもいいぞ！今日はここまでだっ！！」
「ほーい！」

これで、またwebマスターに一歩近づいた…ざぶーん

topに戻る
10日でできる？ホームページ
1日目| 2日目| 3日目| 4日目| 5日目| 6日目| 7日目| 8日目| 9日目| 10日目|
教子先生の！webテク講座！
〜テクその１〜| 〜テクその2〜| 〜テクその3〜| 〜テクその4〜|
Copyright (C)2006.01 duyopon
http://www16.plala.or.jp/duyopon_dayo/