メニュー型画像情報

 内容
 HP上で情報をメニュー形式で表示します。

 特徴
 ●内容の一覧を表示します。
 ●情報は個々の記事を組み合わせてページを構成します。
 ●記事に画像をアップロードできます。画像の配置、表示サイズを変更できます。
 ●内容の追加・削除が容易です。

 表示例
HOME情報
内容をクリックして下さい。
内  容掲載日
■立山・黒部  2003年 3月16日
■箱根  2003年 3月16日
■シンガポール  2003年 3月15日
[編集]



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

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

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

 使用方法
 ●表示
  ・内容の一覧を表示し、それをクリックすると記事を表示します。
  ・画像が指定のサイズより大きい場合は縮小して表示します。その場合は画像をクリックすると実サイズで表示します。

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

表示順分類名 掲載日削除
2003年 3月16日
2003年 3月16日
2003年 3月15日

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

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

題名

内容
画像  右   横px 縦px


 記事の並び替えは表示順を指定して「並び替え」を押して下さい。
 立山連峰
黒部平から立山ロープウェイで大観峰へ、そこから立山の真下を貫くトンネルバスに乗り標高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
壁紙、アイコン 画像を選択し「参照」をクリックして画像ファイルを入力します。
画像を使用しない場合は画像を選択し画像ファイルを空白にします。
基本背景色・・・ 各色をカラーコードで指定します。
画像表示 画像を表示する最大サイズを指定します。このサイズを越えると縮小表示されます。
表示サイズはその設定後の画像入力から有効になります。
パスワード変更 編集画面に入る為のパスワードを入力します。


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


CGI-design