改訂履歴版数制定年月日内容第1.0版平成30年11月第1.0版を初版として発行 2

Size: px

Start display at page:

Download "改訂履歴版数制定年月日内容第1.0版平成30年11月第1.0版を初版として発行 2"

さやなとみもと
5 years ago
Views:

1 第 1.0 版株式会社 NTT ぷららぷらら法人会員サービス担当東京都豊島区東池袋サンシャイン60 24F TEL: ( 固定電話携帯電話通話料無料 ) ( ひかり電話通話料無料 ) (PHS 公衆電話等通話料金お客さま負担 ) FAX: 受付時間 :10 時 ~18 時月曜 ~ 金曜 ( 祝日年末年始を除く ) < >

2 改訂履歴版数制定年月日内容第1.0版平成30年11月第1.0版を初版として発行 2

3 目次 1. 共通事項 1-1. 本ガイドの説明 1-2. サービス仕様 FTP接続によるアップロード手順 2-1. FTP基本手順共通 FTP設定手順 Windows FTP設定手順 Mac 定型CGI 3-1. アクセスカウンタCGI メール送信CGI アクセス制限CGI 23 3

4 1. 共通事項 1-1. 本ガイドの説明本ガイドでは NTTぷららが法人のお客さま向けに提供するウェブサーバのレンタルサービスビジネスホームページをご利用いただくための方法をご案内いたしますホームページファイルのアップロードには NTTぷららから発行されるぷらら法人会員ご登録内容記載の FTP用ログインID FTP用パスワードサーバー名の情報が必要になりますのであらかじめご用意ください 4

5 1. 共通事項 1-2. サービス仕様サービス概要ウェブサーバーのレンタルサービス本サービスにてあらかじめご用意している定型CGI 3種類を無料でご利用いただくことができますお客さまが作成したオリジナルのCGIや他社のCGIはご利用できませんディスク容量 5MB 100MBより選択ドメイン独自ドメイン利用独自ドメイン名 / サーバ名は www で固定となります別途独自ドメイン登録管理サービスの申込が必要ですぷららドメイン利用 * はぷらら法人会員ご登録内容記載のサーバー名の数字になりますサーバ名を www にすることはできません定型CGI アクセスカウンタ CGI 作成したホームページに何回アクセスがあったかを表示しますホームディレクトリだけでなく任意に作成されたディレクトリにも設置可能ですメール送信CGI アンケートページなどホームページ閲覧者が入力した内容を指定メールアドレスへ送信しますアクセス制限CGI ユーザ名とパスワードを設定しホームページにアクセス規制をかけることができます 1ページに複数のユーザ名とパスワードを設定することが可能ですビジネスホームページにおける各定型CGIの利用にあたり下記事項に同意いただいたうえでご利用ください定型CGIをご利用いただく上で株式会社NTTぷららがその確実性を保証するものではないことを同意します定型CGIをご利用いただく上で累積アクセス回数などの共有ファイルに保存される情報についてはいかなる請求権も保有しないことに同意します CGIをご利用いただく上でお客さまと第三者との間で発生したいかなる損害についても株式会社NTTぷららを免責せしめることに同意します 5

6 2. FTP接続によるアップロード手順 2-1. FTP基本手順共通お客さまにて作成いただいたホームページファイルをビジネスホームページへFTP接続によるアップロードを実施するために汎用的なFTPソフトを利用します FTPソフトを利用する場合に必要な手順 1 インターネット接続可能なパソコンで FTPソフトを起動 2 アップロードするサーバの情報を設定しサーバへ接続 3 サーバへホームページファイルをアップロード汎用的なFTPソフトに共通する基本設定項目 NTTぷららから発行されるぷらら法人会員ご登録内容記載の FTP用ログインID FTP用パスワードサーバー名をご確認ください独自ドメイン利用の場合 www. お客さまドメイン名例 FTPサーバ名 FTPソフトによりホストアドレスサーバ名サーバアドレスなど項目名表記に違いがあります独自ドメインをご利用の場合はお客さまのURLがFTPサーバ名になりますぷららドメイン利用の場合 business*.plala.or.jp 例 business4.plala.or.jp * はぷらら法人会員ご登録内容記載のサーバー名の数字になりますアカウント FTPソフトによりログインID ユーザ名ユーザID など項目名表記に違いがありますパスワード初期ディレクトリパスぷらら法人会員ご登録内容記載の FTP用ログインID ぷらら法人会員ご登録内容記載の FTP用パスワード空欄設定する必要はありません 6

