プロが教える店舗&オフィスのセキュリティ対策術

管理画面等のページより他のHTMLページの背景色などをボタン一つで変更できるようなCGIプログラムってありますか?フリーCGIで流用できるのがあれば教えていただけなでしょうか?よろしくお願い致します。
※全て同じサーバー・ドメイン下にての動作前提です。

A 回答 (1件)

需要がなさそうなのでないでしょうが、物自体は簡単にできますよ。


・・実際はテキストエディタ使うほうが楽・・・
a) HTML自体のプレゼンテーションは外部スタイルシートで行う
b) 外部スタイルシートはデフォルト、配置、カラーコーディネイトと分けておく
例:私が使っている方法
<link rel="stylesheet" type="text/css" href="./Css/general.css" />
<link rel="stylesheet" type="text/css" media="screen" title="標準" href="./Css/screenShape.css" />
<link rel="stylesheet" type="text/css" media="screen" title="標準" href="./Css/colorScheme.css" />
<link rel="ALTERNATE stylesheet" type="text/css" media="screen" title="大きな文字" href="./Css/BIG_Shape.css" />
<link rel="ALTERNATE stylesheet" type="text/css" media="screen" title="大きな文字" href="./Css/colorScheme.css" />
<link rel="ALTERNATE stylesheet" type="text/css" media="screen" title="反転" href="./Css/REVERS_Shape.css" />
<link rel="ALTERNATE stylesheet" type="text/css" media="screen" title="反転" href="./Css/REVERS_Color_Scheme.css" />
<link rel="styleSheet" type="text/css" media="handheld,tty" href="./Css/handheld.css" />
<link rel="styleSheet" type="text/css" media="print" href="./Css/print.css" />
とデモしておいて・・・それぞれのスタイルシートに何が書かれているかは、スタイルシートのファイル名から推測してください。

 あとは、手作業ないし、CGIを使って入れ替えればすみます。CGIにしても本体部分は1行ですむ。

 今のサイトは、HTMLでは基本的なマークアップをして、スタイルシートで一行書き換えれば、すべてに反映されるので、そのようなCGIは不要なのです。
例:
 body{ background-color:red;}→body{background-color:yellow;}で、すべてのページの背景は赤から黄色に変わる。

 また、これを訪問者に選択させることも可能です。【私の例もそうなっている】

参考サイトは私のサイトではないですが、例としてはすばらしいので・・
【参考サイト】
サンプル スタイルシートを切り替える
  http://www.usamimi.info/~geko/arch_web/02_sample …
で、
IE8の場合は、[ページ]→[スタイル]で任意のものに変更
firefoxの場合は、[表示]→[スタイルシート]

★一箇所の変更ですべてのデザインを変更できるようにするためにも、プレゼンテーションはスタイルシートを使いましょう。

【参考サイト】
14 スタイルシート
  http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 …
 
    • good
    • 0
この回答へのお礼

ありがとうございます、とても参考になりました。

お礼日時:2010/02/12 12:06

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!