フレーム型画像情報2

 内容
 HP上で情報をテーマ別に分類しフレーム形式で表示します。

 特徴
 ●情報をテーマ別に分類しフレーム形式で表示できます。
 ●個々の記事を組み合わせてページを構成します。
 ●記事に画像をアップロードして貼付できます。
 ●画像の表示は指定の大きさに縮小して表示します。クリックすると実サイズで表示します。
 ●分類の追加・削除が容易です。
 ●壁紙、アイコン、文字色、背景色の変更ができます。

 表示例

HOME

■立山・黒部(03.2.25)
■箱根(03.2.25)

[編集]
立山・黒部
 立山連峰
黒部平から立山ロープウェイで大観峰へ、そこから立山の真下を貫くトンネルバスに乗り標高2450mの室堂に着く。黒部から立山の日本海側に出る。
ここは景色が一変して6月初旬なのに雪がまだまだ沢山残っている。山スキーに行く人達がいる。
室堂のバスターミナルから雪の上を10分程歩くとみくりが池がある。立山と見事に調和している。更に5分程歩くとみくりが池温泉があり、ここは標高2400mで日本一高所の温泉である
室堂から高原バスに乗ると間もなく「雪の大谷」を通る。ここは道路の除雪で両側が数mの雪の壁になっている。雪が多い時は20mにもなるらしい。
暫くすると弥陀ヶ原に着く。標高1980mの広々とした草原で素晴らしい景観です。
 黒部ダム
信濃大町から路線バスに乗り、扇沢で日本唯一のトロリーバスに乗り換えて赤沢岳直下の関電トンネルを通ると黒部ダムに着く。
ダム堤の高さ186mで日本第1位。長さ492mの堤を歩いて渡る。
全線地下式のケーブルカーで黒部湖から黒部平に着く。
標高差373mを5分で登ってしまう。

実際に動作しているサンプルが こちら にありますので見て下さい。


 設置手順
No 項 目 内  容
1 ファイルダウンロード 購入により下記の圧縮ファイルをダウンロードします。
  inf2.zip  購入申込
2 ファイルの解凍 圧縮ファイルを解凍すると下記のファイルが生成されます。解凍ツールは「+Lhaca」が推奨です。
  <ディレクトリ構成>
     |---infdata (ディレクトリ)
     |---inf2.cgi
     |---cgi-lib.pl
