目次第 1 章ホームページ作成ホームページの作成ホームページ作成にあたっての留意事項アクセスカウンタの設置方法メール送信フォームのご利方法メール送信フォームご利に関する留意事項.

Size: px

Start display at page:

Download "目次第 1 章ホームページ作成ホームページの作成ホームページ作成にあたっての留意事項アクセスカウンタの設置方法メール送信フォームのご利方法メール送信フォームご利に関する留意事項."

さなえいちぞの
5 years ago
Views:

1 2018/6/20 Ver. 1.2

2 目次第 1 章ホームページ作成ホームページの作成ホームページ作成にあたっての留意事項アクセスカウンタの設置方法メール送信フォームのご利方法メール送信フォームご利に関する留意事項 CGI(Perl) プログラムご利に関する留意事項 PHP プログラムご利に関する留意事項データベース (MySQL) ご利に関する留意事項 FTP アップロード FTP ソフトの設定ファイルアップロードパーミッション変更 htaccess のご利方法 htaccess ご利に関する留意事項エラーページのカスタマイズ注意すべき点確認すべき点を説明します知っておくと便利な点を説明します

3 第 1 章ホームページ作成お客様ホームページを作成するための手順や各種サービスのご利にあたっての注意事項を記載していますホームページの作成お客様ホームページに公開するコンテンツファイルを作成する際の留意事項ご利できる各種サービスのご案内を記載していますアクセスカウンタメール送信フォーム CGI(Perl) プログラム PHP プログラムデータベース (MySQL) FTP アップロードお客様ホームページのコンテンツファイルを WEB サーバにアップロードする手順について記載しています FTP ソフトの設定 (FFFTP) ファイルアップロードパーミッション変更.htaccess のご利方法.htaccess ご利における留意事項および以下の設定方法について記載していますエラーページのカスタマイズ -1-

4 1-1 ホームページの作成お客様ホームページに公開するコンテンツファイルを作成する際の留意事項ご利できる各種サービスについて説明しますホームページ作成にあたっての留意事項ホームページ容量についてお客様のホームページ容量は標準サービスをご契約の場合 10GB となっていますホームページのご契約容量と現在ご利になっている容量は Web Manager ドメイン管理者を使して確認できます Web Manager ドメイン管理者のご利方法についてはご利の手引 Web Manager ドメイン管理者編をご参照くださいご契約容量を超えるディレクトリファイルをサーバにアップロードすることはできませんデータベース (MySQL) をご利になる場合データベースで使するデータファイルのサイズもお客様ホームページ容量に含まれますのでご注意ください容量を超過した場合各種トラブルの原因となりますホームページ容量超過によるトラブルの例ファイルを FTP でアップロードできないファイルを出する CGI プログラムでエラーが発生するデータベースを使する PHP プログラムでエラーが発生する現在ご利になっているホームページ容量を定期的にご確認いただき使していないコンテンツファイルデータ等については必要に応じて削除することをお勧めしますディレクトリ名ファイル名についてお客様で作成されるディレクトリやファイルの名前には半角のアルファベットと数字を使するようにしてくださいディレクトリ名ファイル名に日本語などの全角文字半角カナを含む環境依存文字スペース等を使した場合お客様ホームページが正しく表示されない等各種トラブルの原因となる場合があります環境依存文字の例 Ⅰ Ⅳ ⅷ などのローマ数字などの括弧囲み文字などの丸囲み文字などの記号ミリクラムkmなどの単位記号 -2-

