*課題1: HTMLファイルを作成する [#z71252e7] [[Another HTML-lint gateway:http://openlab.ring.gr.jp/k16/htmllint/htmllinte.html]] を使って、自分が作ったページの文法を採点する。 そして「100点」になるように、作ったファイルを変更しなさい。 (これまでやった内容で、100点になります。) **課題の内容 [#db7d680f] 練習課題として、 前回と今回で説明した、 今回、前回、前々回で説明した、 HTMLの技術を使って、 前回の課題で作成したHTMLファイルを、 引き続き編集してください。 内容は、 前回の課題で作成したHTMLファイルに、 前回の課題で送ったメールの内容(記事へのコメント)を追加してください。 内容は、次のとおりです。 -前回の課題(1)で作成したHTMLファイルに、前回の課題(2)の記事へのコメントを追加 -今回までに紹介した、HTMLの技術を使って、ファイルを編集 -HTMLファイルの文法をチェックするサイトの、チェックを合格する 全体の内容は、次のようになります。 <pre> ファイルの内容は、次のようにしてください。 #pre(novervatim){{ ページのタイトル 目次 各記事へのリンク ... --- 第4回の課題:記事へのコメント(1) ... 第4回の課題:記事へのコメント(2) ... 第3回の課題:記事へのコメント(1) ... 第3回の課題:記事へのコメント(2) ... 第2回の課題:記事へのコメント(1) ... 第2回の課題:記事へのコメント(2) ... </pre> --- 連絡先の情報 }} ファイル作成の注意点は、次のとおりです。 -前回と今回紹介した、HTMLのすべての要素を、''1回以上''使用すること --(ただし)リストは、ul、ol、dlのうち1要素でかまわない --(ただし)文字の整形(b、i、sup、sub、pre)は使わなくてもよい -DOCTYPE宣言やlang属性、文字コードの設定をすること -情報源へのURLは、その情報源にアクセスできるようにリンクにすること(下の例を参照) <a href="リンク先のURL">リンク先のページのタイトル(サイト名)</a> -連絡先をページの最後に記入すること(下の例を参照) <address> 作成日: 2004-10-15; 更新日: 2004-10-22<br> Copyright (C) 2004 兵庫太郎, All rights reserved.<br> このページに関する問合せ先:<br> E-Mail. <a href="mailto:e2031000@ed.hyogo-dai.ac.jp"> e2031000@ed.hyogo-dai.ac.jp</a> </address> -コメントは次のようにすること <!--10月6日の課題(1):--> ...(10月6日分の記事へのコメント(1)) <!--10月6日の課題(2)--> ...(10月6日分の記事へのコメント(2)) -[[前回紹介した注意点>Lecture/InfoDesignB2004/4th/exercise1]] --特殊な記号は、使わなくてよい --文字の強調は、em要素かstrong要素のどちから1つは最低でも使う -[[今回注意したポイント>Lecture/InfoDesignB2004/5th/review]] -今回紹介した要素を1回以上使用する --表は使用しなくてもよい --色は背景色と文字色だけは設定すること(それ以外は設定しなくてよい) --レイアウトは設定しなくてもよい -ページのタイトルをつける(後の説明を参照) **タイトルとファイル名 [#ce123004] -タイトル: 「10月22日の課題」 **ページタイトルとファイル名 [#ce123004] -タイトル: 「○○の日記」や「○○'s Diary」など自分で考えてつける --ページのタイトル(title要素とh1要素で記述しておくこと!) -ファイル名: 次のとおりとします。 --「1022」+「学籍番号」+「.html」~ (学籍番号がE2031000の場合、ファイル名は 1022e2031000.html」) --「log_」「学籍番号」+「.html」~ (学籍番号がE2031000の場合、ファイル名は log_e2031000.html」) **HTMLの文法をチェックする [#n46772c3] 作成したファイルの、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の結果); COLOR(red):「よくできました」COLOR(black):となったら、 課題のファイルを提出してください。 **提出方法 [#g53a2566] 提出方法は、「''電子メール''」です。 課題を、次の内容の電子メールで、 添付ファイルにして送信してください。 -宛先: kawano@ed.hyogo-dai.ac.jp -件名: 第5回の課題 -件名: 第5回の課題(1) -本文: 今回までの感想を簡単に書いてください。 **提出期限 [#v8299bee] -原則として、''平成16年11月05日午前0時''までとします。 -期限以後は、特別な理由がない限り、提出を受け付けません。 &br; &navi2(Lecture/InfoDesignB2004/5th,next);進んでください。 ---- #navi2(Lecture/InfoDesignB2004/5th,prev,toc,next) }} |