ホームページ制作/レンタルサーバ/ドメイン取得｜オフィス陶陽ＷＥＢサイト公開

メインメニュー

更新状況各種お申し込みホームページ制作レンタルサーバドメイン Pic to DVD 良くあるご質問ユーザーサポートお問い合わせリンクサイトマップ

ついったー

touyou: なんだかんだで今年もあとわずか今年は色んな意味で転機の年だったなーツイートは相変わらず全然してないけどw ご縁があったら来年も宜しゅうおねげーしますだm(_ _)m

touyou: @mercicherci おひさですーってか、このあいだはむさいおっさん3人で押しかけ騒いじゃってすんまっせんw

touyou: @lara_mk フォローさせていただきましたー　よろしくー

touyou: 福岡に引っ越し<<<<<now>>>>>

touyou: ATOK Padからのテスト投稿どげですかー

トップ > レンタルサーバマニュアル > ＷＥＢサイト公開

WEBサイト公開

WEBサイトを公開・運営するにあたっての様々な設定方法です。

コントロールパネルを使った設定方法や、ホームページ作成ソフトやFTPソフトによるアップロード手順などを詳しくご説明致します。

｜ディレクトリ構成｜アップロード｜アップロード（Mac）｜ホームページビルダーの設定｜サイトのプレビュー｜Web の統計｜オリジナルエラー画面｜SSLでのサイトアクセス｜アクセス認証｜IPアドレスによるアクセス制限｜高機能アクセス解析｜

■１．ディレクトリ構成

1.1 コントロールパネルへのログイン

ご利用のサーバ上には以下のように様々なディレクトリが存在しています。

しかし、実際に使用するのはこの一部になります。

具体的には「cgi-bin」「error_docs」「httpdocs」「private」の４つです。

以下それぞれのディレクトリの役割です。

cgi-bin	CGI 専用ディレクトリです。CGI を使う場合はこちらのディレクトリに設置してください。「http://ドメイン/cgi-bin/ファイル名」でアクセスすることが可能です。
error_docs	独自エラーページ用ディレクトリです。エラーページの変更方法は、こちらを参照願います。
httpdocs	HTML ファイルや画像ファイルをアップロードするためのディレクトリです。ここに設置したファイルは、「http://ドメイン/ファイル名」でアクセスすることが可能です。また、このディレクトリでもCGI を動かすことが可能です。CGI を設置する場合は拡張子を「.cgi」もしくは「.pl」に設定してください。
private	外部からは一切アクセスできないフォルダです。公開したくないファイルはこちらに設置します。

■２．ファイルのアップロード

ファイルをサーバにアップロードするには、以下の２つの方法があります。

Ｗｅｂサイトのメンテナンスという意味では、ＦＴＰを使って行うのが一般的です。

ファイルマネージャー	コントロールパネルからファイルマネージャを使ってアップロードします。１度に１つのファイルしかアップロードできません。
FTP	専用ソフトを使って、ＦＴＰ経由で接続しファイルをアップロードします。１度に複数のファイルをアップロードすることが可能です。

ここでは「ＦＦＦＴＰ」というフリーのＦＴＰソフトを使ったアップロード方法を説明していきます。

2.1 ＦＦＦＴＰの設定

ＦＦＦＴＰが無い場合は、以下からダウンロードしてインストールしておいてください。

http://www2.biglobe.ne.jp/.sota/ffftp.html

ＦＦＦＴＰを起動すると「ホスト一覧」が表示されます。

「新規ホスト」をクリックしてご契約いただいているサーバの情報を設定していきます。

１）まずは以下の４項目を入力してください。

ホストの設定名	社名など、どんな名前（任意の名前）でも区別がつけば結構です。今回は「デモ」と入力します。
ホスト名	「ＦＴＰサーバ」を入力してください。
ユーザー名	「Web 管理者アカウント」のユーザＩＤを入力してください。
パスワード	「Web 管理者アカウント」のパスワードを入力してください。

2）次にローカルの初期フォルダをデスクトップに設定しておきます。

「ローカルの初期フォルダ」の右にあるボタンをクリックして、「フォルダの参照」ダイアログを表示し、「デスクトップ」を選択して「ＯＫ」ボタンをクリックしてください。

3) 安全性を確保するためと、ＬＡＮ内からのアップロードにも対応するためにＰＡＳＶモードを有効にします。

