授業形式でhtml・ソース・タグを勉強し、ホームページを自作する　準備

タグでhtml制作する場合、拡張子が表示されていないと判りにくいです。
写真や画像の場合 jpg（ジェイペグ）、gif（ジフ）などの拡張子があり、
htmlソースでは、拡張子まで記載しないと表示してくれません。

■拡張子とは: ファイル名の「.」で区切られた右側の部分のことで、
メモ帳なら「メモ帳.txt」の「txt」部分を言います。
エクセルファイルなら「エクセル.xls」の「xls」部分です。

■設定を変更します。

どこでも良いので、フォルダーを開きます。
「ツール」→「フォルダー　オプション」をクリック。
「表示」タブを開き、詳細設定の下の方にある「登録されている拡張子は表示しない」のチェックを外します。
上の方にある「すべてのフォルダーに適用」をクリック。
「適用」→「ＯＫ」をクリック。

Windows以外を使っている方も設定方法はあるはずですので、
拡張子が表示されるようにしてください。

資料は圧縮して用意していますので、まず、「圧縮・解凍ソフトのダウンロードと設定」を読んでください。
圧縮解凍ソフトのない方は、ここでダウンロードし使えるようにしてください。
デスクトップに「+Lhaca」というのができます。

「資料のダウンロード」から「tag.lzh」をデスクトップに保存します。
デスクトップにある「+Lhaca」の上にドラッグ（重ねる）すると解凍が始まります。
デスクトップに「tag」という名前のフォルダーができるはずです。
この中にもうひとつ「tag」というフォルダーがあるので、これを切り取ってローカルディスク（D)に保存します。
デスクトップの空っぽになった「tag」フォルダーは削除してください。

ローカルディスク（D)に入った「tag」フォルダーを右クリックし、
「送る」→「デスクトップ（ショートカットを作成）」をクリック。
これで、デスクトップに「tag」フォルダーのショートカットができます。

ダウンロードした中身は、　　「 tag 」　　　　├　「 gazou 」　　　　│　　　├　「 a01.jpg 」　　　　│　　　├　「 a02.jpg 」　　　　│　　　├　「 a03.jpg 」　　　　│　　　├　･･････　　　　│ 　　　　└　「 folder 」　　　　　　　　└　「 link1.html 」

見方は、「 tag 」の中に「 gazou 」と「 folder 」が入っていて、
「 gazou 」の中には「 a01.jpg 」「 a01.jpg 」「 a01.jpg 」などの画像（写真）が入っている。
また、「 folder 」の中には「 link1.html 」が入っている。

中身がこのようになっていない場合は、ダウンロードか解凍の失敗だと思いますので、
もう一度やり直してください。
また、「自分で用意できる」方は、新しく作ってもいいです。

圧縮・解凍ソフトのダウンロードと設定｜資料のダウンロード

これから勉強中に作っていくページは「tag」の中に保存します。
また、使用する画像・写真は「tag」の中の「gazou」フォルダーに入っています。
好みの画像などを利用する場合も、この「gazou」フォルダーに保存します。

index.html tag01.html tag02.html ･･････ a01.jpg a02.jpg a03.jpg ･･････ link1.html ･･････

「｛　」の中を「同じ階層」と言います。
この「階層」という考え方は、インターネットにホームページを作ろうとしている方には理解して欲しい考え方ですので、授業中に何回か出てきます。
必ず理解してください。