HTML CSS 講座 トップページへ

ホームページ作成 いまさらHTML,CSS講座

|  Home  |  ホームページ作成の知識  |  HTML 講座  |  HTML TABLE 講座  |  スタイルシート(CSS) 講座  |  携帯サイト 作成 講座  |
[HTMLテンプレートカテゴリ] [未分類カテゴリ]

いまさらHTML,CSS講座トップ > ホームページ作成の知識 > ファイルのアップロード
様々なブックマークサービスがご利用頂けます。

アップロード

Web サーバとは 】   【 アップロード 】   【 FTPソフト 】   【 FFFTP 】  
アップロード用フォルダの作成テキストエディタの準備の章で、ホームページを作成する為の準備を進めてきました。
ホームページは、インターネット上の Webサーバ と呼ばれる場所にアップロードしてはじめて「ホームページを公開( 開設 )」した事になります。
この章では、サーバにホームページをアップロードする方法を解説します。

■ Webサーバとは

インターネット上で、主に情報送信を行うコンピュータを言います。Webサーバは、HTML文書や画像などのアップロードされた情報を蓄積し、クライアント ( 訪問者 ) のブラウザなどの、クライアントソフトウェアの要求 ( 接続 ) に応じて蓄積された情報をブラウザに送信します。
ホームページイメージ
Webサーバは、インターネットが出来る環境であれば、殆どの場合、契約しているプロバイダが無料で用意していますので、特に用意する必要はありません。最初はそちらにアップロードして、ホームページを公開すると良いでしょう。
ただ、プロバイダ提供の無料 Webサーバ ですと、今後さらにホームページ製作の知識が深まり、CGIプログラムなど使用したい場合、殆どはCGI不可の制限があると思いますので、お店のホームページでショッピングカートや、メール送信フォームなどをホームページに組み込む事はできません。
また、URLは、契約プロバイダのドメインの下にフォルダを作成した形になりますので、オリジナリティに乏しいURLだったり、URLが長くなってしまうデメリットもあります。
そこで、最初からCGIを使う予定がある場合など、契約プロバイダのWebサーバでは、スペックが不足すると思われる方には、有料のレンタルWebサーバをお勧めします。
個人サイトであるなら、 ロリポップロリポップアスカアスカサーバサービス、 ショッピングカートなどを使用するお店のホームページや企業のホームページなら、 ABLENETABLENET、 WebDAVも使える NTTPCNTTPCのレンタルサーバがお勧めです。
ページトップへ
■ アップロード
HP製作において、アップロードとは、製作者のパソコンに保存されたデータを、Webサーバに転送する事を言います。
Webサーバに転送する為には、FTP ( ファイル転送プロトコル ) で接続します。
 プロトコルとは、ネットワーク上でデータを通信するための手順や規約の集合を言います。
■ FTPソフト
ホームページ製作者のパソコンと、Webサーバとのやりとりを行ってくれるソフトウェアです。本稿では、フリーウェアの FFFTP を例に、ホームページ転送用の設定からアップロードの方法を解説します。
■ FFFTP
FFFTP とは、FFFTP とは、曽田 純氏によって製作されたフリーの FTP クライアントソフトです。
公式サイト:http://www2.biglobe.ne.jp/~sota/
ダウンロードページ:http://www2.biglobe.ne.jp/~sota/ffftp.html
ファイルのダウンロード 】   【 ソフトウェアのインストール 】   【 FFFTP の設定 】   【 ホームページのアップロード 】  
■ ファイルのダウンロード
上記のダウンロードページより、ダウンロードします。最新版は、2007年2月の時点で、Version 1.92a
1:Download ffftp-1.92a.exeのリンクをクリックします。
2:保存先を聞かれますので、とりあえずデスクトップに保存します。
 ←デスクトップに保存されたファイル
■ ソフトウェアのインストール
デスクトップに保存したファイルを、クリック、または、ダブルクリックします。
  1. セキュリティ警告画面です。実行ボタンを押します。
  2. インストール実行の確認画面。次へボタンを押します。
  3. 利用規約や、変更点等画面。確認後、次へボタンを押します。
  1. ソフトウェアの保存先を決めます。特に問題なければ、次へボタンを押します。
  2. 初めてインストールする場合は、パソコンに、プログラムを格納するフォルダがありませんので、フォルダを新規作成するかの確認画面です。通常、はい を選択します。
  3. インストール開始の確認画面です。デスクトップ上にショートカットアイコンを作成するかどうかの選択が出来ます。次へボタンを押すと、インストールが始まります。
