まずはじめに
準備をする


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


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


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


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



 
ホームページの世界のルール


おまじないをいろいろ教える前に、
ファイルの名前のつけかたを少し説明しておくね。

 名前のつけかた

前のページでは「index.html」という名前で
作ったページを保存したけども、
これを例えば「profile.html」にすれば
プロフィールのページのできあがり。

 
  ね、このファイルの名前って「プロフィール.html」とか、
日本語じゃだめなの?

ファイル名に日本語は使えないんだよぶっとびくん。
基本的に、全角文字は使っちゃだめ。

 ○ profile.html  × profile.html  × profile.html

この3つ、違いがわかるかな??

 
  えーと…よく見ると真ん中は「profile」が全角だけど…一番右は??
実は一番右は、「i」だけ全角になってるんだ。  
  えーそんなのわかんないよー!!

そう、わかんないから余計に、後で全角文字を含んだファイルが
表示されなくて「なんでなんで!?」って事になるんだ。
アルファベットで一文字だけ全角になることは考えにくいけど、
ファイル名に数字を入れたときなんかに
数字だけ全角になってたりしないように気をつけようね。

 
  はーい。

それとね、ファイル名は大文字・小文字を統一した方がいいんだ。
インターネット上では大文字と小文字は別のファイルとして
認識されるから、例えば…

Buttobi.html / buttobi.html

この2つは全然違うページが出るんだ。

あとで混乱しないためにも
ファイル名は小文字とかで統一した方がいいね。

 
  はーい。
 文字のつかいかた

あとこれはホームページ作りだけにかかわらないんだけど、
インターネット上では半角カタカナを使うのはやめようね。

 
  えーどうして?かわいいのに。

半角カタカナは、
見ている環境によっては文字化けしちゃう可能性が高いんだ。

  こんな文でも…
    ↓

  

なんて書いてあるのか読めなくなっちゃうんだ。

せっかくかわいい内容のことを書いていても
文字が読めなくなっちゃうんじゃ意味ないでしょ。

 
  うんわかった。半角のカタカナは使わないようにするよ。
 ホームページ作成を中断する・再開する

ホームページを作っている途中で
「あ!もうこんな時間!明日学校だからもう寝なくちゃ!」
ってなったとき、とりあえずメモ帳を保存して
メモ帳を閉じるよね。

次回また途中からページを編集したいときはどうしたらいいと思う?

 
  HTMLファイルをふつうにダブルクリックで開くと……
あ、ブラウザでページが開いちゃった。

その、編集したいページが開いた状態のまま、
ページの中で右クリックしてごらん。
「ソースの表示」っていう項目があるよね。(Windows)

これをクリックすればまたメモ帳が開いて
途中からホームページの中身を編集することができるんだ。

 
  なるほど、じゃあ途中からはじめるときは
「ファイルを開いて→右クリック→ソースの表示」、と…メモメモ。

とりあえず今注意しておくことはこんなところかなー。
じゃあ次のページからは
いろいろな呪文をつかってページをどんどんおしゃれに
していっちゃおう!

 
  わーい!どきどき。