このFAQは、サポート対象外の操作を含みます。動作結果も含め、お客様の責任でご利用ください。
※すでにホームページ・ビルダー サービスをご利用の場合は、以下のFAQを参照してください。
→ホームページ・ビルダーからホームページ・ビルダー サービスのフォームメールを呼び出す
ホームページ・ビルダーにはCGIプログラムを作成する機能はないため、ホームページ・ビルダーに付属しているサンプルCGIプログラムをフルCSSテンプレートのフォームに組み込む方法について解説しています。
サンプルCGIプログラムの使い方はホームページ・ビルダーをインストールしたフォルダー内 *1の「index.htm」にも書かれていますが、このFAQでは間違えやすいところを中心に説明していますので参考にしてください。
*1初期設定では次のフォルダー内です。
<C:\Program Files (x86)\JustSystems\HPB○○*2\CLASSIC\sample\cgi\anketo>
*2○○にはホームページ・ビルダーのバージョンが入ります。
▼注意
- ご利用のサーバーで、自作CGI（指定以外のCGIプログラム）の設置が認められていない場合には、設定しても動作させることはできません。
- 他に、sendmailの使用が必要です。
■操作
１ 事前準備
サーバーの説明書や情報を元に以下の項目を確認してください。
- Perlプログラムのパスはどこにすればよいか
ホームページ・ビルダーに付属しているサンプルCGIプログラムでは「/usr/local/bin/perl」になっています。
あとで説明する手順でサンプルCGIプログラムを編集し適切なパスに変更します。 - sendmailコマンドのパスはどこにすればよいか
ホームページ・ビルダーに付属しているサンプルCGIプログラムでは「/usr/lib/sendmail」になっています。
あとで説明する手順でサンプルCGIプログラムを編集し適切なパスに変更します。 - CGIプログラムを設置するサーバー上のフォルダー*1はどこにすればよいか
ホームページ・ビルダーに付属しているサンプルCGIプログラムの「anketo.cgi」、「jcode.pl」を設置する場所となります。
あとで説明する手順でサーバー上のフォルダーにファイルを転送します。*1契約プロバイダーもしくはサーバーによっては、CGIプログラムを置く場所（<cgi-bin>フォルダーなど）が指定されている場合があります。
２ サンプルCGIプログラムの編集
以下の手順はすでにサイトが作成されていることを前提としています。
- Windows エクスプローラーでサイトフォルダーの中に<手順１-3.>*2に従い、フォルダーを作成します。
*2この例ではCGIプログラムを設置するフォルダーを</>と仮定し説明を進めます。
- ホームページ・ビルダーをインストールしたフォルダー内*2の<\CLASSIC\sample\cgi\anketo>フォルダーを開き、（「anketo.cgi」と「jcode.pl」）*3を手順1.で作成したフォルダーにコピーします。
*2初期設定では次のフォルダー内です。
<C:\Program Files\JustSystems\HPB○○*4>*3「anketo.htm」とほかのgifファイルは今回は使用しません。
*4○○にはホームページビルダーのバージョンが入ります。
- コピーしたファイルを右クリックし、表示されるショートカットメニューで［プロパティ］を選択します。［読み取り専用］のチェックマーク
が付いていたら外し、［OK］をクリックします。*5
*5「anketo.cgi」、「jcode.pl」のそれぞれのファイルで行います。
- <anketo>フォルダーにコピーした「anketo.cgi」ファイルをメモ帳で開きます。
開く際には、ファイルの種類を［すべてのファイル］にします。 - Perlプログラムのパス「#!/usr/local/bin/perl」の部分とsendmailコマンドのパス「$mailprog='/usr/lib/sendmail';」の部分、mailtoのアドレス「$mailto='';」*6の部分の３か所を、プロバイダーまたはサーバー管理者の指示の手順１-1.、 手順１-2.のとおり変更します。
*6アンケートを受け取るためのメールアドレスを指定します。
- メモ帳の画面を下方向にスクロールし、アンケートの送信が完了した際に表示されるメッセージや背景色（bgcolor）*7の記述を変更します。
*7以下の青色の下線の部分を変更するか、あるいは変更せずそのままにしておいてもかまいません。
背景色（bgcolor）に設定する値は、ホーム・ページビルダーの［表示-カラー パレット］を選択し、カラーパレットの色の一覧の中から背景色にしたい色の上にマウスカーソルを移動して表示される色指定の文字列を設定します。
- 変更完了後、ファイルを上書き保存します。
３ フォームの編集
- hpbspを起動し、サイトを開き、フォームの入ったページを開きます。
この例では「お問い合わせ」ページを開いています。
- フォームをクリックし、
をクリックします。 - ［フォームの設定］をクリックします。
- ［アクション］に「anketo.cgi」*2 と入力し、［メソッド］は［Post］を選択します。
*2大文字小文字は区別されるため指定のとおり正確に入力してください。
- ［エンコードの種類］は空のまま、［文字コード］は［Shift_JIS］を選択し、［OK］をクリックします。
- ［パーツのプロパティ］を閉じ、保存します。
▼注意
転送先のサーバー上で「anketo.cgi」がフォームページの転送先と同じフォルダーでない場合、［アクション］には </cgi-bin/anketo.cgi>など、サーバー上のフォームページからみたサーバー上の「anketo.cgi」のパスを入力する必要があります。
◆補足
以下は「anketo.cgi」とフォームページの転送先フォルダーの違いによる［フォーム］の［アクション］の設定例です。
［フォーム］の［アクション］の設定
「anketo.cgi」を設置するサーバー上のフォルダー フォームのアクションの設定 フォームページと同じフォルダー anketo.cgi フォームページの転送先フォルダーの下の階層のフォルダー<anketo> /<anketo>/anketo.cgi フォームページの転送先フォルダーと同じ階層のフォルダー<anketo> ../<anketo>/anketo.cgi
４ サイト転送
作成したファイルをサーバーへ転送します。
- ［保存］をクリックし、［サイトの公開］をクリックします。
- ファイル転送とアクセス権（パーミッション）の変更を行うため、［ツール-ファイル転送ツールの起動］を選択します。
［ファイル転送］ツールが起動します。
- ［接続］をクリックします。
- 左側でパソコン内の「anketo.cgi」と「jcode.pl」が保存されたフォルダーを開き、右側で転送先となる</>フォルダー*1をダブルクリックして開きます。
- 左側から「anketo.cgi」と「jcode.pl」を選択し、
をクリックします。
「anketo.cgi」、「jcode.pl」がサーバーに転送されます。
- 「anketo.cgi」ファイルの上で右クリックして表示されるメニューで［アクセス権の変更］を選択します。
- すべてのユーザーに読み込み権と実行権を与えるので、［755］となるように設定します。
- 同様に、「jcode.pl」ファイルについては［644］となるように設定します。
- ［切断］をクリックし、ファイル転送を閉じます。
- 以上で設定は終わりです。
▼注意
フォーム（CGIプログラム）の動作はプレビュー画面などで確認することはできません。転送完了後、ブラウザーでフォームを挿入したホームページを表示し動作を確認します。