*課題: ネット上の記事へのコメントをHTMLファイルにする [#be0dc49c] 前回と同様に、HTMLファイルを作成していきます。 HTMLファイルの内容は、 ''「インターネット上のニュースへのコメント」'' とします。 #contents **インターネット上の記事にコメントをする [#e29a13ad] ***1.情報を集める [#q6e65094] 自分が現在興味のあるテーマについて、 インターネットからニュース等を探して、 ''自分が興味を持った記事を1つ集めなさい''。 やり方は、第3回の課題と同じです。 [[第3回の課題の説明>Lecture/InfoDesignB2005/3rd/exercise1#q6e65094]]を見てください。 ***2.情報にコメントをつける [#a01eab99] 記事を探したら、次の順にコメントを作りなさい。 なお、文字数は、''「100〜150文字程度」''としますが、 内容はささいなことでかまいません。 やり方は、第3回の課題と同じです。 [[第3回の課題の説明>Lecture/InfoDesignB2005/3rd/exercise1#a01eab99]]を見てください。 **HTMLファイルの作成 [#n5e1c11f] 第2〜3回の課題で作成したファイルをもとに、 今回の課題を作成します。 ***ファイルのコピー [#p8800b42] 第3回の課題のファイルをコピーして、新しいファイルを作ってください。 ファイルには、次のようなファイル名をつけてください。 -「1028」+「学籍番号」+「.html」~ (学籍番号がE2041000の場合、ファイル名は 1028e2041000.html」) ***HTMLのレイアウト [#i6abd85d] 作成するページのレイアウトは、図のようにします。 サンプルのイメージがありますので、下のリンクを参考にしてください。 -&ref(1028_sample.png,noimg,《課題のイメージ》); 作成するときには、次の点に注意してください。 -タイトルをつける(「○○の雑記」など、自由に決めてよい) --&color(red){title要素と、ページの中にタイトルを設定しておくこと!}; -3つのコメント(第2〜4回)へジャンプできるリンクから、箇条書きをつかった目次を作る -第2回のコメントは、第2回の課題のファイルからコピーし、他のコメントと同じになるようにタグを付け直す -それぞれのコメントの最後には、ページのトップ(一番上)にジャンプする「トップへ戻る」というリンクを作る <pre> ページのタイトル 目次 ・第4回のコメントへのリンク ・第3回のコメントへのリンク ・第2回のコメントへのリンク --- 第4回の課題のコメント ... [トップへ戻る] 第3回の課題のコメント ... [トップへ戻る] 第2回の課題のコメント ... [トップへ戻る] --- 連絡先・著作権の情報 </pre> ***HTMLファイルの作成 [#l15d0e5b] 第2回から今回までに説明した、HTMLの技術を使って、 自分のコメントからHTMLファイルを作成してください。 注意点は、次のとおりです。 -情報源へのURLは、その情報源にアクセスできるようにリンクにすること -[[第3回の課題で説明した注意点>Lecture/InfoDesignB2005/4th/exercise1#n5e1c11f]]を守る -第4回に紹介した要素を&color(red){''1回以上''};使用すること --ただし、表は使用しなくてよい --ただし、色は背景色と文字色だけは設定をしなければならない(それ以外は設定しなくてよい) --ただし、画像データを背景に使うこと(素材サイトからダウンロードし、著作権を違反しないこと!) --ただし、レイアウトは設定しなくてもよい --ただし、ファイルの最後にある、連絡先の「更新日」の日付を更新する <pre> <address> 作成日: 2005-10-14; 更新日: &color(red){2005-10-28};<br> Copyright (C) 2005 兵庫太郎, All rights reserved.<br> このページに関する問合せ先:<br> E-Mail. <a href="mailto:e2041000@ed.hyogo-dai.ac.jp"> e2041000@ed.hyogo-dai.ac.jp</a> </address> </pre> &color(red){まだ提出ではありません};。 次の課題に進んでください。 &br; ---- #navi2(Lecture/InfoDesignB2005/4th,prev,toc,next) |