らくがきはうす♪やってみよう～基本のページ♪

○ タグ
*****************
*　基本のページ　*
*****************
○ 画像のページ
○ リンクのページ
○ 色見本
○ 文字のページ
○ レイアウトのページ
○ 内緒(^^)のページ

＋＋＋まずは、基本のタグを使っての一番シンプルなページ＋＋＋

<html>

<head>
<title>おべんきょうのページ</title>
</head>

<body>
はろはろ～、がんばってる？？
</body>

</html>

＋＋＋レッスン１＋＋＋

(1)<html>から</html>までを選択してコピーします
(2)「メモ帳」を開けて、そこに今コピーしたものを貼り付けます
(3)貼り付けたら名前を付けて保存します
(4)「ファイル」→「名前を付けて保存」
　　画面が開いたら「ファイル名」に名前をつけます
　　このときつけるファイル名は必ず半角英数小文字でつけます
　　例「index.html」
　　拡張子は「.html」または「.htm」どちらでもかまいません
(5)「ファイル名の種類」は「すべてのファイル」を選択し、「保存」をクリックします
(6)次にＩＥを開きます
　この時、「ファイル」→「オフライン作業」にチェックをいれておきます
(7)「ファイル」→「開く」→「参照」をクリックします
(8)開いた画面から自分が保存したファイルを探します
(9)ファイルをクリックすると「ファイル名」のところにファイル名がはいります
(10)「開く」→「ＯＫ」をクリックするとページが表示されます

さあ、どうでしょう。
ちゃんと表示されたかな？？？

☆☆☆拡張子について☆☆☆

「.（ドット）＋英数字３文字（４文字）」を拡張子と言います
どんなファイルなのかをコンピュータが判別するためのものです

おもに、よく使われる拡張子
○「.htm(html)」･･･ＨＴＭＬファイル
○「.gif」･･･画像ファイル（イラストなどに適用する）
○「.jpg」･･･画像ファイル（写真などに適用する）
○「.mid」･･･サウンドファイル（ＭＩＤＩ音源を再生する）

＋＋＋レッスン２＋＋＋

文字の部分を変えて表示してみましょう
♪♪文字の部分に好きな言葉をいれてみてくださいね♪♪

(1)変更後は必ず「上書き保存」をします
(2)ブラウザでは「更新」をクリックします

言葉はうまくかわりましたか？？

うまくいったら、今度はこのシンプルなページに肉つけをしていきましょう