お気楽カフェ

お気楽カフェ

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


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


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


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

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

⑥まずは形から。見た目がきれいだとうれしくなるからねー。
いきなり壁紙、貼りましょう。何処かから壁紙を選んで、ページ専用のフォルダに入れます。
保存する時は、日本語じゃなくて半角小文字の英語がいいと思います。
<BODY BACKGROUND=”back.gif”>(本当は半角です)←この中の「back.gif」の部分に
その壁紙のファイル名をいれ、ソースの、HTMLよりあとの、
出来るだけ初めの部分に書き入れます。これであなたのページが壁紙で飾られます。


⑦さあ。次はさっき書いたタイトル、少しオシャレにしましょう。
文字のサイズと色を変えます。
<FONT SIZE=”5”COLOR=”#FF0000”>サイズと色を変えたい文字クンたち</FONT>

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


⑧何だかちょっとホームページっぽくなってきたでしょ?
あとは、ソースでいうところの、<BODY>と、</BODY>の範囲に
自分の書きたいことを書いていくのです。

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

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

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

© Rakuten Group, Inc.
X
Design a Mobile Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: