ヘルプのインデックスへ戻る

ホスティングサービスJPホストをご契約いただくと、無料にてウェブ君コントロールパネルをご利用いただけます。
ウェブ君はブラウザからサーバにアクセスし、サイト管理、CGI作成、ホームページ編集が簡単に行える総合ツールです。
ウェブ君をご利用いただきたいお客様は、今すぐホスティングサービスJPホストにお申込み下さい。



ここでは、ホスティングサービスJPホストカスタマーの皆様方のためにウェブ君コントロールパネルの各種設定について、解説しております。
ウェブ君の各種設定、操作方法にて不明な点がある場合、このヘルプをご参照下さい。
ヘルプをご確認いただいても分からない場合は、下記メールにてお問い合せ下さい。

・技術的なお問い合わせ: techsupport@jphost.com
・一般的なお問い合わせ: info@jphost.com


ウェブ君ヘルプ

フォームビルダー

●目次

フォームビルダーとは

フォームビルダーの機能
新規作成
名前変更
編集
削除
プレビュー
ファイルのURL
フォーム作成の際に必要不可欠なタグ
フォームの作成手順
1.メニュー
2.フォームHTMLの作成/編集
3.必須項目とデータタイプの設定
4.フォームCGIの作成
5.作成したフォームの確認



●フォームビルダーとは


アンケート、注文、問い合わせなど、ユーザーが入力した情報を電子メールとして受け取ることが出来るフォーム(フォームメール)CGIを作成することができます。
通常、既存のテンプレートを使用して作成しますが、ご自分で作成したオリジナルデザインのHTMLを使用して作成することも可能です。


ヘルプのインデックスへ戻る | このページのTOPに戻る↑


●フォームビルダーの機能



■新規作成
フォームを新しく作成します。
「フォーム名」(1)に作成するフォームの名前を入力した後、「新規作成」ボタン(2)をクリックします。
※名前は半角英数字です。ひらがななどの全角文字では作成することができません。

詳しくはフォームの作成手順を参考にしてください。

■名前変更
既存のフォーム名を変更します。
「既存フォームの選択」ドロップダウンリスト(3)から、名前を変更したいフォームを選択し、「名前変更」ボタン(4)をクリックします。
名前の入力ダイアログが表示されるので、名前を入力し、「OK」ボタンをクリックします。

■編集
既存のフォームを編集します。
「既存フォームの選択」ドロップダウンリスト(3)から、編集したいフォームを選択し、「編集」ボタン(5)をクリックします。
あとは、フォームの作成手順と同じ要領で設定していきます。
設定が完了したら、「CGI作成!」ボタンをクリックし、編集作業を完了して下さい。

■削除
既存のフォームを削除します。
「既存フォームの選択」ドロップダウンリスト(3)から、削除したいフォームを選択し、「削除」ボタン(6)をクリックします。

■プレビュー
既存のフォームを実際に表示し、確認することができます。
「既存フォームの選択」ドロップダウンリスト(3)から、プレビュー(表示確認)したいフォームを選択し、「プレビュー」ボタン (8)をクリックします。
フォームが別ウィンドウで開きます。

■ファイルのURL
選択した既存フォームのURLを表示します。(7)
リンクを貼る際などには、このURLを利用して下さい。

■フォーム作成の際に必要不可欠なタグ
フォームビルダーでフォームを作成する際に、かならず「<!--ERRORSTRING-->」タグを組み込まなくてはなりません。
この「<!--ERRORSTRING-->」タグは、フォーム送信の際のデータチェックで帰ってきたエラーをこの位置に表示します。

例えば、「名前」という項目に未入力チェックをつけたのにもかかわらず、空白で送信ボタンをクリックしたとします。
その際に、「<!--ERRORSTRING-->」タグの位置に「名前の項目が未入力です。必ず入力してください。」と表示されます。



ヘルプのインデックスへ戻る | このページのTOPに戻る↑


●フォームの作成手順

■1.メニュー

フォームビルダーを開くと、最初にこのメニュー画面が表示されます。



「フォーム名」(1)に作成するフォームの名前を入力し、「新規作成」ボタン(2)をクリックします。

※このフォームビルダーを使って作成されるCGIは、サーバーに保存されるとき1つのファイルになるわけではありません。     
HTMLファイルやその他の設定の組み合わせをフォームとよび、これに対して一つの名前をつけています。

ウェブ君メニューバークローズボタンはフォームビルダーを終了し、トップページへジャンプします。
画面下部のアイコンをクリックすると、フォームビルダーを終了して別のビルダー、または管理サイドの各画面を開きます。
(その際、作成、または編集した内容は破棄されますのでご注意ください。)
また、ブラウザの更新ボタンも、編集の内容を破棄してトップページへジャンプします。


■2.フォームHTMLの作成/編集

現在作成中のフォームの名前は、ウェブ君メニューバーに表示されています。
テンプレートを使用するか、ローカルのファイルを読み込んでフォームを作成します。
最初からウェブ君エディタやソースエディタを使ってHTMLを作成することもできますが、
通常は、テンプレートファイルかローカルファイルを読み込んだ後に、HTMLエディター(ウェブ君エディタ)、ソースエディタで編集します。



「1.ファイルを選ぶ」の中の左側にあるステータス表示(1)は、HTMLファイルの状態を表します。