7 2. FTP接続によるアップロード手順 2-1. FTP基本手順共通お客さまにご利用いただくディレクトリご契約いただきましたのちお客さま専用のディレクトリをご用意いたしますこのディレクトリにお客様にてファイルを置いたり新たなディレクトリを作成いただいたりすることができますお客さま専用のディレクトリ index.html サンプルページ index 初期状態ではサンプルとして index.html が作成されていますお客さまにて自由に書き換えくださいトップページのhtmlファイル名は下記のどちらかに設定ください index.htm index.html アップロードするファイル名は下記の文字をご利用ください半角英数字 _ アンダーバーハイフン. ドットご注意! 半角全角の日本語やスペースおよび全角の英数字はご利用いただけません 7

本手順については参考情報としてご利用ください 1. インターネット接続可能なパソコンで FFFTP を起動 2.

8 2. FTP接続によるアップロード手順 2-2. FTP設定手順 Windows 汎用的なFTPソフト FFFTP ver3.5 を例に設定方法を説明します汎用的なFTPソフトはバージョンにより設定個所など変更になる場合がありますのでご注意ください本手順については参考情報としてご利用ください 1. インターネット接続可能なパソコンで FFFTP を起動 2. ホスト一覧画面が開く新規ホストボタンを押下 3. ホストの設定画面が開くホストの設定名ホスト名(アドレス) ユーザ名(U) パスワード/パスフレーズ(P) を入力し OK ボタン押下 8

9 2. FTP接続によるアップロード手順 2-2. FTP設定手順 Windows 4. 作成したホストを選択し接続ボタン押下ビジネスホームページサーバへ接続を開始します接続が確立されるとサーバ上のディレクトリの構成が表示されます 9

10 2. FTP接続によるアップロード手順 2-2. FTP設定手順 Windows 6. お客さまのパソコン上のホームぺージファイルをサーバ側のフォルダへドラッグ&ドロップし FTP接続によるアップロードを実施サーバ上のホームページファイルを削除したい場合はサーバ側の削除対象ファイルを選択し画面上部の削除ボタン押下 10

本手順については参考情報としてご利用ください 1. インターネット接続可能なパソコンで Fetch を起動 2.

11 2. FTP接続によるアップロード手順 2-3. FTP設定手順 Mac 汎用的なFTPソフト Fetch ver5.7.7 を例に設定方法を説明します汎用的なFTPソフトはバージョンにより設定個所など変更になる場合がありますのでご注意ください本手順については参考情報としてご利用ください 1. インターネット接続可能なパソコンで Fetch を起動 2. 接続画面が開くハートマークを押下しショートカットを作成... を押下 3. ショートカットの作成画面が開く新しいショートカット指定: に任意のショートカット名を入力し OK ボタン押下 11

12 2. FTP接続によるアップロード手順 2-3. FTP設定手順 Mac 4. サーバとの接続設定画面が開くホスト名ユーザー名パスワードを入力し接続ボタン押下接続が確立されると下記画面が表示されます 12

13 2. FTP接続によるアップロード手順 2-3. FTP設定手順 Mac 5. お客さまのパソコン上のホームぺージファイルをサーバ側のフォルダへドラッグ&ドロップし FTP接続によるアップロードを実施 PlalaTest 次回以降 Fetch を起動後接続画面よりハートマーク押下すると作成したホストのショートカットが表示されますので選択し接続します 13

