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

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

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のレイアウト
▲ ▼

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

▲ ▼

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回の課題のファイルからコピーし、他のコメントと同じになるようにタグを付け直す
    • それぞれのコメントの最後には、ページのトップ(一番上)にジャンプする「トップへ戻る」というリンクを作る
  • プロフィール(自己紹介)をつくる
    • 表を使って、自己紹介をする(詳しい説明は下で)
    • プロフィールの最後には、ページのトップ(一番上)にジャンプする「トップへ戻る」というリンクを作る
ページのタイトル

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

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

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

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

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

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

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

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


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

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

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

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



---- #navi2(Lecture/InfoDesignB2005/4th,prev,toc,next)

メニュー

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

大学関係リンク

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

今日の5件
  • FrontPage(33)
  • 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: 13


リロード   差分   ホーム 一覧 検索 最終更新 バックアップ リンク元   ヘルプ   最終更新の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.397 sec.
Valid XHTML 1.1