[ ホーム | 一覧 | 検索 | 最終更新 | ヘルプ ] [ 新規 ]

KAWANO's PukiWiki Plus! - Lecture/InfoDesignB2005/4th/exercise1 のバックアップ(No.4)

AND OR
  • バックアップ一覧
  • 差分 を表示
  • 現在との差分 を表示
  • 現在との差分 - Visual を表示
  • ソース を表示
  • Lecture/InfoDesignB2005/4th/exercise1 へ行く。
    • 1 (2005-10-14 (金) 09:54:55)
    • 2 (2005-10-14 (金) 09:56:12)
    • 3 (2005-10-26 (水) 10:56:46)
    • 4 (2005-10-27 (木) 07:22:53)
    • 5 (2007-02-24 (土) 07:05:44)
    • 6 (2007-02-24 (土) 07:10:26)

課題: ネット上の記事へのコメントをHTMLファイルにする

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

  • 課題: ネット上の記事へのコメントをHTMLファイルにする
    • インターネット上の記事にコメントをする
      • 1.情報を集める
      • 2.情報にコメントをつける
    • HTMLファイルの作成
      • ファイルのコピー
      • HTMLのレイアウト
      • HTMLファイルの作成
▲ ▼

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

▲ ▼

1.情報を集める

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

やり方は、第3回の課題と同じです。 第3回の課題の説明を見てください。

▲ ▼

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

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

やり方は、第3回の課題と同じです。 第3回の課題の説明を見てください。

▲ ▼

HTMLファイルの作成

第2〜3回の課題で作成したファイルをもとに、 今回の課題を作成します。

▲ ▼

ファイルのコピー

第3回の課題のファイルをコピーして、新しいファイルを作ってください。 ファイルには、次のようなファイル名をつけてください。

  • 「1028」+「学籍番号」+「.html」
    (学籍番号がE2041000の場合、ファイル名は 1028e2041000.html」)
▲ ▼

HTMLのレイアウト

作成するページのレイアウトは、図のようにします。 サンプルのイメージがありますので、下のリンクを参考にしてください。

  • file《課題のイメージ》

作成するときには、次の点に注意してください。

  • タイトルをつける(「○○の雑記」など、自由に決めてよい)
    • title要素と、ページの中にタイトルを設定しておくこと!
  • 3つのコメント(第2〜4回)へジャンプできるリンクから、箇条書きをつかった目次を作る
  • 第2回のコメントは、第2回の課題のファイルからコピーし、他のコメントと同じになるようにタグを付け直す
  • それぞれのコメントの最後には、ページのトップ(一番上)にジャンプする「トップへ戻る」というリンクを作る

pre> ページのタイトル

目次  ・第4回のコメントへのリンク  ・第3回のコメントへのリンク  ・第2回のコメントへのリンク

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

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

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

  • 連絡先・著作権の情報

    /pre>

▲ ▼

HTMLファイルの作成

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

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

  • 情報源へのURLは、その情報源にアクセスできるようにリンクにすること
  • 第3回の課題で説明した注意点を守る
  • 第4回に紹介した要素を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>

まだ提出ではありません。 次の課題に進んでください。



[前へ] [目次へ] [次へ]

メニュー

  • トップ
  • 授業
  • PukiWiki Log
  • Install Log
  • 道具箱
  • セキュリティ情報
  • RSSアンテナ

大学関係リンク

  • Webメール
  • 健康システム学科
  • 情報メディアセンター
  • 兵庫大学

今日の5件
  • FrontPage(32)
  • Lecture/CompPracC32005/10th(1)
  • Lecture/CompPracC2005/8th/example(1)
  • Lecture/CompPracR2004/11th(1)
  • Lecture/CompPracC2006/11th(1)
最新の5件
2016-04-08
  • Lecture/timetable_2016
  • Lecture
  • FrontPage
2015-09-30
  • Lecture/timetable_2015
2015-04-04
  • MenuBar

total: 2417
today: 1
yesterday: 0
now: 16


リロード   差分   ホーム 一覧 検索 最終更新 バックアップ リンク元   ヘルプ   最終更新のRSS
http%3A%2F%2Fhs-www.hyogo-dai.ac.jp%2F~kawano%2F%3FLecture%25252FInfoDesignB2005%25252F4th%25252Fexercise1
Founded by Minoru Kawano.
Powered by PukiWiki Plus! 1.4.7plus-u2-i18n. HTML convert time to 0.238 sec.
Valid XHTML 1.1