5 優先表示されるページ ( ファイル名 ) についてお客様ホームページに WEB ブラウザでアクセスする際に URL にファイル名を指定せずディレクトリ名だけを指定した場合 ( 例 : 以下の優先順で表示されるファイルが自動的に決定されます優先表示されるファイル名 index.html INDEX.HTML index.htm INDEX.HTML index.hdml INDEX.HDML index.cgi INDEX.CGI index.php INDEX.PHP ファイル名の大文字小文字は区別されます優先表示ファイルは URL で指定したディレクトリ内に保存されている必要があります URL で指定したディレクトリ内に優先表示ファイルがない場合 404 エラーとなりますアクセスカウンタの設置方法アクセスカウンタを利するとお客様ホームページの閲覧数をカウントして表示できますここではアクセスカウンタの設置方法について説明します 1 Web Manager ドメイン管理者を使してアクセスカウンタ設定を登録しますアクセスカウンタ設定の登録方法についてはご利の手引 Web Manager ドメイン管理者編をご参照ください 2 アクセスカウンタを表示させたいページ (HTML ファイル ) にアクセスカウンタ登録画面に表示されたアクセスカウンタタグを記述します ( アクセスカウンタタグの例 ) <img src=" 3 アクセスカウンタタグを記述した HTML ファイルを FTP でアップロード後 WEB ブラウザでアクセスしアクセスカウンタが正しく表示されていることを確認してください ( アクセスカウンタの表示例 ) -3-

6 1-1-3 メール送信フォームのご利方法メール送信フォームを利するとお客様ホームページにお問い合わせフォームや資料請求フォームのようなフォームを表示しされた内容を指定したメールアドレスに送信できますここではメール送信フォームのご利方法について説明します 1 メール送信フォームを表示させたいページ (HTML ファイル ) に以下のような HTML を記述しますこの HTML は説明のためのサンプルとなりますメール送信フォームを実際にご利いただく際にはメール送信フォームご利に関する留意事項を必ずご参照ください特に送信先メールアドレスについてはお間違えのないようにご注意ください ( メール送信フォーム HTML の例 ) <form action=" method=post> <input type="hidden" name="mailto" value="webmaster@example.co.jp"> <input type="hidden" name="subject" value="web からお問い合わせ "> <input type="hidden" name="no_check" value="off"> <input type="hidden" name="body_color" value="#ffffaa"> <input type="hidden" name="location" value=" 会社名 <font color=red>( 必須 )</font> <input type="text" name="company"><br> (a) お名前 <font color=red>( 必須 )</font> <input type="text" name="name"><br> (b) 住所 <input type="text" name=" 住所 "><br> (c) 電話番号 <input type="text" name="tel"><br> (d) FAX 番号 <input type="text" name="fax"><br> (e) メールアドレス <input type="text" name=" "><br> (f) <input type="submit" value=" 送信 "> (g) <input type="reset" value=" クリア "> (h) </form> 2 メール送信フォームを記述した HTML ファイルを FTP でアップロード後 WEB ブラウザでアクセスし以下のようなフォームが表示されていることを確認します ( メール送信フォームの表示例 ) 上記 HTML に対してスタイルシート等を適して成形しています (a) (b) (c) (d) (e) (f) (g) (h) -4-

7 3 メールが正しく送信されることを確認します各フィールドにデータをし送信ボタンをクリックしてくださいフィールドにされたデータを送信者のメールアドレスとする以下のようなメールが mailto フィールドに指定したメールアドレスに送信されます ( 送信メールの例 ) From: user01@example.co.jp Subject: WEB からお問い合わせ ================================================= 会社名 = 株式会社お名前 = サンプル太郎住所 = 市電話番号 = FAX 番号 = 電子メールアドレス = user01@example.co.jp HTTP-User-Agent : ( 送信者の使 WEB ブラウザ ) Remote-host : ( 送信者のホスト名 ) Remote-Addr : ( 送信者の IP アドレス )

8 1-1-4 メール送信フォームご利に関する留意事項メール送信フォーム (HTML) に記述する内容は以下の通りです <form> タグに指定する属性 <form> タグの action 属性にメール送信 CGI プログラムの URL を記述しますまた method 属性には post を指定してくださいこの記述を省略することはできません属性設定値 ( 固定 ) action< 必須 > method< 必須 > Post <input type="hidden"> タグの指定方法 <input type="hidden"> タグには送信先メールアドレスや送信メールのタイトルなどを指定します name mailto< 必須 > 説明送信先メールアドレスを指定しますここで指定したメールアドレスにフォームのデータが送信されます指定したメールアドレスに間違いがないことを確認してください subject 送信されるメールのタイトルを指定します省略した場合以下の値が設定されます itscom.net for Business FormMail no_check body_color location メール送信前の確認ページ表示をスキップする場合にのみ指定します value 属性には任意の値を指定してください ( 例 )value=off メール送信前の確認ページチェックエラー時に表示されるエラーページの背景色を指定します省略した場合背景色は白 (#ffffff) になりますメール送信完了後に表示するページの URL を指定します省略した場合標準ページが表示されます -6-

9 <input type="text"> タグの指定方法確認ページやメール送信される項目の表示名を name 属性に指定できます ( 例 )<input type="text" name=" 住所 "> name 属性に指定した文字列は確認ページやメール本文で使されますので環境依存文字は使しないでください ( 環境依存文字についてはホームページ作成にあたっての留意事項をご参照ください ) name 属性に以下の文字列を指定することでフォーム送信時に内容をチェックできますチェックでエラーとなった場合エラーページが表示され再を促すことができます内容のチェックをいたくない場合にはこれらの文字列を使しないでください name company name tel fax チェック内容と表示名チェック内容値がされていることをチェックします ( 必須チェック ) 確認ページメール本文における表示名会社名チェック内容値がされていることをチェックします ( 必須チェック ) 確認ページメール本文における表示名お名前チェック内容 6 桁以上の半角数字がされていることをチェックします確認ページメール本文における表示名電話番号チェック内容 6 桁以上の半角数字がされていることをチェックします確認ページメール本文における表示名 FAX 番号チェック内容送信者のメールアドレスとしての右側が. ( ドット ) の左側が半角のアルファベットまたは数字であること確認ページメール本文における表示名電子メールアドレス -7-

10 1-1-5 CGI(Perl) プログラムご利に関する留意事項お客様にてご意された CGI プログラムを利される場合の留意事項は以下の通りですご利いただける Perl モジュールに関する情報項目説明バージョンパス /usr/bin/perl 利可能モジュール CGI 3.49 Image::Size * File::Spec PathTools 3.33 DBI DBD::mysql HTML::Entities 3.68 LWP::UserAgent SOAP::Lite File::Temp 0.22 Image::Magick 6.65 Storable 2.21 Crypt::DSA 1.16 MIME::Base XML::Atom 0.37 Archive::Tar 1.68 Archive::Zip 1.30 IO::Compress::Gzip Text::Balanced 2.02 CGI プログラムの配置ディレクトリとパーミッション設定についてお客様にご提供する WEB サーバは suexec 対応となっていますつまり CGI プログラムはお客様ユーザ ( 初期 FTP アカウント ) のオーナ権限で実されますこのため CGI プログラムを保存するディレクトリ CGI ファイル等のパーミッションを以下の通り設定する必要があります項目所有者推奨されるパーミッションディレクトリ初期 FTP アカウント 701(drwx-----x) CGI ファイル初期 FTP アカウント 755(-rwxr-xr-x) データファイル等初期 FTP アカウント 600(-rw ) パーミッションの変更方法についてはパーミッション変更をご参照ください -8-

11 1-1-6 PHP プログラムご利に関する留意事項お客様にてご意された PHP プログラムを利される場合の留意事項は以下の通りですご利いただける PHP モジュールに関する情報項目説明バージョン php.ini デフォルト設定からの変更はありません利可能関数すべての関数をご利いただけますデータベース (MySQL) ご利に関する留意事項お客様にてご意された CGI プログラム PHP プログラムからデータベース (MySQL) を利される場合の留意事項は以下の通りですご利いただける MySQL に関する情報項目説明バージョン対応文字コード UTF-8 データベース数の上限 1 テーブル数の上限無制限テーブル数自体の制限はありませんがデータベースで使するデータファイルのサイズはご契約のホームページ容量に含まれますホームページ容量についてはホームページ作成にあたっての留意事項をご参照ください対応テーブル型 MyISAM, InnoDB サーバホスト名 localhost サーバポート 3306 データベースの管理には phpmyadmin を利できます phpmyadmin のご利方法についてはご利の手引データベース管理編をご参照ください -9-

1-2 FTP アップロードお客様がご意されたコンテンツファイル CGI プログラム等を WEB サーバにアップロードする手順について説明します 1-2-1 FTP ソフトの設定使する

97b) を例に説明します 1 1 FFFTP を起動するとホスト一 2 覧が表示されます 2 新規ホストボタンをクリックしてホストの設定を表示します 3 ホストの設定名をします 4

12 1-2 FTP アップロードお客様がご意されたコンテンツファイル CGI プログラム等を WEB サーバにアップロードする手順について説明します FTP ソフトの設定使する FTP ソフトはご自由にお選びいただけますがここでは FFFTP(Version 1.97b) を例に説明します 1 1 FFFTP を起動するとホスト一 2 覧が表示されます 2 新規ホストボタンをクリックしてホストの設定を表示します 3 ホストの設定名をします 4 ホスト名をしますホスト名は登録通知書に記載されている FTP サーバとなりますユーザ名にお客様の FTP アカウントをします 6 パスワードをします 7 拡張タブをクリックします 8 PASV モードを使うをチェックします 9 OK ボタンをクリックします

10 10 11 登録したホストを選択します接続ボタンをクリックし接続できることを確認します 11 接続できない場合接続できません等のエラーメッセージが表示されます FTP パスワードは Web Manager

13 登録したホストを選択します接続ボタンをクリックし接続できることを確認します 11 接続できない場合接続できません等のエラーメッセージが表示されます FTP パスワードは Web Manager ドメイン管理者または Web Manager 一般ユーザを使して変更できますご利の手引 Web Manager ドメイン管理者編またはご利の手引 Web Manager 一般ユーザ編をご参照ください -11-

1-2-2 ファイルアップロード FTP アカウントのホームディレクトリについて FTP サーバに接続した際に初期表示されるホームディレクトリはご使の FTP アカウントによって以下の通り異なります FTP アカウント初期アカウント追加アカウントホームディレクトリお客様ホームページのドキュメントルートディレクトリドキュメントルートディレクトリのサブディレクトリ FTP

14 1-2-2 ファイルアップロード FTP アカウントのホームディレクトリについて FTP サーバに接続した際に初期表示されるホームディレクトリはご使の FTP アカウントによって以下の通り異なります FTP アカウント初期アカウント追加アカウントホームディレクトリお客様ホームページのドキュメントルートディレクトリドキュメントルートディレクトリのサブディレクトリ FTP ソフトでホームディレクトリより上位のディレクトリを参照することはできません追加アカウントを使して FTP サーバに接続した場合ドキュメントルートディレクトリ直下のファイルディレクトリを参照することはできませんドキュメントルートディレクトリとはお客様ホームページの最上位のディレクトリのことです FFFTP によるファイルアップロード 1 1 FFFTP を起動し FTP サーバに接続します 2 2 アップロードするファイルが保存されているローカルフォルダを選択しますアップロードするファイルを選択しますアップロードボタンをクリックしファイルをアップロードしますファイルがアップロードされていることを確認します 5-12-

1-2-3 パーミッション変更 FTP ソフトを使してファイル所有者 ( オーナ ) を変更することはできません

アカウントを使してアップロードする必要があります所有者とパーミッションの制限については 1-1-5

アップロード済みのファイルを右クリックして属性変更を選択します 1 2 2 属性の変更で設定したいパー

15 1-2-3 パーミッション変更 FTP ソフトを使してファイル所有者 ( オーナ ) を変更することはできません所有者を初期 FTP アカウントに設定する必要があるファイル (CGI ファイル等 ) については初期 FTP アカウントを使してアップロードする必要があります所有者とパーミッションの制限については CGI(Perl) プログラムご利に関する留意事項をご参照ください FFFTP によるパーミッション変更 1 1 アップロード済みのファイルを右クリックして属性変更を選択します属性の変更で設定したいパーミッションを指定して OK ボタンをクリックします 3 ファイルのパーミッション ( 属性 ) が正しく設定されていることを確認します 3-13-

16 1-3.htaccess のご利方法.htaccess ファイルを使することで WEB サーバ (Apache) の動作をディレクトリ単位で制御できますお客様ホームページに対するアクセス制限設定 (Basic 認証ホストアクセス制限 ) はドメイン管理者メニュー WEB 管理 UI を使して登録できますご利の手引ドメイン管理者メニュー WEB 管理 UI 編をご参照ください htaccess ご利に関する留意事項.htaccess を利される場合の留意事項は以下の通りです Apache に関する情報項目説明バージョン AllowOverride AuthConfig Limit FileInfo Options ExecCGI IncludeNOEXEC エラーページのカスタマイズ.htaccess を使してお客様ホームページにアクセスした際に表示されるエラーページをカスタマイズする方法を説明します WEB サーバが返す代表的なエラー (HTTP ステータスコード ) HTTP ステータス説明 401 認証が必要であることを示しています 401 エラーが発生する例 Basic 認証に失敗した場合 403 アクセスが禁止されていることを示しています 403 エラーが発生する例ホストアクセス制限により許可されたホスト以外からアクセスした場合 404 リソースがつからないことを示しています 404 エラーが発生する例存在しないパス (URL) にアクセスした場合 500 サーバ内部エラーが発生したことを示しています 500 エラーが発生する例 CGI プログラムで予期せぬエラーが発生した場合 -14-

17 エラーページカスタマイズの.htaccess ファイル設定順 1 テキストエディタ ( メモ帳など ) を使して.htaccess ファイルを作成します (.htaccess ファイルの記述例 ) ErrorDocument 401 /401.html ErrorDocument 403 /403.html ErrorDocument エラーページのパスは以下の通り指定します表示するページサーバ内の URL 外部の URL パスの指定方法お客様のドキュメントルートからの絶対パスを指定しますパスの先頭に / ( スラッシュ ) を付ける必要があります ( 例 )/error/401.html 完全な URL を指定します ( 例 ) Windows をご利の場合通常ファイル名の先頭には. ( ドット ) を使することはできませんがテキストエディタで保存する際のファイル名を ".htaccess" のように " ( ダブルクォート ) で囲むことで.htaccess というファイル名で保存できます 2.htaccess に指定したエラーページを作成しますエラーページのサイズが 512 bytes 未満の場合 Internet Explorer では正しく表示されませんエラーページ作成後ファイルサイズが 512 bytes 未満の場合にはページの最後に改コードを挿し 512 bytes 以上になるようにしてください 3 作成した.htaccess ファイルとエラーページファイルを FTP でアップロードします.htaccess による設定をお客様ホームページ全体に対して適したい場合.htaccess ファイルはドキュメントルート直下にアップロードしてください特定のディレクトリに対してのみ適したい場合にはそのディレクトリ内にアップロードしてください 4 お客様ホームページの URL 配下の存在しないパスに WEB ブラウザでアクセスするなどし設定したエラーページが表示されることを確認しますお客様が作成された.htaccess ファイルをドメイン管理者メニュー WEB 管理 UI のアクセス制限設定ページにて変更された場合お客様が手動で設定された内容はすべて削除されますエラーページのカスタマイズ設定等を記述した.htaccess ファイルについてはドメイン管理者メニュー WEB 管理 UI を使して設定を変更しないように注意してください -15-

18 本マニュアル記載の会社名製品名およびサービス名はいずれも各社の商標または登録商標です本マニュアルは当社に無断で転複製翻訳引等することはできません記載内容はお断りなく変更することがありますのでご了承ください Copyright its communications Inc. イッツコミュニケーションズ株式会社ご利の手引 Ver. 1.2 itscom.net for Business サービスに関するお問い合わせ先

目次第 1 章ホームページ作成... 1 1-1 ホームページの作成... 2 1-1-1 ホームページ作成にあたっての留意事項... 2 1-1-2 アクセスカウンタの設置方法... 3 1-1-3 メール送信フォームのご利方法... 4 1-1-4

目次第 1 章ホームページ作成... 1 1-1 ホームページの作成... 2 1-1-1 ホームページ作成にあたっての留意事項... 2 1-1-2 アクセスカウンタの設置方法... 3 1-1-3 メール送信フォームのご利方法... 4 1-1-4 2012/2/22 Ver. 1.0 目次第 1 章ホームページ作成... 1 1-1 ホームページの作成... 2 1-1-1 ホームページ作成にあたっての留意事項... 2 1-1-2 アクセスカウンタの設置方法... 3 1-1-3 メール送信フォームのご利方法... 4 1-1-4 メール送信フォームご利に関する留意事項...

目次 第 1 章ホームページ作成 ホームページの作成 ホームページ作成にあたっての留意事項 アクセスカウンタの設置方法 メール送信フォームのご利 方法 メール送信フォームご利 に関する留意事項.

目次第 1 章ホームページ作成ホームページの作成ホームページ作成にあたっての留意事項アクセスカウンタの設置方法メール送信フォームのご利方法メール送信フォームご利に関する留意事項.