3 プログラムの変更 inf2.cgi は最初の行に下記のようにPerlパスが記述してあります。
この記述がサーバ側で定められた指定と異なる場合は修正して下さい。(参考
  /usr/bin/perl
4 HPページの記述 HPページで本CGIへ下記のリンクを張ります。
  http://xxxx/inf2.cgi
5 ファイル転送 上記のファイル及びHPページをサーバへ転送します。
サーバによってCGIとHTMLのディレクトリが分離している場合は、infdataディレクトリをCGIとHTMLの両方のディレクトリに転送します。
6 パーミッションの設定 アクセス権 (パーミッション)を下表のように設定します。
但し、サーバによってパーミッションが指定されている場合は、それに従って下さい。
ファイル名 アクセス権 備 考
inf2.cgi 755  
cgi-lib.pl 644  
infdataディレクトリ 777  
cat.txt、cno.txt、
no.txt、option.txt
666 本CGIを実行すると自動設定されますが、設定されない場合は手動で設定して下さい。
ファイルはinfdataディレクトリの中にあります。
7 実行 上記のHPページでリンクをクリックすると本CGIを表示します。

 使用方法
 ●表示
  ・左フレームにテーマ別の分類名が表示され、それをクリックすると右フレームに記事が表示されます。
  ・分類名に更新日が表示されます。
  ・画像が指定のサイズより大きい場合は縮小して表示されます。その場合は画像をクリックすると実サイズで表示されます。

 ●分類設定
  ・左フレームにある[編集]をクリックすると編集画面が表示されます。パスワードは初期値が「cgi」です。
  ・最初に下記にて分類名を入力します。
  ・分類の表示順を変更できます。
  ・「削除」をチェックするとその分類に含まれる全ての記事が削除されます。

表示順分類 更新日削除
03.2.24
03.2.24
03.2.24

 ●編集
  ・分類名が表示され、それをクリックして編集する分類を選択します。
  ・「画像」は「参照」をクリックして画像ファイルを入力し画像をアップします。
   アップロード可能な画像ファイル形式はJPG、GIF、PNGです。画像の最大ファイル容量は200KBです。
  ・画像の配置は「左寄せ」、「右寄せ」で指定できます。
  ・1個の記事は「題名」、「内容」、「画像」を必要に応じて記載し、複数の記事を組み合わせてページを構成します。
  ・各記事の順番を指定して「並び替え」をクリックすると各記事の表示順を変更できます。
  ・記事を修正、削除する場合は該当記事で[修正]をクリックします。


立山・黒部 箱根 シンガポール

***** 新規登録 *****
題名

内容
画像    左寄せ 右寄せ





[修正]
 立山連峰
黒部平から立山ロープウェイで大観峰へ、そこから立山の真下を貫くトンネルバスに乗り標高2450mの室堂に着く。黒部から立山の日本海側に出る。
ここは景色が一変して6月初旬なのに雪がまだまだ沢山残っている。山スキーに行く人達がいる。
[修正]
室堂のバスターミナルから雪の上を10分程歩くとみくりが池がある。立山と見事に調和している。更に5分程歩くとみくりが池温泉があり、ここは標高2400mで日本一高所の温泉である
室堂から高原バスに乗ると間もなく「雪の大谷」を通る。ここは道路の除雪で両側が数mの雪の壁になっている。雪が多い時は20mにもなるらしい。
暫くすると弥陀ヶ原に着く。標高1980mの広々とした草原で素晴らしい景観です。
[修正]
 黒部ダム
信濃大町から路線バスに乗り、扇沢で日本唯一のトロリーバスに乗り換えて赤沢岳直下の関電トンネルを通ると黒部ダムに着く。
ダム堤の高さ186mで日本第1位。長さ492mの堤を歩いて渡る。
全線地下式のケーブルカーで黒部湖から黒部平に着く。
標高差373mを5分で登ってしまう。

 ●基本設定
タイトル
ホームURL
画像格納ディレクトリ
画像読出ディレクトリ

壁紙、アイコン
壁紙(無)   ホーム(無)   
カラーコード
基本背景色
基本文字色
分類色
題名色
題名背景色
画像表示サイズ横maxpx  縦maxpx
左フレーム幅%
パスワード変更 (英数8文字以内)

タイトル ページタイトルを入力します。
ホームURL 画面の左上に表示するホームへの戻り先を指定します。
画像格納ディレクトリ infdataディレクトリを絶対パス又は本CGIからの相対パスで指定します。
サーバによってCGIとHTMLのディレクトリが分離している場合は、「設置手順5」で転送したHTML用ディレクトリのinfdataのパスを指定します。http://のURLでは指定できません。
 (例) ./infdata、 ../xxxx/infdata、 /xxxx/infdata
画像読出ディレクトリ infdataディレクトリをURL又は本CGIからの相対パスで指定します。
サーバによってCGIとHTMLのディレクトリが分離している場合は、「設置手順5」で転送したHTML用ディレクトリのinfdataを http://のURLで指定します。
 (例) ./infdata、 http://xxxx/infdata
壁紙、アイコン 壁紙、アイコンの画像を変更します。変更したい画像にチェックを入れ、「参照」をクリックして画像ファイルを入力します。
基本背景色・・・ 各色をカラーコードで指定します。
画像表示サイズ 画像の最大表示サイズを指定します。この横又は縦のサイズを越えると縮小表示されます。
この設定後の画像入力から有効になります。
左フレーム幅 表示画面左側のフレームの幅を割合で指定します。
パスワード変更 編集画面に入る為のパスワードを入力します。英数字で8文字以内です。


 改版履歴
リリース日 対象 版数 改版内容
 2003.2.24 inf2.cgi V1.0 初版
 2004.10.26 inf2.cgi V2.0 全面変更。旧版とのデータ互換性はありません。


CGI-design