「拡張」タブをクリックして、「ＰＡＳＶモードを使う」にチェックをつけてください。

最後に、アップロードする際にサーバのファイルリストが見れるように設定を追加しておきます。

「高度」タブをクリックし。「ＬＩＳＴコマンドでファイル一覧を取得」をチェックし、「ＮＬＳＴＲを使って高速に再帰検索」のチェックを外してください。

これで設定は終了ですので「ＯＫ」ボタンをクリックしてください。

2.2 Ｗｅｂページのアップロード

ＦＴＰソフトの設定は終わっていますので、サーバへ接続してみましょう。

１）ホスト一覧から先ほど設定した「デモ」を選択し、「接続」ボタンをクリックします。

2）サーバに接続され、以下のような画面が表示されるはずです。

左がローカルのパソコン、右がご契約いただいたサーバになります。

公開するためのＨＴＭＬファイルは、/httpdocs に設置しますので、「httpdocs」をクリックしてディレクトリを移動します。（「httpdocs」とＳＳＬを使う際に使用する「httpsdocs」がありますので注意してください。「s」が無いほうをクリックします。）

3）このディレクトリにファイルをアップロードすれば、Webページを公開することができます。

アップロードは、左から右へドラッグ＆ドロップすることで可能です。

最初からディレクトリ内にある「index.html」などは、消したり上書きしても問題ありません。

ファイルを右クリックしても、以下のようにアップロードすることが可能です。

2.3 アップロードしたページにアクセスする

「httpdocs」ディレクトリにアップロードしたＨＴＭＬファイルには、以下のようなＵＲＬでブラウザからアクセスすることが可能です。

http://ご利用ドメイン/ファイル名

例えば、「test.html」を「httpdocs」ディレクトリにアップロードした場合には、以下のようなＵＲＬになります。

http://ご利用ドメイン/test.html

■３．ファイルのアップロード（Mac ご利用の場合）

Mac でファイルをアップロードする場合、弊社ではFetch というシェアウェアを推奨しております。

Fetch は以下のサイトからダウンロード可能です。

http://fetch.jp/

１） Fetchアイコンをクリックすると、新規接続のダイアログが表示されます。

以下の項目を入力して、「ＯＫ」ボタンをクリックしてください。

ホスト	「ＦＴＰサーバ」を入力してください。
ユーザーID	「Web 管理者アカウント」のユーザＩＤを入力してください。
パスワード	「Web 管理者アカウント」のパスワードを入力してください。

2) ホームページや画像ファイルはすべて「/httpdocs」にアップロードします。「/httpdocs」をクリックして移動してください。

3) ローカルのＷｅｂページデータがあるフォルダを表示し、その中からサーバへ送りたいファイルを選択し、ドラッグ＆ドロップでサーバへアップロード出来ます。

なお、最初から「/httpdocs」にあるファイルに関しては、削除しても問題ありません。

特に「index.html」は、Ｗｅｂサイトにアクセスした際に最初に表示されるファイルですので、こちらを作成したページで上書きする必要があります。

■４．ホームページビルダーの設定

ホームページ作成ソフトのホームページビルダーには、ファイルをＦＴＰ経由でアップロードする機能が付いています。

ここでは、ホームページビルダーで転送設定を行う場合の設定方法を説明して行きます。

１）「サイト」＞「転送設定」＞「転送設定の新規作成」で設定ウイザードを起動します。

2) 転送設定の名前を入力します。

どんな名前でもかまいませんが、ここでは「Demo」と設定します。

名前を入力したら「次へ」をクリックしてください。

3) 転送先のサーバ情報を設定します。

「プロバイダの選択」を除く、以下の3項目を入力してください。

FTPサーバ名	「ＦＴＰサーバ」を入力してください。ご契約いただいたドメイン名と全く同じになります。
FTPアカウント名	「Web 管理者アカウント」のユーザＩＤを入力してください。
FTPパスワード	「Web 管理者アカウント」のパスワードを入力してください。

4) 入力したら「次へ」ボタンをクリックしてください。

5) 「転送先フォルダ」を設定します。

ＨＴＭＬファイルや画像ファイルをアップロードする場合は、「/httpdocs」になります。

実際のアップロードに関しては、ホームページビルダーのマニュアルを参照して行ってください。

6) 入力したら「詳細」ボタンをクリックして、ＰＡＳＶモードの設定を行います。

ＰＡＳＶモードはＦＴＰを安全に行うための設定です。

「パッシブモードで接続する」をチェックして「ＯＫ」ボタンをクリックしてください。

7) 最後に「完了」ボタンをクリックすれば、すべての設定が終了します。

■５．サイトのプレビューを行う

ファイルのアップロードや修正を、その都度確認したい場合は、サイトプレビューの機能が便利です。

サイトプレビューはコントロールパネル上から行えます。

1) ログイン直後のページから、一番右側にあるメニュー「サイトの確認」をクリックします。

2) 赤枠で囲まれた部分をクリックすると「http://www.example.awk.jp/」というアドレスに移動します。

（example.awk.jpの部分は、皆さんのサーバ名に読み替えてください）

すると、新しいウインドウが開いてアップロードした自分のサイトが表示されるはずです。

実際のサイト構築の際は、この機能を利用して、こまめに実際のページのチェックを行うと良いでしょう。

■６．ＷＥＢの統計を確認する

Web サイトを運営していくうえで、ログの管理は欠かせません。

ログをチェックすることによって、日々のアクセスの増加数やページのアクセス数を把握することが可能です。

コントロールパネルには、webalizerという、専用のログ解析ソフトが付属しており、この機能を利用することによって、棒グラフや表形式でログを様々な角度から分析可能です。

6.1 ログ解析を行うためには

１）コントロールパネルの管理画面から「レポート」をクリックします。

2) すると、以下の画面がでるので、見たいログの画面をクリックします。

サイトの基本的なアクセス数などは Web 統計に表示されます。

3) そこで、Web 統計をクリックします。

すると以下のような画面が表示されるはずです。

トップページでは、月ごとのアクセス数の総計が表示されます。

Daily Avg	日平均。１日あたりの平均値を表示する列。
Monthly Totals	月総計。その月の総計を表示する列。
Hits	ヒット数。エラーも含んだ Web サーバに記録されたアクセス数。
Files	ファイル数。 Hits の内、正常にアクセスされた回数。
Pages	ページ数。 Hits の内、正常にHTML ページにアクセスされた回数。
Visits	のべ訪問者数。 30 分以内の同一ＩＰアドレスからのアクセスはカウントしない。
Sites	訪問者数。１年以内の同一のＩＰアドレスからのアクセスはカウントしない。
kBytes	転送したファイルの容量。

6.2 月の詳細なアクセス状況を表示

月ごとのリンクをクリックするとその月の詳細なアクセス状況を表示できます。

●月次統計の詳細

Total Hits	総ヒット数
Total Files	総ファイル数
Total Pages	総ページ数
Total Visits	総訪問者数
Total kBytes	総転送量
Total Unique Sites	総個別サイト数
Total Unique URLs	総個別URL数
Total Unique Referrers	総個別リファラー（アクセス元の URL）
Total Unique User Agents	総個別ユーザエージェント（ OS・ブラウザ）数
Hits per Hour	１時間あたりのヒット数 avg は平均値、max は最大値
Hits per Day	１日あたりのヒット数
Files per Day	１日あたりのファイル数
Pages per Day	１日あたりのページ数
Visits per Day	１日あたりの訪問者数
kBytes per Day	１日あたりの転送量
Hits by Response Code	レスポンスコードごとのヒット数

●日ごとの統計（グラフ）

●日ごとの統計

●１時間ごとの統計（グラフ）

●１時間ごとの統計

●全 URL の内のヒット数ランキング

●全 URL の内の転送量ランキング

●入場ページ（訪問者が最初に訪れたページ）のランキング

●退場ページ（訪問者が最後に訪れたページ）のランキング

●アクセス元コンピュータのヒット数ランキング

●アクセス元コンピュータの転送量ランキング

●アクセス元 URL のヒット数ランキング

●全 OS・ブラウザの内のヒット数ランキング

●国別のヒット数ランキング（グラフ）

●国別のヒット数ランキング

■７．オリジナルエラー画面を表示する

ファイルが見つからない場合や、何らかのエラーが出た場合は、以下のような標準のエラー画面が表示されます。

これを、例えば以下のようにオリジナルエラー画面を作成することにより、自由に変更することが可能です。

オリジナルエラー画面を表示する方法は以下の通りです。

1) 初めにエラーが発生した際に、オリジナル画面が表示されるように設定を行います。

管理ページにログインし「ファイルマネージャ」をクリックします。

