テンプレート式バナーリンク集

　内容
　テンプレートを使用してリンク集を表示します。

　　●テンプレートをHTMLで作成します。
　　●リンクを分類して登録できます。分類の増設、削除も容易です。
　　●各リンクにリンクバナーやコメントを表示します。
　表示例
　 実際に動作しているサンプルが こちら にありますのでご覧下さい。

　Sample Website
■ MENU
■ MENU
■ MENU

リンク集

ソフトウェア 旅行 検索サイト 新聞、テレビ

　ソフトウェア
CGI（Common Gateway Interface）はサーバが外部プログラムを実行する為のインタフェースです。これによって、ホームページの掲示板やアクセスカウンタなどが実現され、リアルタイムで動的な処理を行うことができます。CGI 用のプログラミング言語としてPerlが普及しています。本サイトではCGIプログラムとしてPerlスクリプトを提供します。
▲top
　旅行
カナダのカルガリーから車で２時間程の所にバンフの街があります。
ここはカナディアンロッキーの観光地として有名です。
バンフは大きなカスケード山がそびえていてロッキー山脈の街を印象付けられます。
ハワイは雨期ということで朝晩は涼しくて日中もシャワーのように雨が降る。
でも、オアフ島ワイキキビーチは人がいっぱい。
▲top
Copyright (C) All Rights Reserved.

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

　使用方法
　●テンプレートファイルの作成 （temp.html）
　　・テンプレートファイルはHTMLで、ＣＧＩの記事を表示する場所に下記のように !cgidata と記述します。
　　　この記述の部分に記事を自動的に表示します。
　　・サーバによってCGIとHTMLのディレクトリが分離している場合、画像やスタイルシートのアドレスは http://のURLで記述して下さい。
　　・HTMLの文字コードは「Shift_JIS」を使用して下さい。

　Sample Website
■ MENU
■ MENU
■ MENU

リンク集

!cgidata
Copyright (C) All Rights Reserved.

　●記事表示
　　・リンク分類をクリックするとそのリンク一覧を表示します。
　　・リンクは登録順に表示します。
　　・バナー又はタイトルをクリックするとリンク先のサイトを表示します。

　●記事編集
　　・管理画面は下記ＵＲＬです。パスワードは初期値が「cgi」です。
　　　　　http://xxxx/link14.cgi?mode=admin
　　・バナーは「参照」をクリックして画像ファイルを入力します。
　　　アップロード可能な画像ファイル形式はJPG、GIF、PNGです。
　　・記事を修正、削除する場合は該当記事で「修正」をクリックします。

分類
分類１ 分類２ 分類３
タイトル
ＵＲＬ
バナー

コメント

　●分類設定
　　・「分類新設」をクリックして、分類名を入力します。
　　・「表示順」は分類を表示する順番を指定します。
　　・分類を削除する場合は「削除」にチェックを入れます。分類を削除するとその分類に属する全ての記事が削除されます。
　　・分類の件数が多くなるとサーバに負荷が掛かりますので、最大30件程度でお使い願います。

表示順 分類 削除

　●基本設定
画像格納ディレクトリ
画像読出ディレクトリ
カラーコード
枠色
分類
記事背景色
タイトル
コメント
分類表示 列
記事表示幅 px
バナー表示 横maxpx　　縦maxpx
パスワード変更 （英数8文字以内）

画像格納ディレクトリ linkdataディレクトリを絶対パス又は本ＣＧＩからの相対パスで指定します。
サーバによってCGIとHTMLのディレクトリが分離している場合は、「設置手順5」で転送したHTML用ディレクトリのlinkdataのパスを指定します。http://のURLでは指定できません。
　（例）　./linkdata、　../xxxx/linkdata、　/xxxx/linkdata
画像読出ディレクトリ linkdataディレクトリをURL又は本ＣＧＩからの相対パスで指定します。
サーバによってCGIとHTMLのディレクトリが分離している場合は、「設置手順5」で転送したHTML用ディレクトリのlinkdataを http://のURLで指定します。
　（例）　./linkdata、　http://xxxx/linkdata
枠色・・・ 各色をカラーコードで指定します。
分類表示 リンク分類を表示する列数を指定します。
記事表示幅 記事の表示幅を指定します。
バナー表示 バナーを表示する最大サイズを指定します。このサイズを越えると縮小表示されます。
表示サイズはその設定後の画像入力から有効になります。
パスワード変更 管理画面に入る為のパスワードを入力します。


　改版履歴
リリース日 対象 版数 改版内容
2008.07.31 link14.cgi V1.0 初版


CGI-design