お気楽カフェ

初心者向けマニュアルその２

　　　　　　　　でも、もう少しの辛抱だ編

④さあ。先程｢html」の拡張子をつけて保存したあなたのファイルを、
ダブルクリックして下さい。ブラウザが自動的に起動して、普通のＨＰのように表示されれば成功です！

⑤えー、ここからがソースの出番。オタフク？ブルドッグ？違います。
起動したページのどこかにマウスポインタを置いて見て下さい。
で、【右クリック】⇒【ソースの表示（V)】で左クリックをしてみて下さい。
メモ帳が起動して、呪文のような言葉達が出現しましたね。
これがこのページの「ソース」です。

ここからは、この「ソース」で編集し、上書き保存して開いてみて、
結果を確認してさらに編集、という繰り返しです。
だから、出来ればショートカットをデスクトップに置いて、
編集作業が楽に進むようにしましょうね♪

⑥まずは形から。見た目がきれいだとうれしくなるからねー。
いきなり壁紙、貼りましょう。何処かから壁紙を選んで、ページ専用のフォルダに入れます。
保存する時は、日本語じゃなくて半角小文字の英語がいいと思います。
＜ＢＯＤＹ　ＢＡＣＫＧＲＯＵＮＤ＝”ｂａｃｋ．ｇｉｆ”＞（本当は半角です）←この中の「back.gif」の部分に
その壁紙のファイル名をいれ、ソースの、ＨＴＭＬよりあとの、
出来るだけ初めの部分に書き入れます。これであなたのページが壁紙で飾られます。

⑦さあ。次はさっき書いたタイトル、少しオシャレにしましょう。
文字のサイズと色を変えます。
＜ＦＯＮＴ　ＳＩＺＥ＝”５”ＣＯＬＯＲ＝”＃ＦＦ００００”＞サイズと色を変えたい文字クンたち＜／ＦＯＮＴ＞

この上のタグの、数字は字の大きさ、COLORからあとは色の記号です。
色の記号表はここを見てね。とても分かりやすいです。

⑧何だかちょっとホームページっぽくなってきたでしょ？
あとは、ソースでいうところの、＜ＢＯＤＹ＞と、＜／ＢＯＤＹ＞の範囲に
自分の書きたいことを書いていくのです。

画像を貼ったり、いろいろとまだあるのですが、それはまたしばらくしてからアップします。
今はここまで。一度にやると疲れますからね♪休み休みやりましょう。
ああっ！あと一つだけ。改行のことです。行をかえたいところに＜ｂｒ＞
と打つだけ。
簡単でしょ？
では、また追加していきますのでのんびりとね☆

参照したページ・・・ＨＰ講座
超初心者向けのページ
　　　　　　　　　　他にもたくさん拝見しております。謝謝。

追伸・・・この続きは、楽天でアップが難しいのです。
表とか、いろいろ記号満載なので・・。
こちらでごゆるりとご覧下さいませ・・・。

ジャンル別一覧