まずはじめに
準備をする


ホームページを作る「おまじない」
ホームページの世界のルール


知っておきたい基本の「おまじない」
  ・文字を見やすくしよう
  ・文字の位置をかえてみよう
  ・イラストを貼ってみよう
  ・他のサイトにリンクをはろう
色のいろいろ


自分のホームページを開く土地を借りよう
ぶっとびねっとのファイルマネージャーを使ってホームページをみんなに見てもらおう


もっとたくさんの「おまじない」
ホームページマスターになるために



 
知っておきたいきほんの「おまじない」 - イラストをはってみよう


画像を貼る : <img src ="●●●">

これは画像を貼るおまじないで、●●●の部分には
画像がある場所と、画像の名前を指定するんだ。

たとえば……
index.html と同じフォルダに画像ファイルがある場合、
場所の指定はいらないから画像の名前だけを指定する。

<img src="buttobi.gif">

だけでOK。拡張子も忘れずに。

ブラウザで見ると…

あと、画像ファイルの名前は必ず " " で囲ってね。

 
  うん、画像が表示されたよー!

画像が同じフォルダの中にない場合は、
画像の名前のところはURLで指定して
インターネット上から画像を呼び出すこともできるんだ。

だけど、 そのホームページの管理人さんが
「直リンク(その人のホームページの画像に対して直接リンクを貼ること)をしてもいいですよ」
って言ってくれている場合以外は、
勝手に他人のホームページの画像にリンクするのは
絶対にやめようね。
(ホームページのバナーとかは 「直リンクOK」なことがある)

また、素材屋さんで配布している画像や壁紙なんかも、
直リンクは禁止の場合がほとんどだから、
画像を自分のパソコンにダウンロードしてから使おう。

あと、これ大事!
自分で作った以外の画像を使う(素材屋さんで借りる)
場合は、そのサイトの「利用規約」や「お約束」を
ちゃんと読んだ上で画像を使うこと!

 
  素材屋さんの素材を使うときは
サイトにリンクしてね、っていうところも多いもんね。

あと、画像を貼るのと同じように
ページの背景に画像を使うこともできるんだ。

背景を変えてみよう : <body ▲▲▲="●●●">

背景を変えるおまじないは、<body>のおまじないに
ちょっと記述を足してあげればいいんだ。

たとえば、 back.gif っていう画像ファイルを用意して
それを背景にしたい場合は…

<body background="back.gif">

メモ帳
<html>
<head>
<title>
ぶっとびくんのホームページ</title>
</head>

<body background="back.gif">
ぶっとびくんの<br>
ホームページへようこそ!
</body>
</html>

ブラウザで見ると…
ぶっとびくんの
ホームページへようこそ!

背景に画像じゃなくて色を指定することもできるよ。
その場合は

<body bgcolor="#FFFF00">

※#FFFF00は黄色のカラーコード。
  カラーコードについては「色のいろいろ」参照。

メモ帳
<html>
<head>
<title>
ぶっとびくんのホームページ</title>
</head>

<body bgcolor="#FFFF00" >
ぶっとびくんの<br>
ホームページへようこそ!
</body>
</html>

ブラウザで見ると…
ぶっとびくんの
ホームページへようこそ!

 
  背景を変えて、絵を貼って文字を貼って……
わぁ〜どんどんおしゃれになっていくね。

でも、背景を変える場合は
派手な画像にしたり、文字と同系色の背景色にしたりすると
文字が見づらくなって見る人にストレスを与えてしまう事にも
なりかねない。

おしゃれになるか見づらくなるか、
このあたりから特に作る人のセンスが問われてくるね。