KAWANO's PukiWiki Plus! - Lecture/InfoDesignB2004/5th/exercise1

課題1: HTMLファイルを作成する

課題の内容

今回、前回、前々回で説明した、 HTMLの技術を使って、 前回の課題で作成したHTMLファイルを、 引き続き編集してください。

内容は、次のとおりです。

• 前回の課題(1)で作成したHTMLファイルに、前回の課題(2)の記事へのコメントを追加
• 今回までに紹介した、HTMLの技術を使って、ファイルを編集
• HTMLファイルの文法をチェックするサイトの、チェックを合格する

ファイルの内容は、次のようにしてください。

ページのタイトル

目次
  各記事へのリンク
  ...
---
第4回の課題：記事へのコメント(1)
...

第4回の課題：記事へのコメント(2)
...

第3回の課題：記事へのコメント(1)
...

第3回の課題：記事へのコメント(2)
...

第2回の課題：記事へのコメント(1)
...

第2回の課題：記事へのコメント(2)
...
---
連絡先の情報

ファイル作成の注意点は、次のとおりです。

• 前回紹介した注意点
  • 特殊な記号は、使わなくてよい
  • 文字の強調は、em要素かstrong要素のどちから1つは最低でも使う
• 今回注意したポイント
• 今回紹介した要素を1回以上使用する
  • 表は使用しなくてもよい
  • 色は背景色と文字色だけは設定すること（それ以外は設定しなくてよい）
  • レイアウトは設定しなくてもよい
• ページのタイトルをつける（後の説明を参照）

ページタイトルとファイル名

• タイトル: 「○○の日記」や「○○'s Diary」など自分で考えてつける
  • ページのタイトル（title要素とh1要素で記述しておくこと！）
• ファイル名: 次のとおりとします。
  • 「log_」「学籍番号」＋「.html」
    （学籍番号がE2031000の場合、ファイル名は log_e2031000.html」）

HTMLの文法をチェックする

作成したファイルの、HTMLの文法が正しいかを、 次のサイトにアクセスして、チェックしてください。

• Another HTML-lint gateway ( http://openlab.ring.gr.jp/k16/htmllint/htmllintl.html )

チェックは、次のような方法で行ってください。

1. http://openlab.ring.gr.jp/k16/htmllint/htmllintl.html へアクセス
2. 「FILE」のチェックボックスをクリック
3. 「参照」ボタンをクリック
4. ファイルの選択画面になるので、作成したファイルを選択し、「開く」ボタンをクリック
5. 「チェック」ボタンをクリック
6. チェック結果が表示
   

チェック結果が、「よくできました」となるまで、 文法の間違いを修正して、チェックを繰り返してください。

#ref(): The style ref(filename,pagename) is ambiguous and become obsolete. Please try ref(pagename/filename)

「よくできました」となったら、 課題のファイルを提出してください。

提出方法

提出方法は、「電子メール」です。 課題を、次の内容の電子メールで、 添付ファイルにして送信してください。

• 宛先: kawano@ed.hyogo-dai.ac.jp
• 件名: 第5回の課題(1)
• 本文: 今回までの感想を簡単に書いてください。

提出期限

• 原則として、平成16年11月05日午前0時までとします。
• 期限以後は、特別な理由がない限り、提出を受け付けません。

次へ進んでください。

}}