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

• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• 現在との差分 - 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の質問」というキーワードで検索してみましょう

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

ページのタイトル

日記へ戻る

○○への10の質問
+------+------+
|質問 1|回答 1|
+------+------+
|質問 2|回答 2|
+------+------+
  ....   ....
+------+------+
|質問 9|回答 9|
+------+------+
|質問10|回答10|
+------+------+
---
連絡先の情報
</pre>

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

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


***記事へのコメントのページ [#i911e205]
内容は、次のとおりです。
-前回の課題(1)で作成したHTMLファイルに、前回の課題(2)の記事へのコメントを追加
-今回までに紹介した、HTMLの技術を使って、ファイルを編集
-HTMLファイルの文法をチェックするサイトの、チェックを合格する

ファイルの内容は、次のようにしてください。
#pre(novervatim){{
ページのタイトル

  プロフィール

目次
  各記事へのリンク
  ...
---
第5回の課題：記事へのコメント
...
第4回の課題：記事へのコメント
...
第3回の課題：記事へのコメント
...
第2回の課題：記事へのコメント
...
---
連絡先の情報
</pre>

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


**HTMLの文法をチェックする [#t8fde03b]
作成したファイルの、HTMLの文法が正しいかを、
次のサイトにアクセスして、チェックしてください。
-Another HTML-lint gateway ( http://openlab.ring.gr.jp/k16/htmllint/htmllintl.html )

チェックは、次のような方法で行ってください。
+http://openlab.ring.gr.jp/k16/htmllint/htmllintl.html へアクセス
+「FILE」のチェックボックスをクリック
+「参照」ボタンをクリック
+ファイルの選択画面になるので、作成したファイルを選択し、「開く」ボタンをクリック
+「チェック」ボタンをクリック
+チェック結果が表示
#ref(igb00.png,nolink,Another HTML-lintの操作);

チェック結果が、「よくできました」となるまで、
文法の間違いを修正して、チェックを繰り返してください。
#ref(igb01.png,nolink,Another HTML-lintの結果);

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

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

転送したファイルは、次のURLで確認できます。
-http://arena.hyogo-dai.ac.jp/student/2004/idb/

転送が完了したら、次のメールを送ってください。
-宛先: kawano@ed.hyogo-dai.ac.jp
-件名: 第6回の課題(1)
-本文: 今回までの感想を簡単に書いてください。



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



次へ進んでください。
----
#navi2(Lecture/InfoDesignB2004/6th,prev,toc,next)