2011
11/02
課題03-3
Webページの作成(続き)
学生サーバに作成しておいた自分のWebページにフォーム機能を用いたアンケートページを追加せよ．
また，結果を送信する先のページは，CGIではなく，アンケートに答えてもらった感謝のメッセージを表示する通常のhtmlページとし，アンケート結果は受け取らなくてよい．
- アンケートページは次のようなものとする．
- メニュー部分にアンケートページを追加すること
- ※メニューに追加するやりかたがわからない場合には，トップページにリンクを張り採点者に気づいてもらえるようにしておくこと．
- アンケートページも外部CSSを使用して見た目の統一を図ること
- アンケートページは、入力フォームを用いて次のように作成すること
- アンケートする内容ついて詳細は問わないが、少なくとも次の項目を有
するものとする。
- 性別 (INPUT でradio 選択肢を使う)
- 誕生月 (1月から12月まで選択できるようなSELECT)
- ご意見欄 TEXTAREAで文字入力できるように
- 結果をメールで送信する(mailto:スキームを使用、CGIは使わない)
- 送信ボタンを押した後，て，ちゃんと送信先のページ内容を表示すること．送信先はthank.htmlなどとした感謝のメッセージを含むページとする．
備考
- 条件を満たさないものは減点する
■採点方法■
- アンケートページへのリンクがある
- アンケートページを表示できる
- アンケートページでパスワード入力がある
- アンケートページでradio選択の性別入力がある
- アンケートページで誕生月のselect入力がある
- アンケートページにご意見欄がある
- 送信(submit)ボタンがある
- 送信ボタンにより感謝のページを表示する．
- アンケートページがCSS対応
■演習手順■
- question.htmlとしてアンケートページを作成
- index.htmlとintroduction.htmlのメニュー部分にも，question.htmlへのリンクを追加
- 修正したindex.html, introduction.htmlと, question.htmlと感謝のページをcstu.nit.ac.jpへGFTPでアップロード
- firefoxを起動して，アドレス「http://sstu.nit.ac.jp/~s110xxxx/」(自分のページアドレス)を入力して参照してみる．
- 自分でアンケートに回答してみる．
- ありがとうページにリダイレクトされればOK，思ったように表示されなかったら，最初に戻ってやりなおし
<html>
<head>
<title>zzzzzzzzzzz</title>
<link rel="stylesheet" type="text/css" href="c11xxxxx.css" media="screen">
</head>
<body>
<div id="page">
<div id="header">
ヘッダー
</div>
<div id="main">
ここにアンケートを作成
<form action="http://sstu.nit.ac.jp/~s1104xxx/感謝のページ名" 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>
■締め切り■
- 次回授業開始の前まで
遅れて提出する場合、Webページを作成の上、田村まで連絡することただ し、その際の採点は低目の評価とする。