Lecture/JouhouC2009/3rd/exercise のバックアップ(No.1)

バックアップ一覧
差分を表示
現在との差分を表示
現在との差分 - Visual を表示
ソースを表示
Lecture/JouhouC2009/3rd/exercise へ行く。
- 1 (2009-04-24 (金) 06:20:55)

課題: ネット上の記事へのコメントのWebページを作成する

前回と同様に、HTMLファイルを作成していきます。 HTMLファイルの内容は、 「インターネット上のあらゆる記事へのコメント」 とします。

▲ ▼

1. インターネット上の記事にコメントをする

▲ ▼

(1) 情報を集める

インターネットから 自分が興味を持ったニュース等の記事 を1つ探し出しなさい。

テーマは自由ですが、次の点に注意してください。

「ニュース」または「ブログ・日記」サイトからを取り上げる（掲示板は×）
その記事は1つのURLで閲覧できる（1つのWebページにつき、記事は1つ）
例：
- ニュース系: アサヒ・コム、NHKオンライン、Yahoo!ニュース、PC Watch、F1-Live.comなど
- ブログ・日記系：アメーバブログ、エキサイトブログ、ココログ、livedoor Blog、はてなダイアリーなど

情報が見つけられたら、次の3つの情報をメモしておきなさい。

WebページのURL
Webページのタイトル
Webページが作成（公開）された日時

▲ ▼

(2) 情報にコメントをつける

記事を探したら、次の順に自分のコメントを作りなさい。なお、文字数は、目安として「200文字以上」としますが、内容はささいなことでかまいません。

授業の日付を書く
コメントにふさわしいタイトルを自分で考える
コメントの内容を書く
- 記事を書いた個人名または会社名、サイト名と作成（公開）された日付を書く
- 1つめの段落で、記事のURLへのリンクを作って、記事の内容を他人に内容がわかるように要約する
- 2つめの段落で、次に書く自分のコメントに適した、記事の内容の一部を引用する
- 3つめの段落で、記事に対して、自分の意見・批評・思ったことなどを書く
- 記事に関連する情報を2つ探して、情報へのリンク先を紹介する
  - ウィキペディア http://ja.wikipedia.org/ （用語の解説）
  - 各種サイト（ニュース、公式サイト、事典・用語集サイト、ブログなど）

サンプル：
第3回の課題

2008年10月10日

今年の日本GPは「カイゼン」されたのか？

10月7日付けのF1-LiVE.comの記事によると、今週末に、富士スピードウェイで
2回目の開催となる、 F1日本グランプリについて、昨年問題となったレース運営に、
トヨタ式「カイゼン」が無事行われたどうかが報じられた。
昨年は、シャトルバスのみによる入場方式やコースが見えない急ごしらえの観客席、
それに加えて富士名物の雨による歩道や道路のぬかるみ、雨をしのぐ場所や
トイレの不足など、かなりの問題が発生した。そして、一部の観客からは観戦料の
返却などを求められる裁判も起こされている。
富士スピードウェイの加藤裕明取締役社長は、こうコメントしている。 

　　「いよいよ本番まであと数日となりました。昨年の問題を踏まえ、
　　お客様の安全を第一としたうえで、安心で確実な交通アクセスと楽
　　しく快適な観戦環境の2点を基本方針にできる限りの対策に取り組ん
　　でまいりました。お客様にどう評価されるか、期待と不安で一杯で
　　すが、大会が終了する最後まで、われわれ関係者一同、気を引き締
　　めて臨みたいと思います。」 

昨年の日本グランプリは、富士スピードウェイでの初の開催ということもあり、
大変期待されていたが、事前に多くの問題も指摘されていた。そして、その問題が
雨によりすべて発生してしまったかたちに終わってしまい、非常に後味の悪い
ものだった。今年のカイゼンが、はたしてグランプリを盛り上げてくれるものに
なるのか、まずは週末を期待したい。
来年からは鈴鹿との隔年開催となることが決定している以上、富士スピードウェイと
トヨタにとっては、今年はまさに正念場になるだろう。 

関連情報
・富士スピードウェイ
・日本グランプリ

▲ ▼

2. HTMLファイルの作成

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

注意点は、次のとおりです。

前回分
情報源へのURLは、その情報源にアクセスできるようにリンクにすること。
第2回に紹介した要素を、1回以上使用すること。とくに次の要素には注意。
- title （注：課題のタイトル、h1と同じ内容）
- h1（注：課題のタイトル、titleと同じ内容）
- h2（コメントの日付）
- h3（自分で考えたコメントのタイトル部分）
- p （コメントの各段落）
- h4（「関連情報」の見出し部分）
今回（第3回）に紹介した要素を、1回以上使用すること。
- ただし、リスト（ul、ol、dl）は、どれかの一つ要素をを使えばよい
- ただし、文字の整形（b、i、sup、sub、pre）は、どれか一つの要素を使えばよい
- ただし、文字の強調はem要素かstrong要素のどちらか一方を使う
- ただし、特殊な記号は使わなくてもよい
head要素内に、DOCTYPE宣言やlang属性、文字コードの設定をすること

下の例を参考に、連絡先と著作権情報をページの最後に記入すること（コピー不可）

<address>
 作成日: 2009-04-20; 更新日: 2009-04-27<br>
 Copyright (C) 2009 兵庫太郎, All rights reserved.<br>
 このページに関する問合せ先:<br>
 E-Mail. <a href="mailto：c2082000＠ed.hyogo-dai.ac.jp">c2082000＠ed.hyogo-dai.ac.jp</a>
</address>

▲ ▼