ホームページ作り方教室 〜必要最小限の学習で、法則化論文形式のページをTOSSランドに登録しよう〜
TOSSオホーツク・
山田正和
作成日:2002年9月24日(火)
更新日:2003年1月7日(火)
課題1:ファイルをコピーして開きなさい
ヤヤコシイと感じた人は、このページを印刷(プリント)しなさい。
1つ1つの手順を、赤鉛筆などでチェックしながら進めるとやりやすいです。
●ステップ1:講座用のフォルダを作りなさい
まずは講座用のフォルダを作ってもらいます。
- 1:「デスクトップ」上の、「マイドキュメント」をクリック
- 2:「マイドキュメント」の中の、何もファイルが無いところを右クリック
- 3:「新規作成」→「フォルダ」
- 4:「新しいフォルダ」という名のフォルダが出来る。
- 5:フォルダ名を「HP講座」に変更しなさい。(*1)
- 6:フォルダ名の変更は以下の手順です。
- 7:フォルダを右クリック
- 8:「名前の変更」をクリック
今後、講座で使ったり作ったりしていくファイルは、全てこのフォルダの中にしまっていきます。(*2)
*1:「HP教室」「HP」「ホームページ」「Web」など、任意の名前でも構いません。ですが、以下、指示の都合上「HP講座」と表記します。
*2:どこにフォルダを作っても良かったのですが、指示の都合上「マイドキュメント」の中に統一しました。
●ステップ2:ファイルをコピーしなさい
課題ファイルをあなたのパソコンの中にコピーします。
- 1:以下のリンク語句("subject01.html")を右クリックしなさい。
subject01.html
- 2:「対象をファイルに保存」をクリックしなさい。(*1)
- 3:「保存する場所」は、ステップ1で作ったフォルダ(「HP講座」)です。
- 4:「保存」をクリック。
このように、他のホームページにあるファイルを、自分のパソコンの中にコピーすることを「ダウンロード」と言います。
*1:Windowsのバージョン(XPなのか、Meなのか、98なのか)によっては、
「対象をファイルに保存」という文言が微妙に違うかもしれません。
●ステップ3:コピーしたファイルを"Internet Explorer"で開きなさい
- 1:「HP講座」のフォルダを開きなさい。
- 2:ステップ2でダウンロード(コピー)した"subject01.html"というファイルがあります。
- 3:2の時、"subject01"のように末尾の".html"が省略されている方がいるかもしれません。
- 4:3のように末尾の".html"が省略されていると、5週目で「転送」に挑戦する際に失敗する危険性があります。
Windowsの設定を変更しなさい。(→末尾の".html"を省略しない設定に変更する方法)
- 5:"subject01.html"をダブルクリックしなさい。(*2)
- 6:"Internet Explorer"が起動し、ファイルの内容が表示されます。
- 7:「授業の腕をみがく」という題名の、短いホームページが表示されれば成功です。
*1:かもしれません。
末尾の".html"が省略されていると、後々
*1:Windowsの設定によっては、ダブルクリックではなく、シングルクリック(普通の1回だけのクリック)かもしれません。
●ステップ4:ソースを開きなさい
次にステップ3で開いた「授業の腕をみがく」というホームページの「裏側(中身)」を覗いてみます。
- 1:"Internet Explorer"に「授業の腕をみがく」が表示されています。(ステップ3の5の状態)
- 2:"Internet Explorer"の上の方、「表示」をクリック。
- 3:「ソース」をクリック。
- 4:「メモ帳」が起動して、ホームページの「裏側(中身)」が表示されます。
- 5:日本語の文字と、幾つかの記号(<h1><p>など)が表示されれば成功です。
「ソース(source)」というのは、英語で「源」の意味です。
ホームページ("Internet Explorer"での表示)の「源」だから
「ソース」と呼ぶのです。