*情報教育演習II 第6回 [#r4db19d3] 今回は、HTMLファイルを作成します。 「昔ばなし」を選び、いくつかのパートに分割し、 それぞれのパートをHTMLにします。 **昔ばなしの選択 [#u0b6a8df] 次の2つのサイトから、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.を4,5回繰り返せば、コピーのファイルがたくさんできる **HTMLの書き方 [#p14c6f96] HTMLの書き方を学習します。 今回は、理屈抜きで、とにかく手を動かしてファイルを作ってみます。 +とほほのWWW入門のサイトへアクセス&br; http://www.tohoho-web.com/www.htm +「ホームページ入門」の内容を、実際に操作しながら練習する --「リンクしよう」の項目まで **昔ばなしのHTMLファイル [#d5440e99] 昔ばなしを、いくつかの部分に分けて、HTMLファイルにします。 また、それぞれのファイルを、リンクで行き来できるようにしたり、 (作っておいた)表紙のページへ戻れるようにします。 <pre> #pre(novervatim){{ HTMLファイルのリンクの流れ: <表紙>→<その1>→<その2>→…→<おしまい> ↑ | | | +--------+--------+-------------+ </pre> }} }} |