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

バックアップ一覧
差分を表示
現在との差分を表示
現在との差分 - Visual を表示
ソースを表示
Lecture/JouhouC2007/3rd/exercise へ行く。
- 1 (2007-04-23 (月) 05:50:44)

課題: ネット上の記事へのコメントでHTMLファイルを書く

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

▲ ▼

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

▲ ▼

(1) 情報を集める

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

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

「ニュース」「ブログ」「日記」から記事を取り上げる（掲示板は×）
その記事は1つのURLで閲覧できる（1つのWebページにつき、記事は1つ）
例：
- ニュース記事: アサヒ・コム、Yahoo!ニュース、PC Watch、F1-Live.comなど
- ブログ・日記：眞鍋かをりのココだけの話、渋谷ではたらく社長のアメブロ、百式など

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

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

▲ ▼

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

記事を探したら、次の順にコメントを作りなさい。なお、文字数は、「100〜150文字程度（上限なし）」とします。内容はささいなことでかまいません。

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

サンプル：
2006年10月13日
「SUPER AGURI、Hondaのサテライトに!?」

10月11日付けのF1-LiVE.comの記事によると、
日本の鈴木亜久里代表率いるSUPER AGURIとHondaの協力関係が、
より一層強いものになるようである。
エンジンだけでなく、あらゆる面での関係を強化するようだ。

Hondaは、サテライト（2軍）チームを所有したいと考えているようで、
SUPER AGURIはもちろん、Hondaにとっても、
自分たちの競争力・開発力を高めることができるかもしれない。

現在のF1は自動車メーカーが中心となっていて、
以前のようなプライベートチーム中心の時代と大きく異なっている。
莫大な資金力が必要な時代となったのだが、
F1の面白みがどこかでそがれていくような気がするのは私だけだろうか。

関連情報
・フォーミュラ1
・SUPER AGURI F1 TEAM公式サイト

▲ ▼

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>
 作成日: 2006-10-06; 更新日: 2006-10-13<br>
 Copyright (C) 2006 兵庫太郎, All rights reserved.<br>
 このページに関する問合せ先:<br>
 E-Mail. <a href="mailto：e2061000＠ed.hyogo-dai.ac.jp">
 e2061000＠ed.hyogo-dai.ac.jp</a>
</address>

▲ ▼