情報リテラシー（金２,３）Web ページを作ろう！ホームページの作成インターネットでおなじみのＷｅｂページを作成してみよう．作成の方法は次の２通りがあります．（方法１）Ｗｅｂページ記述言語であるＨＴＭＬで，エディタを用いて作成する．（方法２）Ｗｅｂページ作成支援ソフトを用いて作成する．２としては，Ｗｏｒｄ（文書作成で学習した）でも簡単にできるので，こちらを試します．１としてはＨＴＭＬを理解する時間的余裕がないので，あらかじめサーバーに用意したファイルを用いて，ホームページ（Ｗｅｂサーバにアクセスしたときに最初に現れる画面，目次ページともいう）を作成してみよう．方法１による作成手順を用いた演習：ホームページ index.html を作ろう（１）マイコンピュータ，サーバー（WORK）をダブルクリック，井川の教材フォルダから，フォルダ html-1 をセレクトして，メニューで“ 編集” ， “コピー”する．（２）即座に，マイコンピュータ，リムーバブルディスク（注意！あらかじめ MO を入れておく）をダブルクリックして，“編集”，“貼り付け”をセレクトすると，サーバーのフォルダごと MO にコピーされる．（３） MO にコピーされたフォルダ html-1 をダブルクリックして中身を確認する．（４）ディスクトップ，インターネット，インターネットエクスプローラをダブルクリックする．ここで，メニューの“ファイル”，“開く”をクリックする．すると図 1 のようなウィンドウが出るので，右下の“参照”をクリックする．図１（５）インターネットエクスプローラでファイルを開くファイルの場所をリムーバブルディスクの中の html-1 にして，index.html を選択して“開く”ボタンをクリックする．すると図２のようなホームページが表示される．この○○．．．の部分に各自の情報を入力する．（６）インターネットエクスプローラを“最小化”する．閉じてはいけない．タスクバーに置いておく．（７）ディスクトップ上のプログラミングフォルダをダブルクリックして，そのなかの WZ エディタをダブルクリックする．情報リテラシー（金２,３）Web ページを作ろう！（８）メニューで“ファイル”，“開く”で場所を（５）と同じく，ファイルの場所をリムーバブルディスクの中の html-1 にして，index.html を選択して“開く”ボタンをクリックする．ここで，○○の部分を該当する内容に置き換える．（９）メニューで“ファイル”，“上書き保存”をクリックする．（１０）タスクバーに置いておいたインターネットエクスプローラをクリックして，更新ボタン（図 2 の矢印のところ）をクリックする．（１１）○○の部分が正しく表示されるまで（８）の置き換え，（９）の保存，（１０）の更新を繰り返す．更新ボタン図２ホームページのサンプル：○○の部分をオリジナルに書き換えよう（１２）ページが出来上がったら印刷して提出しよう．ここまで全員できればよい．方法２による作成手順を用いた演習：最近興味のあること kyoumi.html を作ろう余裕があれば，方法２，特に WORD を用いた Web ページの作成を実施してみよう．ここでホームページからリンクしてある“最近興味のあること” （kyoumi.html）を，WORD から作成してみよう．（１）ディスクトップ上 OFFICE フォルダ，WORD を起動する．（２）最近興味のあること，と入力して文章を書く（例：図３）情報リテラシー（金２,３）Web ページを作ろう！（３）メニューの“ファイル”，“Web ページとして保存”を選択する．（４）ファイルの場所を，リムーバブルディスク,html-１フォルダにする（５）ファイル名を“kyoumi.html”とする．（６）タスクバーのインターネットエクスプローラをクリックして，更新ボタンをクリックする．（７）図４のように見えるまでスクロールして，“最近興味のあること”をクリックして WORD で作成した文が表示されるか確認する．（８）ページが出来上がったら印刷して提出しよう．これは任意，できれば提出．図3 WORD で作成した kyoumi.html 情報リテラシー（金２,３）Web ページを作ろう！図４ホームページからのリンクここをクリック