14 3. 定型CGI 3-1. アクセスカウンタCGI 仕様ホームページの閲覧された回数をカウントしますアクセスカウンタが組み込まれたページが読み込まれるたびにカウントアップしますカウンターのデザインは100種類以上をご用意しており各種のデザインから選択できます好きな数字からカウントを開始することはできません 0 からとなりますアクセス元のリファラ情報の参照がない場合正常に動作しませんカウンターを設置したいページのHTMLファイル内ソース記述例 ***************************************** <html><head> <tiitle>テスト用ホームページ</title> </head> <body bgcolor= FFFFFF> <! ---アクセスカウンターCGIの配置以下は例です実際のCGIでの記述とは異なりますのでご注意ください --- > <img src= /cgi-bin/count.cgi?df=test_index dd=dogpaw ft=2> <font size=+1 color= #CC0000 > 〇X株式会社のホームページへようこそ </font> <br> </body></html> ***************************************** メール送信CGI表示例上記ソースの場合) 14

15 3. 定型CGI 3-1. アクセスカウンタCGI オプション以下の項目についてソースへ指定することができますオプション指定内容 df キー項目アクセス数を管理するためのID dd カウンター種別 ft 枠の太さデフォルト値お客さまにて必ず設定が必要な項目 6 frgb 枠の色 md 桁数 5析 10析まで 6 pad 数値の表示の仕方 YまたはNで指定 Y sh カウンタの表示の有無 YまたはNで指定 Y incr カウンタの増加の有無 YまたはNで指定 Y 文字の回転の有無 YまたはNで指定 N rotate degrees 文字の回転の角度のいずれかを指定 648bd8 この色 270 それぞれの設定はパイプでつないで指定くださいソース記述例 ***************************************** <img src="/cgi-bin/count.cgi?df=test_index dd =smplst ft=5 frgb =00ff> ***************************************** 15

16 3. 定型CGI 3-1. アクセスカウンタCGI df = キー項目アクセス数を管理するためのID 他ユーザと重複しないキー項目を設定しますアカウントネームとファイル名を組み合わせたものを設定例) の場合 df=test_index 初回作成時にカウンター数が0ではない数字の場合他のお客さまと重複しているため別のキーを設定くださいお客さま毎に複数個のカウンターを設置することができます半角英数字のみ使用できます大文字小文字は区別されます dd = カウンター種別カウンター種別一覧 100種類の中から選択します設定しない場合はデフォルトのカウンター種別となります代表的なカウンター種別カウンター種別 ImageType 記述例デフォルト <img src="/cgi-bin/count.cgi?df=test_index ft=0"> dd=smplst <img src="/cgi-bin/count.cgi?df=test_index dd=smplst ft=0"> dd=mgreen <img src="/cgi-bin/count.cgi?df=test_index dd=mgreen ft=0"> dd=grnyelo <img src="/cgi-bin/count.cgi?df=test_index dd=grnyelo ft=0"> dd=tiny <img src="/cgi-bin/count.cgi?df=test_index dd=tiny ft=6"> dd=tinyred <img src="/cgi-bin/count.cgi?df=test_index dd=tinyred ft=6"> 上記以外のカウンター種別は下記URL掲載の一覧よりご確認ください一覧内の ImageType を dd= に設定することでカウンターを指定できますカウンター種別1 25種類カウンター種別2 25種類カウンター種別3 25種類カウンター種別4 25種類 16

17 3. 定型CGI 3-1. アクセスカウンタCGI ft = カウンター枠の太さ 5以上で3Dのような効果になります設定しない場合は 6になります frgb = カウンター枠の色枠の太さを0にしている場合は設定不要です色の設定値は 16進数 10進数いずれかで指定できます設定しない場合は青っぽい色になります 16進数の場合の設定値例赤緑青 ff ff ff 黄シアンマゼンタ ffff00 00ffff ff00ff 白黒 ffffff 進数の場合の設定値例赤緑青 255;0;0 0;255;0 0;0;255 黄シアンマゼンタ 255;255;0 0;255; ;0; ;255;255 0;0;0 白黒 md = カウンター桁数 5から10桁の間で設定することができます設定しない場合は 6桁となります 17

