HTMLタグ/CSS一覧と初心者向けホームページ作成解説集:HTMLタグボード
HTMLタグボードのトップへ戻る ゼロから始めるホームページ作成講座 訪問者優位のWEBデザインTips インターネットで小遣い稼ぎ 今すぐ使える!便利ツール(HTMLタグ辞典など)

HTMLタグボードトップ >> ゼロから始めるホームページ作成講座 >> 作ったファイルを公開しよう >> アップロードの仕方
お問い合わせはこちら サイトマップはこちら

作ったファイルを公開しよう メニュー
1.FTPとは
2.FTPの各種設定
3.アップロードの仕方
4.リンク切れの確認

アップロードの仕方


アップロードをする前に…

FTPの各種設定で、すでにウェブサーバーと接続するための設定が完了し、FTPソフトを起動しているものとして話を進めます。まだ完了していない方は、前章「FTPの各種設定:作ったファイルを公開しよう」を参考に設定を完了してください。


アップロードフォルダを開く

ウェブサーバーと接続をする前に、あらかじめ保存しておいたHTMLファイルが格納してあるフォルダを開きます。これがアップロードフォルダとなります。今回は「マイドキュメント\web」というフォルダを開く方法を紹介します。このフォルダは保存したフォルダによって異なるので、適宜に読み替えてください。


1. マイ ドキュメントを開く

デスクトップ上にある「マイ ドキュメント」のアイコン上でマウス右クリックし、「開く」を押すと、「マイドキュメント」のフォルダが表示されます。

マイドキュメントを開く

2. マイドキュメント\webフォルダを開く

マイドキュメントが表示されたら、webというフォルダがあると思いますので、そのフォルダを右クリックして「開く」を押し、webフォルダを開きます。

さらにwebフォルダを開く

指定のファイルを転送する

それでは、サーバーと接続して指定のファイルを転送してみましょう。サーバーとの接続方法は「ウェブサーバーに接続してみよう:FTPの各種設定」を参考にしてください。ウェブサーバとの接続が完了したら、以下の指示に従ってください。


1. 転送先を指定
ウェブサーバー接続後の初期画面の例

多くのウェブサーバーは接続すると右の図のようにいくつかのフォルダが表示されます(右はXREA.COMの場合)。通常は「public_html」というフォルダが用意されており、このフォルダの下にファイルを置くように決まられている場合が多いようです。このフォルダのことを「ルートディレクトリ」といいます。サーバーによってはこのフォルダ名やファイルを置く場所のルールは異なりますので、詳しくは各レンタルサービスに問い合わせてください。
この「public_html」がルートディレクトリである場合を例に解説します。まずは、このフォルダをダブルクリックして開きます。
何も表示されていないと思いますが、このフォルダにファイルを転送していくことで、ホームページが公開されます。


2. 送信したいファイルの選択
ファイルを複数選択した場合のファイル状態

では、先ほどのマイドキュメント\webフォルダから送信するファイルやフォルダを選択します。一つ選ぶ場合はそのファイルを一度クリックします。また、複数選びたい場合は、キーボードの「Ctrl(コントロールキー)」を押しながらファイルを一つずつクリックしていきます。


3. サーバーエリアにファイルをドラッグ(移動)する

では、実際にファイルを転送します。選んだファイルをpublic_htmlフォルダ内にドラッグ&ドロップします。
すると、自動的に転送が開始され、送信が完了したファイルがドラッグしたウェブサーバーのエリアに表示されます。

ウェブサーバーに転送したいファイルをドラッグする

☆ココがポイント!

基本的にはこの操作の繰り返しとなります。更新したファイルや新たに作成したファイルをウェブサーバーに送信することでホームページを公開・更新できます。
なお、転送ソフトによっては、一度送ったファイルと同名のファイルをアップロードした場合、ファイルは予告なく上書きされることがあるので注意しましょう。
ホームページビルダー付属のファイル転送ソフトのこれ以外の操作については以下を参照してください。


<< 前のページ 1 2 3 4 次のページ >>

画面のトップへ戻る

こんな時どうする?

ファイル転送ソフトのそれ以外の操作について教えて

操作説明 (紹介サイトへ)

ファイルの削除 - ごきげんはうす
新しいフォルダの作成 - ごきげんはうす
フォルダ間の移動 - ごきげんはうす
ルートディレクトリへ戻る - ごきげんはうす
パーミッション(アクセス権)の変更 - ごきげんはうす
転送モードについて - ごきげんはうす


こんな時どうする?

ドラッグ&ドロップのやり方を教えて

操作説明 (紹介サイトへ)

ドラッグ&ドロップ - e-Words


画面のトップへ戻る

ゼロから始めるホームページ作成講座のトップへ

必要なものを揃えよう
伝えたい情報を考えよう
仕組みを理解しよう
実際に作ってみよう
作ったファイルを公開しよう
製作にあたり注意すべきこと
練習問題にチャレンジ!

訪問者優位のWEBデザインTipsのトップへ

インターネットで小遣い稼ぎのトップへ

今すぐ使える!便利ツールのトップへ