このWikiHowでは、自分でコーディングしたウェブサイトをオンラインにする方法を説明します。FileZillaと呼ばれるFTPプログラムを使うこともできますし、ウェブサイトホスティングサービスのコントロールパネルを使うこともできます。ウェブサイトをアップロードする前に、ウェブサイトのドメインとウェブサイトのホスティングの両方が必要であることを覚えておいてください。
知っておくべきこと
- ファイルエクスプローラー(PC)とファインダー(Mac)の両方で、ウェブサーバーに直接リンクする新しいフォルダを作成できます。
- フォルダを作成したら、そこにウェブファイルをコピーしてサイトをアップロードできます。
- スタンドアロンのFTPアプリケーションがお好みなら、FileZillaはWindowsとmacOSの両方で使えるシンプルなオプションです。
- ウェブホストがウェブベースのコントロールパネルを通じてアップロードを提供している場合は、どこからでもウェブサイトの変更をアップロードできます。
ネットワークフォルダを使用する(Windows)
-
ホスティングサービスのFTP情報を検索します。ウェブサイトをアップロードする前に、ホスティングサービスのFTPサーバーのユーザー名、パスワード、ウェブサイトのアドレスを知っておく必要があります。これは通常、ホスティングサービスのダッシュボードの「FTP」セクションで見つけることができます。
- ホスティングサービスの一般的な例には、GoDaddyとHostingerが含まれます。この情報を見るにはログインする必要があります。
- あなたのウェブサイトがFTPをサポートしていない場合は、代わりに次のことを行う必要があります。
-
ウェブサイトのファイルをコピーします。ウェブサイトのファイルが保存されているフォルダを開き、ファイルをクリックしたままマウスをドラッグしてハイライトし、Ctrl+Cキーを押してコピーします。
- ウェブサイトのファイルには通常、インデックスファイル、カスケーディングスタイルシート(CSS)ファイル、画像フォルダが含まれます。
-
このPCを開きます。コンピュータのデスクトップで「This PC」をダブルクリックするか、「Start 」に「this pc」と入力し、検索結果の一番上にある「This PC」をクリックします。このPC」ウィンドウが開きます。
-
新しいFTPネットワークフォルダを作成します。以下の手順で、WebサイトホスティングサービスのFTPフォルダに接続できます:
- コンピュータ」タブをクリックします。
- ネットワークの場所を追加]をクリックし、[次へ]を2回クリックします。
- ホスティングサービスのFTPアドレスを入力し、[次へ]をクリックします。
- 匿名でログオンする」ボックスのチェックを外し、FTPユーザー名を入力して「次へ」をクリックします。
- ネットワークの名前を入力し、[次へ]をクリックし、[完了]をクリックします。
-
プロンプトが表示されたら、パスワードを入力します。FTPフォルダが開いたら、ホスティングサービスのFTPページに記載されているパスワードを入力するよう求められます。
-
public_html "フォルダを開きます。FTPフォルダ内の "public_html"(または "html"、"root")フォルダをダブルクリックして開きます。
-
あなたのウェブサイトのファイルを貼り付けます。フォルダ内の空白をクリックし、Ctrl+Vキーを押してファイルをフォルダに貼り付けます。
-
ウェブサイトにアクセスします。コンピュータのウェブブラウザで、ウェブサイトのドメインアドレスにアクセスします。ウェブサイトのFTPフォルダへのファイルのアップロードが完了していれば、ウェブサイトは稼動しているはずです。
ネットワークフォルダを使用する(Mac)
-
ホスティングサービスのFTP情報を検索します。ウェブサイトをアップロードする前に、ホスティングサービスのFTPサーバーのユーザー名、パスワード、ウェブサイトのアドレスを知っておく必要があります。これは通常、ホスティングサービスのダッシュボードの「FTP」セクションで見つけることができます。
- ホスティングサービスの一般的な例には、GoDaddyとHostingerが含まれます。この情報を見るにはログインする必要があります。
- あなたのウェブサイトがFTPをサポートしていない場合は、代わりに次のことを行う必要があります。
-
ウェブサイトのファイルをコピーします。ウェブサイトのファイルが保存されているフォルダを開き、ファイルをクリックしたままマウスをドラッグしてハイライトし、⌘Command+Cキーを押してコピーします。
- ウェブサイトのファイルには通常、インデックスファイル、カスケーディングスタイルシート(CSS)ファイル、imagesフォルダが含まれます。
-
Finderを開きます。MacのDockにある青い顔に似たFinderアプリのアイコンをクリックします。
-
新しいFTPネットワーク接続を作成します。以下の手順で、ウェブサイトホスティングサービスのFTPフォルダに接続できます:
- 画面上部の[移動]をクリックします。
- ドロップダウンメニューで「サーバーに接続...」をクリックします。
- ウェブサイトのFTPアドレスを入力し、[接続]をクリックします。
- プロンプトが表示されたら、ウェブサイトのFTPユーザー名とパスワードを入力します。
-
public_html "フォルダを開きます。FTPフォルダ内の "public_html"(または "html"、"root")フォルダをダブルクリックして開きます。
-
あなたのウェブサイトのファイルを貼り付けます。フォルダ内の空白をクリックし、⌘Command+Vを押してファイルをフォルダに貼り付けます。
-
ウェブサイトにアクセスします。コンピュータのウェブブラウザで、ウェブサイトのドメインアドレスにアクセスします。ウェブサイトのFTPフォルダへのファイルのアップロードが完了していれば、ウェブサイトは稼動しているはずです。
FileZillaを使用する
-
ホスティングサービスのFTP情報を検索します。FileZillaでウェブサイトをアップロードする前に、ホスティングサービスのFTPサーバーのユーザー名、パスワード、ウェブサイトのアドレスを知っておく必要があります。これは通常、ホスティングサービスのダッシュボードの「FTP」セクションで見つけることができます。
- ホスティングサービスの一般的な例には、GoDaddyとHostingerが含まれます。この情報を見るにはログインする必要があります。
- WebサイトがFTPをサポートしていない場合は、代わりに次の操作を行う必要があります。
-
FileZillaを開きます。Start (Windows)またはSpotlight (Mac)を開き、filezillaと入力し、FileZillaの結果をクリックまたはダブルクリックします。これでFileZillaのウィンドウが開きます。
- FileZillaがまだインストールされていない場合は、「Download FileZilla Client」をクリックし、次のページで「Download FileZilla Client」をクリックし、「Download」をクリックし、ダウンロードしたインストールファイルをダブルクリックし、インストールの指示に従います。
-
ファイルをクリックします。FileZillaウィンドウ(Windows)または画面(Mac)の左上にあります。ドロップダウンメニューが表示されます。
-
Site Manager...をクリックします。ドロップダウンメニューの一番上にあります。新しいウィンドウが開きます。
-
New Siteをクリックします。ウィンドウの左側にあります。これで新しいサイトエントリーが作成されます。
-
ウェブサイトの名前を入力します。ウィンドウの左側に "New Site "タグが表示されたら、サイトに使用する名前を入力し、↵Enterキーを押します。
-
FTPを使用していることを確認してください。ウィンドウ上部の「プロトコル」セクションのドロップダウンボックスに「FTP - File Transfer Protocol」が表示されているはずです。表示されていない場合は、ドロップダウンボックスをクリックし、ドロップダウンメニューから「FTP - File Transfer Protocol」をクリックします。
-
ウェブサイトのアドレスを入力します。ホスト」テキストフィールドに、ホスティングサービスのFTPページに記載されているウェブサイトアドレスを入力します。
-
ログオンタイプ」ドロップダウンボックスをクリックします。ウィンドウの中央にあります。ドロップダウンメニューが表示されます。
-
通常」をクリックします。このオプションがドロップダウンメニューにあります。これを選択すると、ユーザー名のテキストフィールドとパスワードのテキストフィールドの両方が表示されます。
-
FTPログイン認証情報を入力します。WebサイトホストのFTPユーザー名を「ユーザー」テキストボックスに入力し、WebサイトホストのFTPパスワードを「パスワード」テキストボックスに入力します。
-
接続をクリックします。ウィンドウの一番下にあります。そうすると、FileZillaがホスティングサービスのFTPページを開きます。
- FileZillaウィンドウの右下ペインに、FTPページのファイルとフォルダのリストが表示されるはずです。
-
ウェブサイトのファイルの場所に移動します。FileZillaウィンドウの左下パネルで、フォルダを移動し、ウェブサイトのファイルが保存されているフォルダを見つけます。
-
ウェブサイトのファイルを選択します。一番上のウェブサイトファイルをクリックし、⇧ Shiftを押しながら一番下のウェブサイトファイルをクリックします。
- ウェブサイトのファイルには通常、インデックスファイル、カスケーディングスタイルシート(CSS)ファイル、イメージフォルダが含まれます。
-
ウェブサイトのファイルをウェブサイトの「public_html」フォルダに移動します。左側のペインで選択したファイルを右側のペインの空白部分にクリックしてドラッグします。ファイルのアップロードが始まります。
- ウェブサイトによっては、FTPフォルダの名称が「public_html」以外の場合もありますので、「public_html」が見つからない場合は、「html」または「root」フォルダを探してください。
-
ウェブサイトにアクセスします。コンピュータのウェブブラウザで、FileZillaの「ホスト」テキストフィールドに入力したウェブアドレスにアクセスします。ウェブサイトのファイルがウェブサイトのFTPフォルダにアップロードされていれば、ウェブサイトは生きているはずです。
コントロールパネルを使用する
-
ホスティングサービスのコントロールパネルにログインします。使用しているホスティングサービスのダッシュボードを開き、プロンプトが表示されたら、メールアドレス(またはユーザー名)とパスワードを入力します。
- ホスティングサービスの一般的な例には、GoDaddyとHostingerが含まれます。
-
ファイルマネージャーオプションをクリックします。通常、このオプションはダッシュボードセクションにありますが、最初にウェブサイトの名前を選択する必要がある場合もあります。
-
public_html」フォルダを開きます。ファイルマネージャーウィンドウで、"public_html "フォルダをダブルクリックして開きます。このフォルダにウェブサイトのすべてのファイルを保存します。
- ウェブサイトによっては、FTPフォルダを「public_html」以外の名前で呼んでいる場合がありますので、「public_html」フォルダが見つからない場合は、「html」または「root」フォルダを探してください。
-
アップロードをクリックします。このボタンの場所はさまざまですが、通常はページの上部、下部、または右側にあります。
-
ウェブサイトのファイルの場所に移動します。コンピュータのファイルマネージャーウィンドウで、ウェブサイトのファイルが保存されているフォルダに移動します。
- ホスティングサービスのコントロールパネルによっては、コンピュータのファイルエクスプローラ(Windows)またはFinder(Mac)が開く前に、[ファイルの選択]などをクリックする必要がある場合があります。
-
ウェブサイトのファイルを選択します。アップロードしたいファイルをマウスでクリックしてドラッグします。
- 特定の場所からすべてのファイルを選択したい場合は、1つのファイルをクリックし、Ctrl+A(Windows)または⌘Command+A(Mac)のいずれかを押します。
-
開く」をクリックします。ウィンドウの右下にあります。そうすることで、ホスティングサービスのページにファイルが追加されます。
-
必要に応じて、もう一度アップロードをクリックします。開く]をクリックするとアップロードキューにファイルが追加されますが、ファイルが直接アップロードされない場合は、アップロードしたファイルの下または上にある[アップロード]をクリックして、"public_html "フォルダに配置します。
-
その他の画面上の指示に従ってください。各ホスティングサービスは、アップロードしたファイルを同化する方法が若干異なるため、ファイルのアップロードを完了する前に、セットアッププロセスをクリックするよう促される場合があります。
- あなたのウェブサイトのファイルがZIPフォルダにある場合は、ZIPフォルダを選択し、それを右クリックして、ホスティングサービスのコントロールパネルで[展開]または[解凍]オプションをクリックして、"public_html "フォルダ内のZIPフォルダを展開する必要があります。
-
ウェブサイトにアクセスします。コンピュータのウェブブラウザで、ウェブサイトのドメインアドレスにアクセスします。あなたのウェブサイトのファイルがあなたのウェブサイトのFTPフォルダにアップロードし終わっていれば、あなたのウェブサイトは生きているはずです。
コメント
最新を表示する
NG表示方式
NGID一覧