2) 「ファイルマネージャー」画面内にある「error_docs」をクリックします。

3) /error_docs ディレクトリ内が表示されますので、変更を行いたいファイルの右側にあるボタンを選択してください。

それぞれのファイルを編集することにより、得られる効果は以下の通りです。

●bad_request.html ERROR400 画面を設定します。

この画面は入力されているホームページのアドレスが間違っている場合等に表示されます。

●unauthorized.html ERROR401 画面を設定します。

この画面はパスワードが違う場合等に表示されます。

●forbidden.html ERROR403 画面を設定します。

この画面は表示が許されていない場合等に表示されます。

●not_found.html ERROR404 画面を設定します。

この画面はファイルが見つからない場合等に表示されます。

●internal_server_error.html ERROR500 画面を設定します。

この画面はCGI や設定のミスなどによるサーバーエラー時等に表示されます。

4) ファイルの編集画面が表示されます。

ここに表示させたいエラー画面のHTMLの記述をし、「エンコード」を「SHIFT_JIS」を選択してください。

編集終了後、｢OK｣ボタンをクリックしてください。

なお作成に際しましては、以下の点にご注意願います。

/error_docs ディレクトリに、画像ファイルをアップロードすることはできませんのでご注意願います。

画像を使用する際は、 /httpdocs 等のファイルをアップロードすることができるディレクトリに使用する画像を格納します。

画像を格納後、HTML ファイルに格納した画像ファイルを参照するよう、以下のように記述を行います。

<img src=http://e-touyou.com/modules/manual2/content/"お客様のURL/画像ファイル名" border="0">をHTML ファイル内に記述します。

(例)http://example.awk.jp/httpdocs ディレクトリにアップロードを行った「example_rogo001.gif」ファイルを表示させるためには、以下のような記述を行います。

※詳しい記述方法につきましては、以下の WEB ページをご参照願います。

・とほほの HTML 入門

・ CHIPS

5) エラーを発生させて画面を確認してください。

■８．ＳＳＬでのサイトアクセス

個人情報などをサイトフォームから入力させる際には通信を暗号化する必要があります。

ＳＳＬでアクセスさせるようにすれば、これを簡単に実現できます。

ＳＳＬでアクセスするには特別なＵＲＬが必要となります。

具体的には以下のようになります。

https://IPアドレス/~Web 管理者アカウント/ファイル名

IPアドレスおよび、Web 管理者アカウントはサービス開始時にメールにてお知らせしてます。

ご利用サーバ名が「10.11.12.13」、Web 管理者アカウントが「w00001」の場合には以下のＵＲＬを使うことでＳＳＬ経由でサイトにアクセスすることが可能です。

https://10.11.12.13/~w00001/ファイル名

なお以下のようなＵＲＬでアクセスした場合は、「/httpdocs/cgi-bin」へアクセスしますので注意が必要です。

ＳＳＬ経由でＣＧＩを動作させる場合には必ず「/httpdocs」配下で動作させてください。

https://10.11.12.13/~w00001/cgi-bin/ファイル名

なお「～」はチルダと呼び、多くの日本語キーボードで「Shift キー」＋「＾」（への位置）で入力可能です。

■９．アクセス認証が必要なページを設定する

アクセス認証はディレクトリ（フォルダ）ごとに設定が可能です。

認証が必要なページは、以下の手順で設定できます。

? 保護ディレクトリ（フォルダ）を作成する

? アクセス用ユーザの追加

? 保護ディレクトリ（フォルダ）にファイルをアップロードする

9.1 保護ディレクトリ（フォルダ）を作成する

まず、認証を行うページを入れるための保護ディレクトリ（フォルダ）を、コントロールパネルから作成します。

コントロールパネルへのログインはこちらを参照お願いします。

1) まず「ディレクトリ」をクリックしてください。

2) 「新しいディレクトリを追加」をクリックしてください。

3) ディレクトリ名は自由に決めることができます。

ここでは「test」というディレクトリを作成します。

「非ＳＳＬ」のみにチェックを付けてください。

「ヘッダテキスト」は認証ダイアログのタイトル部分なので、好きなアルファベットで問題ありません。

入力が完了したら「ＯＫ」ボタンをクリックしてください。

これで「httpdocs」配下に「test」というディレクトリ（フォルダ）が自動的に作成されています。

なお「非ＳＳＬ」のみで作成してもＳＳＬ経由での利用が可能ですのでご安心ください。

