KAWANO's PukiWiki Plus! - Lecture/InfoDesignB2004/6th/exercise1 の変更点

• 追加された行はこの色です。
• 削除された行はこの色です。
• Lecture/InfoDesignB2004/6th/exercise1 へ行く。

*課題1: HTMLファイルを作成する [#q7eb4184]

**課題の内容 [#iebbb156]

これまでに説明した、
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

***プロフィールのページ [#xbd6ebe4]
内容は、自己紹介です。
普通の自己紹介ではなく「''10の質問''」という形式にします。
-例
--[[100の質問リンク集:http://digital-bee.com/100q/]]
--[[便利な100の質問リンク集:http://webs.to/100q/]]
--そのほか「10の質問」や「100の質問」というキーワードで検索してみましょう

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

日記へ戻る

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

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

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


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

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

  プロフィール

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

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


**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 )

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

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

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

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

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

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



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

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

}}