まずはじめに 準備をする
ホームページを作る「おまじない」 ホームページの世界のルール
知っておきたい基本の「おまじない」・文字を見やすくしよう
・文字の位置をかえてみよう
・イラストを貼ってみよう
・他のサイトにリンクをはろう
色のいろいろ
自分のホームページを開く土地を借りよう ぶっとびねっとのファイルマネージャーを使ってホームページをみんなに見てもらおう 
もっとたくさんの「おまじない」
ホームページマスターになるために
| 知っておきたいきほんの「おまじない」 - イラストをはってみよう | |||||||||||
 |
これは画像を貼るおまじないで、●●●の部分には 画像がある場所と、画像の名前を指定するんだ。 たとえば…… index.html と同じフォルダに画像ファイルがある場合、 場所の指定はいらないから画像の名前だけを指定する。 <img src="buttobi.gif"> だけでOK。拡張子も忘れずに。
あと、画像ファイルの名前は必ず " " で囲ってね。 |
||||||||||
| うん、画像が表示されたよー！ |  |
||||||||||
|
画像が同じフォルダの中にない場合は、 画像の名前のところはURLで指定して インターネット上から画像を呼び出すこともできるんだ。 だけど、 そのホームページの管理人さんが 「直リンク（その人のホームページの画像に対して直接リンクを貼ること）をしてもいいですよ」 って言ってくれている場合以外は、 勝手に他人のホームページの画像にリンクするのは 絶対にやめようね。 （ホームページのバナーとかは 「直リンクOK」なことがある） また、素材屋さんで配布している画像や壁紙なんかも、 直リンクは禁止の場合がほとんどだから、 画像を自分のパソコンにダウンロードしてから使おう。 あと、これ大事！ 自分で作った以外の画像を使う（素材屋さんで借りる） 場合は、そのサイトの「利用規約」や「お約束」を ちゃんと読んだ上で画像を使うこと！ |
||||||||||
| 素材屋さんの素材を使うときは サイトにリンクしてね、っていうところも多いもんね。 |
|
||||||||||
|
あと、画像を貼るのと同じように ページの背景に画像を使うこともできるんだ。
背景を変えるおまじないは、<body>のおまじないに ちょっと記述を足してあげればいいんだ。 たとえば、 back.gif  っていう画像ファイルを用意してそれを背景にしたい場合は… <body background="back.gif">
背景に画像じゃなくて色を指定することもできるよ。 その場合は <body bgcolor="#FFFF00"> ※#FFFF00は黄色のカラーコード。 カラーコードについては「色のいろいろ」参照。
|
||||||||||
| 背景を変えて、絵を貼って文字を貼って…… わぁ〜どんどんおしゃれになっていくね。 |
|
||||||||||
|
でも、背景を変える場合は 派手な画像にしたり、文字と同系色の背景色にしたりすると 文字が見づらくなって見る人にストレスを与えてしまう事にも なりかねない。 おしゃれになるか見づらくなるか、 このあたりから特に作る人のセンスが問われてくるね。 |
||||||||||
 |
|||||||||||
ブラウザで見ると…
メモ帳