ホームページ作成講座「めもタグ」[ホームページのスペースを借りる/FTPの設定・使用方法]

トップページ > 初心者向けホームページ作成講座 > ホームページのスペースを借りる/FTPの設定・使用方法

ホームページのスペースを借りる/FTPの設定・使用方法

ホームページのスペースを借りる
FTPソフト「FFFTP」の設定と使用方法

FFFTPの初期設定
接続テストと切断
ファイルの転送とホームページの閲覧
転送モードの切り替え
ディレクトリ（フォルダ）作成とディレクトリの移動
ファイル・フォルダの名前変更
ファイル・フォルダの削除

spacer

ホームページのスペースを借りる

せっかくホームページを作っても、公開しないことには
誰にも見てもらえません。

インターネットにホームページを公開するには、プロバイダが提供するHPスペース、またはHPレンタルサービスが
提供する、ホームページのスペースにファイルをアップロードする必要があります。

まず、自分が契約しているプロバイダがHPスペースを提供しているかご確認ください。
以下のプロバイダはHPスペースを提供していますが
ここにないプロバイダはGoogleで検索してください。

2008年3月現在
@Nifty「アットホームページ」：プランにより10～100MBまで無料 FTP可 CGI可
OCN「PageOn」：10MBまで無料(200MBまで拡張可能) CGI不可 FTP可
BIGLOBE「個人ホームページ」：100MBまで無料(3000MBまで拡張可能) CGI可 FTP可
So-Net「U-page+」：10MBまで無料(50MBまで拡張可能) CGI不可 FTP可
hi-ho「レンタルWeb」：100MBまで無料 CGI/SSI可（一部制限あり） FTP可
auone-net(旧Dion)：プランにより50～100MBまで無料 CGI/SSI不可 FTP可
ODN：5MBまで無料画像は25KBファイル7つまで(有料で30～100MBのページ可能) CGI/SSI不可専用アップローダー使用

プロバイダがHPスペースを提供していない場合、以下の
無料HPレンタルスペース(サーバー)を借りることができます。

MILAN.jp：30M 広告あり　http://www.milan.jp/
ことねっと：20M 広告あり http://kotonet.com/
FC2WEB：1G 広告あり 3ヶ月更新しないとページ削除 http://www.fc2web.com/
Infoseek(isweb)：50M 広告有 CGI可 FTP可 http://isweb.www.infoseek.co.jp/
忍者ホームページ：100M テキスト広告携帯対応 FTP可 CGI不可 http://www.ninja.co.jp/hp/
2style.net：200M 広告あり FTP不可 CGI/SSI不可　http://2style.net/

有料HPスペースは広告が表示されず、CGIやデータベースが利用できます。
サーバの仕様はそのサイトでご確認ください。

ロリポップ
200M 女性・学生初期費用1575円月額315円 CGI/SSI/PHP可 FTP可 MySQL利用可能

☆さくらインターネット☆
ライトコース 300M 初期費用1000円月額125円 CGI(perl/Ruby/Python)SSI可 FTP可
データベースはスタンダード以上のコースで利用可能

FTPが使えないHPスペースは専用の転送フォーム等を利用します。

HPスペースの申し込み方法はプロバイダ・レンタルスペースによって異なるので
機能・容量・規約を確認の上お申し込みください。

spacer

FTPソフト「FFFTP」の設定と使用方法

FTP（File Transfer Protocol）とは
インターネットでファイルを転送するプロトコルで
作成したホームページのファイルを転送（アップロード）する場合に利用します。

「FFFTP」はFTPによるファイル転送を行うフリーソフトです。
htmlファイルや画像ファイルをサーバーに転送することで
他のパソコンからもページを閲覧できるようになります。

「FFFTP」は Sota's Web Pageから入手できます。

■FFFTPの初期設定

初めてFFFTPを起動したとき、メールアドレスの入力を
求められますので、メールアドレスを入力します。
アドレスは後で直すことができます。
（オプション(O)→環境設定(S)→[ユーザ]タブ）

次にホスト一覧が表示されます。