また保護ディレクトリ（フォルダ）の作成から、実際に保護設定が有効になるまで15 分～30分程度かかりますのでご注意ください。

9.2 アクセス用ユーザの追加

続いて、実際にアクセスするためのユーザを追加します。

1) 「新しいユーザを追加」をクリックしてください。

2) 新しいユーザ・新しいパスワード・パスワードの確認を入力して「ＯＫ」ボタンをクリックしてください。

これで、保護ディレクトリにアクセスするためのユーザが追加できました。

9.3 保護ディレクトリ（フォルダ）にファイルをアップロードする

作成したディレクトリは「httpdocs」配下にあります。

「test」というディレクトリを作成したので「/httpdocs/test」というディレクトリが保護ディレクトリになっています。

このディレクトリにファイルをアップロードすれば、すべてのファイルがパスワード認証をしないと見れない状態になります。

例えばこのディレクトリにアップロードした「MacfileUpLoad.html」というファイルにアクセスしてみます。

URLは「http:/ご利用ドメイン/test/MacfileUpLoad.html」でアクセス可能です。

実際にアクセスすると、以下のようなダイアログが表示され、9.2で追加したユーザで認証を行わないとアクセスできません。

9.4 特殊ＵＲＬアクセスへの対応

9.1～9.3 の設定だけでは、ＳＳＬの際に使用する特殊なＵＲＬを使うと認証を回避することが可能となります。

たとえば「/httpdocs/test」に認証を設定したとしても、以下のようなＵＲＬを使用すると認証を回避してのアクセスが可能となります。

http://ps019.demo.jp/~w019235/test/

●このような特殊ＵＲＬでアクセスした際にも、認証を有効にする設定方法

1) コントロールパネルにログイン後、ファイルマネージャを使い設定を行いたいフォルダに移動してください。

ここでは「/httpdocs/test」に移動したものとして説明していきます。

2) 移動後「ファイル作成」をクリックして新規ファイルを作成します。

3) ファイル名に「.htaccess」と入力して「ＯＫ」ボタンをクリックしてください。

4) 以下のように入力して、「ＯＫ」ボタンをクリックしてください。

AuthType Basic

AuthUserFile "/home/httpd/vhosts/ドメイン名/pd/d..フォルダ名"

AuthName "MemberCertification"

Require valid-user

「.htaccess」というファイルが作成され、これにより特殊ＵＲＬでアクセスした際にも、認証が有効となります。

■１０．ＩＰアドレスによるアクセス制限

オフィス陶陽レンタルサーバでは、ディレクトリごとにＩＰアドレスによるアクセス制限を行うことが可能です。

10.1 コントロールパネルからアクセス制限を行う方法

なお、コントロールパネルへのログインはこちらを参照お願いします。

1) まずコントロールパネルから「ファイルマネージャー」アイコンをクリックしてください。

2) ここでは「/httpdocs」ディレクトリに制限をかけます。

クリックして「/httpdocs」に移動します。

3) 「ファイル作成」リンクをクリックしてください。

4) ファイル名に「.htaccess」を入力して「ＯＫ」ボタンをクリックします。

5) 例えば、すべてのアクセスを許可した上で、「192.168.0.2」からのアクセスを拒否したい場合は、以下のように設定します。

設定したら「ＯＫ」ボタンをクリックしてください。

6) この時点で、設定は有効になっています。

記述方法に関しては以下のＵＲＬを参照してみてください。

スタックアスタリスク

１１．高機能アクセス解析を利用する

高機能アクセス解析のオプションをお申込み頂くことによってAWStats というさらに高機能なアクセス解析を閲覧することが可能です。

オプション申込み時に送付されるメールの内容に従って、アクセス解析のトップページへアクセスできます。

●表示したい月の選択

●月間のアクセスサマリー

訪問者	一意な訪問者の合計数です。つまり一人の訪問者が時間を置いて再度訪れたとしても一人と数えられます。
訪問数	訪問回数の合計数です。上の訪問者よりも数が多ければ多いほどアクセスのリピート率が高いといえます。
ページ	ブラウザにページが表示された回数となります。ページビューと呼ばれることもあります。
件数	アクセスのあったファイル数の合計です。画像ファイルやスタイルシートなど、ページとは判断されないファイルもここには含まれます。
バイト	転送量の合計バイト数となります。