ページトップへ
■ FFFTP の設定
インストールが完了しますと、FFFTP が起動し、ホームページのアップロードに必要な設定画面が開きます。こちらは後からでも設定できます。
閉じてしまった方はこちら。
また、FTPサーバ名、ユーザー名、接続パスワード等の情報を入力しますので、プロバイダや、契約しているレンタルサーバの接続マニュアルや、FTPソフトの設定方法などをご用意下さい。
新規ホストボタンを押します。
  1. ホストの設定名
    他のWebサーバとの区別をつける為に入力します。設定名は、任意の名前でつけられます。
    例 ⇒ KATCH や、YAHOO BB など。
  2. ホスト名(アドレス)
    ホストアドレス(FTPサーバ名)を入力します。こちらは、サーバ固有のアドレスを入力しますので、契約サーバのマニュアルをご参照下さい。
  3. ユーザー名
    契約プロバイダや、サーバから割り当てられた ユーザー名を入力します。
  4. パスワード/パスフレーズ
    契約プロバイダや、サーバから割り当てられた パスワードを入力します。
  5. anonymous
    通常はアカウントとパスワードを入力して、FTPサーバにログインしますが、anonymousのチェックを入れると、ユーザー名に anonymous 、パスワードは、ユーザー設定で設定したメールアドレスがセットされます。

    通常このチェックボックスはオフにしておきます。


 anonymous FTP
通常はアカウントとパスワードを入力して、FTPサーバにログインしますが、ユーザー名に anonymous ( 匿名を意味します) 、パスワードに、メールアドレスを入力し、誰でもFTPサーバを利用できるシステムを言います。
但し、これは、公共のソフトウェアやデータを不特定多数に配布するために考案されたシステムの為、ホームページのアップロードにおいては使いませんので、通常、チェックボックスはオフにしておきます。
ここまで設定できましたら、接続テストを行います。OKボタンを押しますと、ホストの設定画面が消えます。
ホストの設定名で設定したホスト名が選択されている事を確認し、接続ボタンを押します。
ソフトウェアのステータスに、ファイル一覧の取得は正常終了しました と表示されたら接続成功です。
上図の画面にならず、何度もパスワードを聞かれ接続に失敗する場合、パスワードだけでなく、ホスト名や、ユーザー名も入力間違いが無いか確認して下さい。
続いて、ローカルの初期フォルダとホストの初期フォルダの設定をしますので、ホストの設定画面を開きます。
  1. FFFTP の画面から、「 接続 」⇒「 ホストの設定 」へ進みます。
  2. ホストの一覧画面が表示されますので、続いて、設定変更をクリックします。
  3. ホストの設定画面が表示されます。
  1. ローカルの初期フォルダ
    パソコンからサーバにホームページを転送する際に、一番最初に表示されるパソコン側のフォルダを指定します。これは、接続してからでも変更できますので、アップロードするフォルダが多数ある場合は設定しなくても大丈夫です。
  2. ホストの初期フォルダ
    Webサーバ側のパソコンから転送されるファイルを受け取る(蓄積する)フォルダを指定します。契約サーバやプロバイダによって異なりますので、各サーバのマニュアルで確認して下さい。
ページトップへ

■ ホームページのアップロード

基本設定は以上です。次はいよいよホームページを、Webサーバにアップロードします。
  1. ローカル ( パソコン ) 側のフォルダを表示しています。
    アップロードしたいファイルが格納されているフォルダを開き、アップロードしたいファイルを選択 ( 青色に反転します )しておきます。

    ファイルの選択方法

    1. すべてアップロードしたい場合は、ローカルフォルダが表示されている画面上で、右クリック ⇒ 全てをアップロード を選択します。
      注:これを選択すると、すぐにアップロードがはじまります。
    2. アップロードしたいファイルがひとつだけの場合は、そのファイルをクリックして選択します。
    3. アップロードしたいファイルが連続してある場合は、選択したいファイル名の上で、マウスの左クリックボタンをドラッグします。
    4. アップロードしたいファイルが、飛び飛びで複数ある場合は、Ctrl キーを押しながら、マウスの左クリックすることで、複数選択する事ができます。
  2. サーバ側のフォルダの中身を表示しています。
  3. ローカル、サーバのフォルダが正しいか確認してから、上矢印のアイコンをクリックするとアップロードが始まります。

■ Web上で確認

正常にアップロードされたか、http://〜で始まる ホームページの URL をブラウザに入力し、正常に表示されているかどうか確認して作業完了です。
URLイメージ

ページトップへ
(C) いまさらHTML CSS講座 2002-2008 All right reserved