Top > Lecture > JouhouC2008 > 5th > exercise1
AND OR

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

前回までと同様に、「インターネット上のあらゆる記事へのコメント」 を作成します。 今回から、2つのファイルを作ります

  • HTMLファイル: コメントをHTMLで書く
  • CSSファイル: HTMLファイルのスタイルを書く

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

(1) 情報を集める

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

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

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

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

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

2. HTMLファイルの作成

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

(1) ファイルの作成

第4回の課題のファイルを開いたあとに、 次のようにして、名前をつけて別のファイルを作ります。

  • メニューから「ファイル」→「名前をつけて保存」
  • ファイルを次のようにつけて保存
    • 「0509」+「学籍番号」+「.html」(半角文字で!)
      (学籍番号がC2072000の場合、ファイル名は「0509c2072000.html」)

(2) コメントの追加・目次の更新

次のようなレイアウトになるように、 今回作ったコメントを追加して、目次の部分を更新します。 第2回〜第4回までの、HTMLの技術を使って、作成してください。

ページのタイトル

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

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

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

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

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

---
連絡先・著作権の情報

作成するときの注意点は、次のとおりです。

  • コメントを作る
    • それぞれのコメントの最後には、ページのトップ(一番上)にジャンプする「トップへ戻る」というリンクを作る
  • 目次を更新する
    • 3つのコメント(第2,3,5回)へジャンプできるリンクをつくる
  • 第3回の課題で説明した注意点を守る
  • ファイルの最後にある、連絡先の「更新日」の日付を更新する
    <address>
     作成日: 2007-04-18; 更新日: 2007-05-09<br>
     Copyright (C) 2008 兵庫太郎, All rights reserved.<br>
     このページに関する問合せ先:<br>
     E-Mail. <a href="mailto:c2072000@ed.hyogo-dai.ac.jp">
     c2072000@ed.hyogo-dai.ac.jp</a>
    </address>
    

3. CSSファイルの作成

コメントが書かれたHTMLファイルに、スタイルを設定します。

今回は、HTMLファイルとは別に、 スタイルシートの設定が書かれたCSSファイルを作成します。 ファイル名は、次のとおりとします。

  • 「0509」+「学籍番号」+「.css」(半角文字で!)
    (学籍番号がC2072000の場合、ファイル名は 「0509c2072000.css」)

CSSを使って、HTMLファイルの各要素に次のような設定をしてください。

  • ページ全体の文字色と背景色(body要素)
  • 見出しの文字色と背景色(h1〜h6要素)
  • 見出しの枠線の設定(色・太さ・種類)(h1〜h6要素)

提出方法

作成したファイルを、次の場所にコピーして提出してください。

  • 「マイコンピュータ」→「Fsの資料・課題」→「kawano」→「提出」

提出期限

  • 原則として、平成20年5月14日13時までとします。
  • 期限以後は、特別な理由がない限り、提出を受け付けません。
  • 課題のやりなおしは、提出期限まで受け付けます。




Reload   Diff   Front page List of pages Search Recent changes Backup Referer   Help   RSS of recent changes
Last-modified: Tue, 11 Mar 2014 02:20:22 HADT (3751d)