第 10 回 ことおぼえ レポート課題 氏名:照井さつき 学籍番号:c1101589 語学クラス:中国語3 コース(系):政策マネジメント ---------- 添付ファイル ---------- r2_cgi_best.html best.rb ========== 1.筆記問題 ========== require 'pstore(ここの名前は自由)' で PStore フォルダ内の ファイルを使うことを宣言する。 db =PStore.("xx.db") dbに入れられたものを書き込む。 これにより、閲覧者もwebページ上で書けるようになる。 ========== 2.プログラム問題 ========== アドレス: http://roy/~c110158/advertise2/rubycgi/r2_cgi_best.html css: best.css ---------- b.CGIの題名と意図 ---------- 「テンプレート作成」 講義中や課題でHPを作る事が多く、配色に悩むことが多いので、 見本として実際に組み合わせることが出来れば便利だと思い、作成した。 ---------- c.元にしたプログラム ---------- 前回の課題で作成した色変えプログラム、 color.html color.rb を 応用して作成した。 ---------- d.プログラム説明 ---------- 添付ファイル : r2_cgi_best.html CGI-最高傑作- ←自分のページ

■□■テンプレート作成□■□



# 入力した結果を best.rb に出力する

説明

ここでは背景、リンク色などを選んで簡単にhtmlのテンプレートを
作ることが出来ます。

ホームページ作りの参考用にどうぞ!


背景 -柄-

ドット ストライプ ボーダー クローバー 花柄

# input type="radio" ラジオボタン形式を指定 # name="xx" でラジオボタンを区別するため名前を付ける # value="yy" best.rbに出力 # checked で既定値を指定

柄の大きさ: 柄の色:

※クローバー、花柄は柄の大きさ、色を選べませんのでご了承下さい。


題名

# 題名を記入し、name とする。

題名の色:
色コード

# 記入された場合、 color21 とする。

※選択肢に無い色は、色コードを直接記入して下さい。


リンク

リンク色:
色コード

# 記入された場合、 color31 とする。

既読リンク色:
色コード

# 記入された場合、 color41 とする。

選択リンク色:
色コード

# 記入された場合、 color51 とする。

実行リンク色:
色コード

# 記入された場合、 color61 とする。

説明文

注意事項など、ご自由にどうぞ

# 記入された場合、gaide とする。

# 入力されたものをbest.rbに出力 # 入力されているものをリセットする


著作権 ©
c1101589 照井さつき (2011)
c110158@f.koeki-u.ac.jp


----- 添付ファイル: graph.rb #!/usr/bin/env ruby require 'cgi' # CGI を使用する宣言 cgi = CGI.new("html4") # HTML で CGI を使用する print("Content-type: text/html; charset=EUC-jp\n\n") # 言語コードを指定し、文字化けを防ぐ comp = cgi["comp"] back = cgi["back"] x = cgi["x"] color = cgi["color"] name = cgi["name"] color2 = cgi["color2"] color21 = cgi["color21"] color3 = cgi["color3"] color31 = cgi["color31"] color4 = cgi["color4"] color41 = cgi["color41"] color5 = cgi["color5"] color51 = cgi["color51"] color6 = cgi["color6"] color61 = cgi["color61"] gaide = cgi["gaide"] # r2_cgi_best.htmlから出力された内容を受け取る値 print("\n") print("\n") print(" 色変更\n") print("\n") print("\n") print("\n") print("\n") print("
\n") printf("

%s

\n",name) # name の内容を代入 print("
\n") print("
\n") print("
\n") print("

\n") print("
\n") print('
') print("
")
printf("%s",gaide) # gaide の内容を代入
print("

\n") print("

使用した背景画像は此方です→ ") # head の部分と同じように選択し、その画像を表示 if back == "dot" if x == "小" if color == "青" then print('青小ドット') elsif color == "ピンク" then print('桃小ドット') else color == "黄色" print('黄小ドット') end elsif x == "中" if color == "青" then print('青中ドット') elsif color == "ピンク" then print('桃中ドット') else color == "黄色" print('黄中ドット') end else x == "大" if color == "青" then print('青大ドット') elsif color == "ピンク" then print('桃大ドット') else color = "黄色" print('黄大ドット') end end elsif back == "stripe" if x == "小" if color == "青" then print('青小縦線') elsif color == "ピンク" then print('桃小縦線') else color == "黄色" print('黄小縦線') end elsif x == "中" if color == "青" then print('青中縦線') elsif color == "ピンク" then print('桃中縦線') else color == "黄色" print('黄中縦線') end else x == "大" if color == "青" then print('青大縦線') elsif color == "ピンク" then print('桃大縦線') else color == "黄色" print('黄大縦線') end end elsif back == "border" if x == "小" if color == "青" then print('青小横線') elsif color == "ピンク" then print('桃小横線') else color == "黄色" print('黄小横線') end elsif x == "中" if color == "青" then print('青中横線') elsif color == "ピンク" then print('桃中横線') else color == "黄色" print('黄中横線') end else x == "大" if color == "青" then print('青大横線') elsif color == "ピンク" then print('桃大横線') else color == "黄色" print('黄大横線') end end elsif back == "clover" print('クローバー') else back == "flower" print('花柄') end print("

\n") print("

以下は今回使用した部分です。コピぺでどうぞ

\n") print('\n") print("
\n") print("


\n") print("\n") print("\n") ---------- e.実行結果 ---------- 題名「テンプレート」色:なし 色コード:#432f2f リンク色:黄色 既読:ピンク 選択:黄色 実行中:ピンク 説明文「c1101589 照井さつき」 と、記入した場合 ----- 色変更

テンプレート



c1101589 照井さつき

使用した背景画像は此方です→ 桃大縦線

以下は今回使用した部分です。コピぺでどうぞ



---------- f.考察 --------- 同じリンク色選択でも、選択肢と色コード記入欄の名称を同じにした場合、 実行できなかった。 選択肢と色コードの名称を別々にした場合、実行できた。 ========== 3.感想 ========== if を重複させてプログラムを組んだ為か、エラー発生回数が多かった。 また if を多用したためプログラムが長く、見づらいものになってしまった。 もう少しスッキリしたプログラムを組めるようにしたい。 ========== 4.参考文献 ========== 基礎プログラミング II 第 10 回 「ことおぼえ」 http://roy/~madoka/2011/r2/10/ 西村 まどか 基礎プログラミング II 第 9 回 「ことえらび」 http://roy/~madoka/2011/r2/09/ 西村 まどか