まずはじめに
準備をする


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


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


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


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



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


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

 名前のつけかた

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

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

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

  profile.html  × profile.html  × profile.html

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

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

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

 
  はーい。

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

Buttobi.html / buttobi.html

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

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

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

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

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

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

  こんな文でも…
    

  

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

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

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

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

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

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

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

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

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

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

 
  わーい!どきどき。