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

• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• 現在との差分 - Visual を表示
• ソース を表示
• Lecture/InfoDesignB2004/6th/exercise1 へ行く。
  • 1 (2004-11-05 (金) 01:57:24)
  • 2 (2007-02-24 (土) 07:05:44)
  • 3 (2007-02-24 (土) 07:10:26)

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

課題の内容

これまでに説明した、 HTMLの技術を使って、 HTMLファイルを作成してください。 作成するファイルは2つです。

• プロフィールのページ
• 記事へのコメントのページ

サンプルは、次のURLで見ることができます。

• http://arena.hyogo-dai.ac.jp/student/2004/idb/e2031000/log_e2031000.html
• http://arena.hyogo-dai.ac.jp/student/2004/idb/e2031000/prof_e2031000.html

プロフィールのページ

内容は、自己紹介です。 普通の自己紹介ではなく「10の質問」という形式にします。

• 例
  • 100の質問リンク集
  • 便利な100の質問リンク集
  • そのほか「10の質問」や「100の質問」というキーワードで検索してみましょう

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

pre> ページのタイトル

日記へ戻る

○○への10の質問

1. ------+------+

   質問 1

   回答 1

2. ------+------+

   質問 2

   回答 2

3. ------+------+

    ....   ....

4. ------+------+

   質問 9

   回答 9

5. ------+------+

   質問10

   回答10

6. ------+------+
   • 連絡先の情報

     /pre>

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

• 必要以上に個人情報を記載しないこと
  • 詳しい住所、電話番号、携帯のメールアドレスなど...
• 「日記へ戻る」の部分は、自己紹介のページへのリンクを作成しておく
• 自己紹介には、表（table要素）を使用する
• 画像データを使ってもかわまない（著作権を違反しないこと！）
• 「連絡先」にある「作成日」と「更新日」を作成・更新した日付にする
• ほかの注意点は、コメントのページと同じ
  • 第4回の注意点
  • 第5回のポイント
  • 第6回の注意点

なお、ページのタイトルやファイル名は、 次のとおりとします。

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

記事へのコメントのページ

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

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

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

pre> ページのタイトル

 プロフィール

目次

 各記事へのリンク
 ...

• 第5回の課題：記事へのコメント ... 第4回の課題：記事へのコメント ... 第3回の課題：記事へのコメント ... 第2回の課題：記事へのコメント ... 連絡先の情報

  /pre>

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

• 「プロフィール」の部分は、自己紹介のページへのリンクを作成しておく
• 「連絡先」にある「更新日」を更新した日付にする
• 画像データを使ってもかわまない（著作権を違反しないこと！）
• これまでの注意点・ポイント
  • 第4回の注意点
  • 第5回のポイント
  • 第6回の注意点

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. チェック結果が表示
   

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

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

提出方法

提出方法は、「ファイルのWebサーバへの転送」です。 ファイルの転送方法は、 今回の説明「ファイルを転送する」を よく読んで、 操作してください。

転送したファイルは、次のURLで確認できます。

• http://arena.hyogo-dai.ac.jp/student/2004/idb/

転送が完了したら、次のメールを送ってください。

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

提出期限

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

次へ進んでください。