「新規ホスト」をクリックします。

「ホストの設定」ウィンドウが開きます。
これらの設定はプロバイダやレンタルスペースを提供している
サイトによって異なりますので、そのサイトのヘルプやよくある質問等を
参考に設定してください。
具体的に何を入力すればいいのかを説明します。

１．ホストの設定名
設定の名前でFTP接続するときの「ホスト一覧」に
表示されます。ホームページ名などを入れるといいでしょう。
２．ホスト名(アドレス)
ドメイン名(www.xxx.co.jp)やIPアドレス(123.145.167.189)を入力します。
３．ユーザ名
プロバイダやレンタルサーバから送られてきたFTPユーザ名を入力します。
４．パスワード/パスフレーズ
ユーザ名同様、プロバイダ等から送られてきたFTPパスワードを入力。
５．ローカルの初期フォルダ
自分のパソコンに保存されているhtmlや画像が入っているフォルダを指定します。（例：Homepageフォルダなど）

６．ホストの初期フォルダ
HPスペースにより異なりますが、基本的に「/public_html」と入力。
７．anony mous
通常チェックは要りませんがHPスペースによっては必要な場合もあります。
８．最後にアクセスしたフォルダを次回の初期フォルダとする
これは好きなようにどうぞ。

■接続テストと切断

設定が終わったら「OK」をクリックし、ホスト一覧から先ほど作成した
ホストをクリックしてから、下の接続をクリックします。

接続に成功すると、以下の画面が表示され、下のログに
「ファイル一覧の取得は正常終了しました」と表示されます。

青枠（左側）が自分のパソコン(ローカル)にあるファイルで、緑枠（右側）が
ホームページを公開するためのスペース（ホスト）です。

ファイル転送作業が終わり、FTPの接続を切断するときは

を押して切断します。
再接続する場合は

をクリックして「ホスト一覧」から選択して接続します。

■ファイルの転送とホームページの閲覧

いよいよファイルの転送です。
ホームページスペースにファイルを転送することにより、他の人もあなたが
作ったホームページを見ることができます。

ホスト側にファイルをアップロードするには、ローカルのファイルを選択して

をクリックします。
これでファイルがアップロードされました。

ただし、ファイル名に日本語や機種依存文字が使用されているファイルを
アップロードしてはいけません。
ファイル名が文字化けするなどのトラブルが発生し、正しくアクセスできません。
例：日記.html トップページ.html 画像.jpg

アップロードしたファイルを閲覧する方法

アップロードしたページを閲覧するには、ブラウザにアドレスを入力する必要があります。
プロバイダーやＨＰスペースレンタルサービスに提供されたアドレスに
ファイル名を追加します。

例1 main.htmlをアップロードし、閲覧する場合は…
(青：アドレス　赤：ファイル名)
http://memotag.sytes.net/main.html

例2 index.htmlをアップロードし、閲覧する場合は…
(青：アドレス　赤：ファイル名)
http://memotag.sytes.net/index.html　またはhttp://memotag.sytes.net/

ファイル名が「index.html」「index.htm」の場合のみ、ファイル名を省略し、アドレスだけで閲覧できます。
http://memotag.sytes.net/
これはホームページを動かしているサーバの機能により自動的に「index.html」を探すようになっているためです。
逆に「index.html」がないと、ファイルやディレクトリの一覧が表示されてしまう
場合があるので注意が必要です。

例3 diaryフォルダ内にある 080301.htmlを表示するには…
http://memotag.sytes.net/diary/080301.html

★コラム
自分のパソコン（Windowsなど）のファイルにアクセスする場合、ファイルの大文字と小文字を区別しません。
そのため「MAIN.html」にアクセスする場合、main.htmlまたはMAIN.htmlをアドレスバーに打ち込んでアクセスできます。
しかし、ＨＰスペースを動かしているサーバは、ファイルの大文字と小文字を区別するため
MAIN.htmlでしかアクセスできません。

逆にホスト側のファイルをローカルにダウンロードするには、ホストのファイルを選択して