18 3. 定型CGI 3-1. アクセスカウンタCGI pad = カウンター桁数の表示析数の表示を固定にするかフレキシブルにするかを設定することができます設定しない場合は固定表示となります例 7桁を表示するカウンタで現在の数値が2456の場合 pad=y 設定時 pad=n 設定時 sh = カウンター表示 sh=n を設定するとカウンターを表示されないようにすることができますホームページ上に表示されませんがカウントは継続して実施されます設定しない場合はカウンターが表示されます incr = カウントのストップ incr=n を設定するとカウンター数を増加しないようにすることができます設定しない場合はカウンター数が増加します rotate = カウンター表示の回転 rotate=y を設定するとカウンターの表示を回転させることができます degrees= と組み合わせての設定が必要です設定しない場合はカウンターの表示は回転しません degrees = カウンター回転の角度 degrees=90,180,270 のいずれかを設定すると設定した角度に傾きます rotate=y と組み合わせての設定が必要です例 180度回転させたい場合の設定例 rotate=y degrees=180 18

19 3.定型CGI 3-2. メール送信CGI 仕様ホームページへ入力された内容を指定のメールアドレスに送信することができます入力項目には HTMLで定義されたすべてのFORM機能を使用することができます入力項目は上限100個まで増やすことができますアクセス元のリファラ情報の参照は必要としませんカウンターを設置したいページのHTMLファイル内ソース記述例 ***************************************** <HTML><HEAD> <TITLE> メール送信</TITLE> </HEAD> <BODY bgcolor="#ffcccc"> <! メール送信の配置以下は例です実際のCGIでの記述とは異なりますのでご注意ください > <FORM METHOD="POST" ACTION=" <! メールを受信するアドレス > <! メールのタイトル > <INPUT TYPE="hidden" NAME="subject" VALUE="ホームページ感想"> <! フォームの入力項目 > <FONT SIZE= +1 COLOR= #CC0000 >〇株式会社のホームページへようこそ </FONT> <P> ホームページの感想をお答えください</P> <P> 名前<BR> <INPUT TYPE= text NAME= name SIZE= 30 > <P>メールアドレス必須 <BR> <INPUT TYPE= text NAME= from SIZE= 30 > <P>ご意見<BR> <TEXTAREA NAME= comment COLS= 32 ROWS= 4 ></TEXTAREA> <BR>  <INPUT TYPE= submit VALUE= 送信 > <INPUT TYPE= reset VALUE= クリア > </FORM> </BODY> </HTML> ***************************************** 19

3. 定型CGI 3-2. メール送信CGI メール送信CGI表示例前ページのソースの場合) 送信メール内容例上記のフォームから入力された際に届くメールの内容です ***************************************** From: *****@*****.or.jp フォーム上に入力されたメールアドレス Date: To: mail@test.

20 3. 定型CGI 3-2. メール送信CGI メール送信CGI表示例前ページのソースの場合) 送信メール内容例上記のフォームから入力された際に届くメールの内容です ***************************************** From: フォーム上に入力されたメールアドレス Date: To: CGI記述上に設定したメールを受信するアドレス Subject:ホームページ感想 CGI記述上に設定したメールのタイトル NAME=ぷらら太郎フォーム上に入力された名前 comment=こんにちはホームページ楽しく見せていただきましたフォーム上に入力されたご意見 ***************************************** 20

