第５回 １．ウェブページ作成：Ｄ．アンケート等を入れて完成、公開
2001.10.29. 佐藤
はじめに：本日の目標
Composerではできない操作の実習を行う
自らのページを立命館大学のサーバーに送る
来週からのプレゼンテーション
11/05：亀山梓、北村亨、佐藤保子、鈴木康太、高嶺志乃、竹中明日香、中村知子、
名取久美、浪花隆治、原田憲秀、吉川雄策、川野愛、平井健一、稲垣啓、
河原貴士、間定里枝、大野玲奈、小野昌孝、柴崎岳志、渋谷宏樹、中井稔尚、
渡部宜子、大谷昌俊、中村敦、松尾博美、井上理保子
11/12：森洋将、植田卓、神山圭介、小林貴誉志、清水理、白鳥徹、滝沢淳、能勢昌弘
藤原徳仁、山田季子、山本博昭、小坂梨緑菜、大場賢一、風穴樹、木下英明、
直江康晴、西岡恵子、西村晃一、森下大輔、奥田恭久、木村典子、廣瀬宗泰、
服部優里
１．本日の課題
自らのページを立命館大学のサーバーに送ること
２．form を使う
1.アンケートを入れるにあたって
1.Netscape Composerにはない機能
これまでは、Netscape Composer で作成。
今回は、Netscape Composer には機能がない作業を行なう。
cf.市販のホームページ作成ソフトには機能がついている
2.フォーム
＊アンケートを作成する html 言語のタグ
3.作り方
トップページにアンケートを入れてもよいし
トップページからアンケートページにリンクさせてもよい
2.作業手順
＊秀丸エディタを使う
1.アンケートを入れるページを秀丸で読み込む
2.アンケートの最初と最後にそれぞれ、<form></form>を入れる
3.formの属性として、データの送受信方法を設定する
method="post"
日本語入力ができるように設定する
enctype="text/plain"
回答の送り先を設定する
action="mailto:ja*****@law.ritsumei.ac.jp"
以上をあわせると
<form method="post" enctype="text/plain"
action="mailto:ja******@law.ritsumei.ac.jp">
4.設問の次に回答欄を作成する。回答欄の作成方法には
1)選択肢のうちの一つに印を付けさせる方法→ラジオボタン radio
2)選択させる方法 →選択ボックス
select
3)記述式 →テキストボックス
textarea
5.以上は、<input>タグの属性として設定する。それ以外に、
設問番号の設定を name="***"で設定、選択肢は value="***"で設定する
6.ラジオボタンを作る
<input type="radio" name="++++++"
value="xxxxxx">ＸＸＸＸＸＸ<br>
<input type="radio" name="++++++"
value="yyyyyy">ＹＹＹＹＹＹ<br>
<input type="radio" name="++++++"
value="zzzzzz">ＺＺＺＺＺＺ<br>
7.選択ボックスを作る
<select name="+++++">
<option value="xxxxxx">ＸＸＸＸＸＸ
<option value="yyyyyy">ＹＹＹＹＹＹ
<option value="zzzzzz">ＺＺＺＺＺＺ
</select>
8.テキストボックスを作る
<textarea name="++++++" rows=5 cols=30></textarea>
rowsは縦の行数、colsは横の文字数
9.「送る」ボタンを作る
<input type="submit" value="送る">
10.「取消」ボタンを作る
<input type="reset" value="取消">
11.たとえば
立命館大学に関するアンケート
1.立命館大学法学部のイメージは？
2.立命館大学のいいと思う点は？
3.立命館大学の悪いと思う点は？
4.なにかご意見ご感想があればお願いします
ご協力ありがとうございました！
★立命館大学アンケート解答用紙★
1. a.いいかんじ b.なんてことない c.普通
2. a.教授陣 b.雰囲気
c.その他
3. a.講義内容 b.面白味にかける c.別にない
4. [
]
<h1>立命館大学に関するアンケート</h1>
<form method="post" enctype="text/plain" action="mailto:ja033988@law.ritsumei.ac.jp">
1.立命館大学法学部のイメージは？<br>
<input type="radio" name="image" value="good">いいかんじ<br>
<input type="radio" name="image" value="bad">なんてことない<br>
<input type="radio" name="image" value="fair">普通<br>
2.立命館大学のいいと思う点は？<br>
<select name="goodpoint">
<option value="faculty">教授陣
<option value="atmosphere">雰囲気
<option value="other">その他
</select><br>
3.立命館大学の悪いと思う点は？<br>
<select name="badpoint">
<option value="lecture">講義内容
<option value="boring">面白みにかける
<option value="nothing">別にない
</select><br>
4.なにかご意見ご感想があればお願いします<br>
<textarea name="opinion" rows=5 cols=30></textarea><br>
<input type="submit" value="送る">
<input type="reset" value="取消"><br>
ご協力ありがとうございました！
</form>
３．その他
1.フレーム
2.動きを出す：e.g.Java Script、Gif アニメ
3.音声
4.著作権表示
5.更新日付入力（Front Page Expressだと機能がついている）
6.cgi（立命館大学のサーバではできない）→たとえば、アクセスカウンタ
４．公開する
1.公開方法
1)各自がプロバイダと契約して公開することは自由
立命館大学のサーバーで公開する場合には、以下の手順を踏むこと
2)公開の意思を固める
＊考慮しなければならない事項
1.自らのプライバシーを公開することになる点
2.必ず嫌がらせにあう。場合によっては性的被害もある得る点
3)私に内容のチェックを受ける
権利侵害、あるいはルール違反になっていないもののみ公開可能
＊他人の情報を勝手に公開してはならない
cf.サークル紹介のページなどでは、紹介されるメンバー全員の同
意が必要
4)ＦＴＰでファイルを転送する
2.ファイルの転送手順
1)ソフトはたとえば、WS_FTP LE
2)WS_FTP LEをたちあげる
「スタート」「プログラム」「WS_FTP LE」「WS_FTP LE」とクリック
3)Sessionのプロパティ画面で
Profile name：remote.law.ritsumei.ac.jp
User ID
：自分のＩＤ、
Password
：自分のUnixのパスワード
3)自分のホーム・ディレクトリが開く
院生全員分の領域が20MB、既に確保されている
＊ただしメールなども入ってるので、メールなどが大量に入ってい
る場合にはホームページ用の容量は少なくなる
ＩＤがホーム・ディレクトリ名になっている
＊私であれば、/homer/ja/tea/satokei
4)public_htmlディレクトリを作成する
mkdirをクリックして、public_htmlと入力する
5)Local systemに、htmlファイルの入ったドライブを指定する
たとえば、Ａドライブ
6)転送するファイルをクリックして選択する
siftキーを押しながらクリックして、複数選択して転送することもで
きる
7)右矢印をクリックする
8)転送したいファイル全てについて上の作業を行う
9)転送し終わったら、「Close」ボタンをクリックする
10)自らのサイトを見る
URLは、http://www.ritsumei.ac.jp/~ja0******/
3.サーチエンジンに登録する
1)ヤフー（ディレクトリ型）に登録する
1.ヤフーの登録方法
2.Yahoo JAPAN のホーム・ページを開き自らに関連するカテゴリーまでたどる
3.そこで、「サイトの推薦・変更依頼」をクリックする
4.タイトル、ふりがな、アドレス、内容紹介などを入力して登録
2)インフォシーク（ロボット型）に登録する
1.インフォシーク（orロボット型）の登録方法
2.Netscape Composer の「書式」、「ページの配色とプロパティ」をクリック
「ページのプロパティ」で「全般」を選択
「説明」にホーム・ページの内容の簡単な紹介を、
「キーワード」に検索キーになりそうな言葉を、
「分類」にジャンルを、それぞれ入力しておく。
これをもとにロボットが分類する
3.infoseek JAPAN のホーム・ページを開き、一番下にある「サイト登録」
クリック
4.アドレスを入力
3)一括登録
4)ロボットに登録されない方法
1.Netscape Composer の「ページのプロパティ」で「METAタグ」を選択
2.名前に robots、値に noindex,nofollow を入力して、「設定」