KAWANO's PukiWiki Plus! - Lecture/JouhouC2006/6th の変更点

• 追加された行はこの色です。
• 削除された行はこの色です。
• Lecture/JouhouC2006/6th へ行く。

*情報教育演習II 第6回 [#r4db19d3]

今回は、HTMLファイルを作成します。
「昔ばなし」を選び、いくつかのパートに分割し、
それぞれのパートをHTMLにします。

**昔ばなしの選択 [#u0b6a8df]
次の２つのサイトから、HTMLファイルの題材にする昔ばなしを選んでみましょう。
-http://hukumusume.com/douwa/pc/jap/
-http://www.geocities.co.jp/HeartLand-Gaien/7211/

あまり長くない話を選ぶようにします。

**文章の保存 [#y0d9be48]
選んだ昔ばなしが書かれた内容を、ファイルに保存します。
あとでHTMLファイルにするので、メモ帳で利用できるように、
「テキスト形式」で保存します。
+メニューから「ファイル」→「名前をつけて保存」を選択
+ファイルの種類を「テキストファイル（*.txt）」に設定
+適当なファイル名を入力して、「保存」ボタンをクリック

***ファイルの種類と拡張子 [#if476b31]
ファイル名の「.」（ピリオド）から右側を''「拡張子」''といいます。
拡張子によって、どのソフトで開くかが決められています。
もし拡張子を別の文字にすると、違うソフトが起動したり、ファイルが開けなくなる場合があります。

|CENTER:拡張子|CENTER:ファイルの種類|CENTER:使用するプログラム|h
|.doc|Word 文書|Word（ワープロソフト）|
|.ppt|Powerpoint プレゼンテーション|Powerpoing（プレゼンテーションソフト）|
|.txt|テキストファイル|メモ帳等（エディタ）|
|.bmp|ビットマップ形式画像ファイル|ペイント（グラフィックソフト）|


**ファイルのコピー [#y61f0dd9]
作業用のフォルダを作っておき、そこへ保存したファイルを移動させます。
そのあと、そのファイルの複製（コピー）を作ります。
+コピーするファイルを右クリック
+「コピー」を選択
+フォルダのウィンドウの空白の部分を右クリック
+「貼り付け」を選択
+3.〜4.を４，５回繰り返せば、コピーのファイルがたくさんできる

**HTMLの書き方 [#p14c6f96]
HTMLの書き方を学習します。
今回は、理屈抜きで、とにかく手を動かしてファイルを作ってみます。
+とほほのWWW入門のサイトへアクセス&br; http://www.tohoho-web.com/www.htm
+「ホームページ入門」の内容を、実際に操作しながら練習する
--「リンクしよう」の項目まで

**昔ばなしのHTMLファイル [#d5440e99]
昔ばなしを、いくつかの部分に分けて、HTMLファイルにします。
また、それぞれのファイルを、リンクで行き来できるようにしたり、
（作っておいた）表紙のページへ戻れるようにします。

#pre(novervatim){{
HTMLファイルのリンクの流れ：
　<表紙>→<その1>→<その2>→…→<おしまい>
　  ↑       |        |             |
 　 +--------+--------+-------------+
</pre>
}}

}}