TITLE:第3回の課題 *課題: ネット上の記事へのコメントでHTMLファイルを書く [#be0dc49c] 前回と同様に、HTMLファイルを作成していきます。 HTMLファイルの内容は、 ''「インターネット上のあらゆる記事へのコメント」'' とします。 **1. インターネット上の記事にコメントをする [#e29a13ad] ***(1) 情報を集める [#q6e65094] 現在自分が興味を持っているテーマについて、 インターネットから ''自分が興味を持ったニュース等の記事'' を1つ探し出しなさい。 テーマは自由ですが、 次の点に注意してください。 -「ニュース」「ブログ」「日記」から記事を取り上げる(掲示板は×) -その記事は1つのURLで閲覧できる(1つのWebページにつき、記事は1つ) -例: --ニュース記事: [[アサヒ・コム:http://www.asahi.com/]]、[[Yahoo!ニュース:http://headlines.yahoo.co.jp/]]、[[PC Watch:http://pc.watch.impress.co.jp]]、[[F1-Live.com:http://f1.racing-live.com/jp/]]など --ブログ・日記:[[眞鍋かをりのココだけの話:http://manabekawori.cocolog-nifty.com/]]、[[渋谷ではたらく社長のアメブロ:http://shibuya.ameblo.jp/]]、[[百式:http://www.100shiki.com/]]など 情報が見つけられたら、次の3つの情報をメモしておきなさい。 -WebページのURL -Webページのタイトル -Webページが作成(公開)された日時 ***(2) 情報にコメントをつける [#a01eab99] 記事を探したら、次の順にコメントを作りなさい。 なお、文字数は、''「100〜150文字程度(上限なし)」''とします。 内容はささいなことでかまいません。 +''コメントにふさわしいタイトル''を自分で考える +コメントの日付を書く +記事を作った会社・個人名・サイト名と作成(公開)された日付を書く +記事のURLへのリンクを作る +記事の内容を、''「他人が内容を理解できる」''ように要約する +コメントとして、記事への''意見・批評・思ったこと''などを述べる +記事に関連する情報をCOLOR(red){''2つ以上''}探して、情報へのリンク先を紹介する --ウィキペディア http://ja.wikipedia.org/ (用語の解説) --各種サイト(ニュース、公式サイト、ブログなど) #pre(novervatim){{ サンプル: 2006年10月13日 「SUPER AGURI、Hondaのサテライトに!?」 [[10月11日付けのF1-LiVE.comの記事:http://f1.racing-live.com/f1/jp/headlines/news/detail/061011112236.shtml]]によると、 日本の鈴木亜久里代表率いるSUPER AGURIとHondaの協力関係が、 より一層強いものになるようである。 エンジンだけでなく、あらゆる面での関係を強化するようだ。 Hondaは、サテライト(2軍)チームを所有したいと考えているようで、 SUPER AGURIはもちろん、Hondaにとっても、 自分たちの競争力・開発力を高めることができるかもしれない。 現在のF1は自動車メーカーが中心となっていて、 以前のようなプライベートチーム中心の時代と大きく異なっている。 莫大な資金力が必要な時代となったのだが、 F1の面白みがどこかでそがれていくような気がするのは私だけだろうか。 関連情報 ・[[フォーミュラ1:http://ja.wikipedia.org/wiki/%E3%83%95%E3%82%A9%E3%83%BC%E3%83%9F%E3%83%A5%E3%83%A91]] ・[[SUPER AGURI F1 TEAM公式サイト:http://www.saf1.co.jp/]] }} **2. HTMLファイルの作成 [#n5e1c11f] 今回説明しているHTMLの技術を使って、 考えたコメントを HTMLファイルを作成してください。 注意点は、次のとおりです。 -前回分 -情報源へのURLは、その情報源にアクセスできるようにリンクにすること。 -第2回に紹介した要素を、COLOR(red){''1回以上''}使用すること。とくに次の要素には注意。 --title (注:課題のタイトル、h1と同じ内容) --h1(注:課題のタイトル、titleと同じ内容) --h2(コメントの日付) --h3(自分で考えたコメントのタイトル部分) --p (コメントの各段落) --h4(「関連情報」の見出し部分) -今回(第3回)に紹介した要素を、COLOR(red){''1回以上''}使用すること。 --ただし、リスト(ul、ol、dl)は、&color(red){どれかの一つ要素をを使えばよい}; --ただし、文字の整形(b、i、sup、sub、pre)は、&color(red){どれか一つの要素を使えばよい}; --ただし、文字の強調は&color(red){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> **3. 課題のタイトルとファイル名 [#gfbe6fe9] -タイトル: 「10月13日の課題」 -ファイル名: 次のとおりとします。 --「1013」+「学籍番号」+「.html」(半角文字で!)~ (学籍番号がE2061000の場合、ファイル名は 1013e2061000.html」) ***提出方法 [#pd69905b] 作成したファイルを、eラーニング上で提出してください。 -提出場所:「第3回の課題」と書かれた場所 -提出方法:提出場所に書かれた手順に従って行うこと ***提出期限 [#h518caec] -原則として、''平成19年5月1日13時''までとします。 -期限以後は、特別な理由がない限り、提出を受け付けません。 -課題のやりなおしは、提出期限まで受け付けます。 &br; ---- #navi2(Lecture/JouhouC2007/3nd,prev,toc) |