テンプレートを使用してフォームを作成する場合は、「テンプレート」ボタン(2)をクリックしテンプレートを選択します。


※フォームテンプレート

気に入ったテンプレート(A)を選び、「プレビュー」(B)で確認した後、「選択する」ボタン(C)をクリックしてください。


ローカルのファイルを使用してフォームを作成する場合は、HTMLファイルのURLを直接入力(3)し、「読み込み」ボタン(5)をクリックするか、「参照...」ボタン(4)をクリックしてファイルを選択後、「読み込み」ボタン(5)をクリックします。


次に選択したテンプレート、またはローカルから読み込んだHTMLファイルを編集します。

HTMLエディター(ウェブ君エディタ)を使用して実際の画面で編集する方法と、ソースエディタでソースコードを直接編集する方法があります。
HTMLエディター(ウェブ君エディタ)を使用する場合は、「ウェブ君エディタ」ボタン(6)をクリック、ソースエディタを使用する場合は、「ソースエディタ」ボタン(7)をクリックします。

設定が完了したら「次へ >>」ボタン(8)をクリックして、次のステップへ移ります。



■3.必須項目とデータタイプの設定
未入力チェックで必須項目を設定したり、E-mailチェックなどでデータタイプのチェックを行います。



「設定」ボタン(1)をクリックすると、選択設定ウィンドウが表示されます。


※選択設定ウィンドウ

設定したい項目(A)を選び、「OK」ボタン(D)をクリックしてください。

「整数チェック」、「ひらがなチェック」、「文字幅チェック」などは、min(最小値)(B)とmax(最大値)(C)を設定することにより、値の入力範囲を制限できます。
「キャンセル」ボタン(E)をクリックすると、設定を変更せずウィンドウを閉じます。


設定が完了したら「次へ >>」ボタン(3)をクリックして、次のステップへ移ります。
設定を変更したい場合は、「<< 戻る」ボタン(2)をクリックし、設定をやり直してください。

■4.フォームCGIの作成
フォームの転送先の設定、転送されるメールの件名、CSV保存、同報メール、送信済みページの設定を行います。



フォーム送信先(1) フォームのデータが送信されるメールアドレスを指定します。
件名(2) 送信されるメールのタイトル(全角文字も可能)を入力します。
CSV保存(3) 送信内容をCSV形式でデータ書き出しをする場合にチェックします。
ここにチェックすると、「/webkun/csv/」に「フォーム名.csv」というファイルが作成されます。
フォームを送信するたびに、CSVファイルに1レコード(1行)追加されます。
同報メール(4) 他のメールアドレスへ同じメールを送信することができます。
前のステップの詳細設定が「E-mailチェック」になっている項目がここの選択肢になります。
選択すると、「E-mailチェック」の項目に入力された、E-mailアドレス宛に同報としてフォームデータを送信するということになります。

「フォーム送信先」(1)、「件名」(2)、「CSV保存」(3)、「同報メール」(4)の設定ができたら、送信済みページ(フォームを送信した後に表示されるページ)を作成します。
これもまた、「フォームHTMLの作成/編集」と同じように、最初からウェブ君エディタやソースエディタを使ってHTMLを作成することもできますが、
通常は、テンプレートファイルかローカルファイルを読み込んだ後に、ウェブ君エディタ、ソースエディタで編集します。

「1.ファイルを選ぶ」の中の左側にあるステータス表示(5)は、HTMLファイルの状態を表します。

テンプレートを使用して送信済みページを作成する場合は、「テンプレート」ボタン(6)をクリックしテンプレートを選択します。


※送信済みページのテンプレート

気に入ったテンプレート(A)を選び、「プレビュー」(B)で確認、「選択する」ボタン(C)をクリックしてください。


ローカルのファイルを使用して送信済みページを作成する場合は、HTMLファイルのURLを直接入力(7)するか、「参照...」ボタン(8)をクリックしてファイルを選択後、「読み込み」ボタン(9)をクリックします。


次に選択したテンプレートまたはローカルから読み込んだHTMLファイルを編集します。

HTMLエディター(ウェブ君エディタ)を使用して実際の画面で編集する方法と、ソースエディタでソースコードを直接編集する方法があります。
HTMLエディター(ウェブ君エディタ)を使用する場合は、「ウェブ君エディタ」ボタン(10)をクリック、ソースエディタを使用する場合は、「ソースエディタ」ボタン(11)をクリックします。

すべて設定が完了したら、「CGI作成!」ボタン(13)をクリックします。
設定を変更したい場合は、「<< 戻る」ボタン(12)をクリックし、設定をやり直してください。

■5.作成したフォームの確認
これでフォームが完成しました。
「さあ、今すぐチェックを!」(2)をクリックするか、「ファイルの場所」(1)のURLをブラウザに入力し、作成したフォームのテストを行ってください。



テストをして正常に動作していたら、「終了する」ボタン(4)をクリックし、フォームビルダーを終了してください。
もう一度やり直したい場合は、「<< 前へ」ボタン(3)をクリックしてください。

※ページにフォームへのリンクを貼る場合は、「ファイルの場所」(1)のURLを使用してください。


ヘルプのインデックスへ戻る | このページのTOPに戻る↑



JPホストなら「ウェブ君」が無料(フリー)で利用できる!

お問合せは・・・

    info@jphost.com


Copyright(C)2002 GNA, Inc. All Rights Reserved