21 3. 定型CGI 3-2. メール送信CGI HTML構文の解説項目ごとに構文の解説を行います必須項目は必ず設定ください設定しない場合エラーになりますメール送信CGIの配置必須 <FORM METHOD= POST ACTION= > * 部分はぷらら法人会員ご登録内容記載のサーバー名の数字になりますメールを受信するメールアドレス必須 <INPUT TYPE= hidden NAME= to VALUE= mail@test.plala.or.jp > VALUE= に送信先メールアドレスを設定ください半角英数字で設定くださいメールのタイトル必須 <INPUT TYPE= hidden NAME= subject VALUE= ホームページ感想 > VALUE= に送信するメールの件名を設定ください TYPE= text にするとユーザにフォームから入力してもらうようにすることもできますフォームの入力項目例必須 <P> 名前<BR> <INPUT TYPE= text NAME= name SIZE= 30 > <P>メールアドレス必須 <BR> <INPUT TYPE= text NAME= from SIZE= 30 > <P>ご意見<BR> <TEXTAREA NAME= comment COLS= 32 ROWS= 4 ></TEXTAREA> メールアドレス入力フォームの設定で NAME= from とすると入力されたメールアドレスが受信するメールのfromアドレスになります 21

22 3. 定型CGI 3-2. メール送信CGI HTML構文の解説項目ごとに構文の解説を行います必須項目は必ず設定ください設定しない場合エラーになります送信ボタン必須 <INPUT TYPE= submit VALUE= 送信 > クリアボタン <INPUT TYPE= reset VALUE= クリア > 22

23 3. 定型CGI 3-3. アクセス制限CGI 仕様ディレクトリを指定してパスワード認証によるアクセス制限をかけることができますアクセス制限かけるユーザを複数設定することができます上限100個までです 1つのディレクトリに複数のユーザを設定することもできますパスワード認証画面イメージ 23

3. 定型CGI 3-3. アクセス制限CGI 1. ブラウザよりアクセス制御設定ページへアクセス http://business*.plala.or.jp/plalacgi/acl.html * 部分はぷらら法人会員ご登録内容記載のサーバー名の数字になります 2.

24 3. 定型CGI 3-3. アクセス制限CGI 1. ブラウザよりアクセス制御設定ページへアクセス * 部分はぷらら法人会員ご登録内容記載のサーバー名の数字になります 2. アクセス制御ページが開くユーザ名パスワード制御したいディレクトリを入力し OK ボタンを押下ユーザID パスワード欄にご契約時にNTTぷららより郵送で案内しているぷらら法人会員ご登録内容記載の FTP用ログインID と FTP用パスワードを入力制御したいディレクトリ欄にアクセス制御をかけたいディレクトリを入力作成済みのディレクトリを入力. ピリオドを入力するとホームディレクトリ全体にアクセス制限がかかる 24

25 3. 定型CGI 3-3. アクセス制限CGI 3. パスワード編集画面が開く任意にユーザ名バスワードを入力し追加ボタン押下設定したユーザを削除する場合は削除対象のユーザ名をチェックし削除ボタン押下 25

定型 CGI の種類ぷらら掲示板 CGI 掲示板に書き込まれた発言に関連した発言を階層的に表示しますなおぷらら掲示板はお客さまのホームページエリアに 1 つしか作成できませんゲストブック掲示板 CGI( 簡易掲示板 ) ゲストブック ( 簡易掲示板 ) は異なるディレクトリにそれぞれ作成

定型 CGI の種類ぷらら掲示板 CGI 掲示板に書き込まれた発言に関連した発言を階層的に表示しますなおぷらら掲示板はお客さまのホームページエリアに 1 つしか作成できませんゲストブック掲示板 CGI( 簡易掲示板 ) ゲストブック ( 簡易掲示板 ) は異なるディレクトリにそれぞれ作成定型 CGI とは? CGI (Common Gateway Interface) とは WWW サーバ上で動作させ外部のプログラムと連携させて様々なアプリケーションを実現する機能です NTT ぷららではビジネスホームページの無料提供サービスとして複数の定型 CGI メニューをご用意しております指定する手順記述例にしたがって作成していただくことでプログラミングを勉強しなくても多種多様でインタラクティブなホームページを開設することができます

改訂履歴 版数 制定年月日 内容 第1.0版 平成30年11月 第1.0版を初版として発行 2

改訂履歴版数制定年月日内容第1.0版平成30年11月第1.0版を初版として発行 2