■課題04■
■問題■
次の要件を満たすような各自自分のWebページを作成せよ
- 前回の内容に加えアンケートページを追加せよ.
- メニュー用のフレームにアンケートページを追加すること
- メニューに追加できない(やりかたがわからない)場合には,
最悪でもトップページにリンクを張っておくこと.
- アンケートページも外部CSSを使用して見た目の統一を図ること
- アンケートページは、入力フォームを用いて次のように作成すること
- アンケートする内容ついて詳細は問わないが、少なくとも次の項目を有
するものとする。
- パスワード(実際にパスワード管理するわけではなく、ただの入力
項目の一つ、INPUT TYPEでPASSWORDを指定を使う)
- 性別 (INPUT でradio 選択肢を使う)
- 誕生月 (1月から12月まで選択できるようなSELECT)
- ご意見欄 TEXTAREAで文字入力できるように
- 結果をメールで送信する(mailto:スキームを使用、CGIは使わない)
備考
■採点方法■
- アンケートページへのリンクがある
- アンケートページを表示できる
- アンケートページでパスワード入力がある
- アンケートページでradio選択の性別入力がある
- アンケートページで誕生月のselect入力がある
- アンケートページにご意見欄がある
- メールの送信(submit)ボタンがある
- アンケートページがCSS対応
■演習手順■
- question.htmlとしてアンケートページを作成
<html>
<head>
<title>zzzzzzzzzzz</title>
<link rel="stylesheet" type="text/css" href="c1085xxx.css" media="screen">
</head>
<body>
<div id="page">
<div id="header">
ヘッダー
</div>
<div id="main">
ここにアンケートを作成
<form action="mailto:c1085xxx@cstu.nit.ac.jp" enctype="text/plain" method="get">
パスワード(形だけのダミーでよい)
性別
誕生日
ご意見欄 を<input>や<select>や<textarea>を使って作成
送信ボタン <input type="submit" value="送信"> として作成
</form>
</div>
<div id="menu">
メニュー
<ul>
<li><a href="index.html>トップページ</a></li>
<li><a href="introduction.html">自己紹介</a></li>
<li><a href="question.html">アンケート</a></li> <- 自分も追加
</ul>
</div>
<div id="footer">
フッター
</div>
</div>
</body>
</html>
- index.htmlとintroduction.htmlのメニュー部分にも,question.htmlへのリンクを追加
- 修正したindex.html, introduction.htmlと, question.htmlをcstu.nit.ac.jpへFFFTPでアップロード
- IEを起動して,アドレス「http://cstu.nit.ac.jp/~c10xxxxx/」(自分のページアドレス)を入力して参照してみる.
- 自分でアンケートに回答してみる.思ったように表示されなかったら,最初に戻ってやりなおし
■締め切り■
遅れて提出する場合、Webページを作成の上、田村まで連絡することただ
し、その際の採点は低目の評価とする。
日本工業大学
田村研top
(学内用ミラー)
tamura@nit.ac.jp
最終更新日 2005-11-1