*課題1: HTMLファイルを作成する [#q7eb4184] **課題の内容 [#iebbb156] 今回、前回、前々回で説明した、 これまでに説明した、 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 ***プロフィールのページ [#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| +------+------+ --- 連絡先の情報 }} ファイル作成の注意点は、次のとおりです。 -必要以上に個人情報を記載しないこと --詳しい住所、電話番号、携帯のメールアドレスなど... -「日記へ戻る」の部分は、自己紹介のページへのリンクを作成しておく -自己紹介には、表(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> #pre(novervatim){{ ページのタイトル プロフィール 目次 各記事へのリンク ... --- 第4回の課題:記事へのコメント(1) 第5回の課題:記事へのコメント ... 第4回の課題:記事へのコメント(2) 第4回の課題:記事へのコメント ... 第3回の課題:記事へのコメント(1) 第3回の課題:記事へのコメント ... 第3回の課題:記事へのコメント(2) 第2回の課題:記事へのコメント ... 第2回の課題:記事へのコメント(1) ... 第2回の課題:記事へのコメント(2) ... --- 連絡先の情報 </pre> }} ファイル作成の注意点は、次のとおりです。 -[[前回紹介した注意点>Lecture/InfoDesignB2004/4th/exercise1]] --特殊な記号は、使わなくてよい --文字の強調は、em要素かstrong要素のどちから1つは最低でも使う -[[今回注意したポイント>Lecture/InfoDesignB2004/5th/review]] -今回紹介した要素を1回以上使用する --表は使用しなくてもよい --色は背景色と文字色だけは設定すること(それ以外は設定しなくてよい) --レイアウトは設定しなくてもよい -ページのタイトルをつける(後の説明を参照) -「プロフィール」の部分は、自己紹介のページへのリンクを作成しておく -「連絡先」にある「更新日」を更新した日付にする -画像データを使ってもかわまない(著作権を違反しないこと!) -これまでの注意点・ポイント --[[第4回の注意点>Lecture/InfoDesignB2004/4th/exercise1]] --[[第5回のポイント>Lecture/InfoDesignB2004/5th/review]] --[[第6回の注意点>Lecture/InfoDesignB2004/5th/exercise1]] **ページタイトルとファイル名 [#x83a4443] -タイトル: 「○○の日記」や「○○'s Diary」など自分で考えてつける --ページのタイトル(title要素とh1要素で記述しておくこと!) -ファイル名: 次のとおりとします。 --「log_」「学籍番号」+「.html」~ (学籍番号がE2031000の場合、ファイル名は log_e2031000.html」) **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,warp,nolink,Another HTML-lintの結果); #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 -件名: 第5回の課題(1) -件名: 第6回の課題(1) -本文: 今回までの感想を簡単に書いてください。 **提出期限 [#sb07daef] -原則として、''平成16年11月05日午前0時''までとします。 -原則として、''平成16年11月19日午前14時''までとします。 -期限以後は、特別な理由がない限り、提出を受け付けません。 &br; &navi2(Lecture/InfoDesignB2004/6th,next);進んでください。 ---- #navi2(Lecture/InfoDesignB2004/6th,prev,toc,next) }} |