KAWANO's PukiWiki Plus! - Lecture/InfoDesignB2005/4th/exercise1 の変更点

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

*課題: ネット上の記事へのコメントを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(novervatim){{
ページのタイトル

目次
　・第4回のコメントへのリンク
　・第3回のコメントへのリンク
　・第2回のコメントへのリンク
　・プロフィール

---
第4回の課題のコメント
...
[トップへ戻る]

第3回の課題のコメント
...
[トップへ戻る]

第2回の課題のコメント
...
[トップへ戻る]

プロフィール
...
[トップへ戻る]

---
連絡先・著作権の情報
</pre>
}}

***プロフィール（自己紹介） [#pef72e88]
普通の自己紹介ではなく「''10の質問''」という形式にします。
ただし、必要以上に個人情報（住所、電話番号、携帯のメールアドレスなど）を記載しないでください。
-例
--[[100の質問リンク集:http://digital-bee.com/100q/]]
--[[便利な100の質問リンク集:http://webs.to/100q/]]
--そのほか「10の質問」や「100の質問」というキーワードで検索してみましょう

次のように、表（table要素）を使って作成してください。
|>|CENTER:○○への10の質問|
|質問 1 ...|回答 1 ...|
|質問 2 ...|回答 2 ...|
|...|...|
|質問 9 ...|回答 9 ...|
|質問 10 ...|回答 10 ...|


***HTMLファイルの作成 [#l15d0e5b]

第2回から今回までに説明した、HTMLの技術を使って、
自分のコメントからHTMLファイルを作成してください。

注意点は、次のとおりです。
-情報源へのURLは、その情報源にアクセスできるようにリンクにすること
-[[第3回の課題で説明した注意点>Lecture/InfoDesignB2005/4th/exercise1#n5e1c11f]]を守る
-第4回に紹介した要素を&color(red){''１回以上''};使用すること
--ただし、表は使用しなくてよい
--ただし、色は背景色と文字色だけは設定をしなければならない（それ以外は設定しなくてよい）
--ただし、画像データを背景に使うこと（素材サイトからダウンロードし、著作権を違反しないこと！） 
--ただし、レイアウトは設定しなくてもよい
--ただし、ファイルの最後にある、連絡先の「更新日」の日付を更新する
#pre(novervatim){{
<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)

}}