Webの勉強

初心者必見|FileZillaを使ってConoHaでHTMLファイルをアップロードしインターネットに公開する方法

最近Webデザインの勉強をしています。その中でHTMLファイルをインターネットに公開する方法を学びましたので共有します。

通常はWordpressで記事を書き、公開とポチッとやっているのでサイトにページを自分でアップロードするなんて思いつきもしませんでしたが、意外と簡単でした。

 

ぺりぺり
ぺりぺり
最近物作りの楽しさを身をもって感じています。サラリーマンだった20年くらいは自分でモノを作り出すなんて考えませんでしたが、何かを自分で作り出すって楽しいです。ホームページ作りもその一つです。

フリーソフトFileZilaを使ってインターネットにページを公開する

出典:FileZilla

今はすごく便利な時代です。無料ソフトの存在は大きな味方です。FileZillaというフリーソフトでHTMLのページをネットに公開できます。FTP方式でアップされます。

FTPとは「File Transfer Protocol」の略で、ファイルを転送する時の規格のことです。

ConoHa側で必要な情報を取得して、FileZila側で設定して行きます。

ConoHa側の作業

ConoHa側では、まずConohaにログインします。メインページから上の方にあるWINGをクリックし、自分のサイトの名前の横にある、サイト管理のアイコンをクリックします。

左のタブのFTPをクリックします。

FTPアカウントのページの中から、まだFTPアカウントの登録が済んでいなければ+FTPアカウントをクリック、アカウントを作成します。

任意のユーザー名と、パスワードを設定します。設定が済むと、自分で設定したユーザー名、パスワード、FTPサーバーが上記のように出てきます。この3つをFileZillaで使いますので、お手元にご準備を。

FileZilla側の作業

FileZillaのホームページに行き Download FileZilla Clientをクリックします。最近詐欺サイトが多いのでちゃんとアドレスが https://filezilla-project.org になっていることを確認ください。

Download FileZilla Clinetをクリックします。 通常FileZillaがOSを判断して適切なOSでダウンロードボタンを出してくれますが、一応MACかWindowsでファイルが違うので、確認してください。

1番左のFileZillaをDownloadします。

MacではDownloadsにFileZillaのファイルが生成されます。それをApplicationにドロップしてください。

アプリケーションでFileZillaが出てきました。Openしてください。

FileZillaを開けると初期設定画面が出てきます。Hostと、User、Passowrdを入力します。ConoHaのところでメモったFTPサーバー名、ユーザー名、パスワードを入力し、Connectを押します。

うまくいくと、うまく行きましたと上の方の画面に出てきます。

アップロードしたいサイトを右上のボックスから選び、選択します。

自分が用意しているHTMLのファイルを用意し、FileZillaの右下のボックスにドラッグ・アンド・ドロップします。

このように貼り付けられました。index.htmlという名前をつけるとメインのページとしてConoHaが表示してくれます。

ネットのブラウザにアドレスを打ち込みます。そうするとアップロードしたindex.htmlのファイルがインターネット上で見られるようになりました。

もしも、html以外のファイル名をつけた場合は、.comの前に、スラッシュをつけてファイル名を打ち込めば見れます。

とっても簡単です!

まとめ

以上、初心者必見|ConoHaにHTMLファイルをアップロードしインターネットにページを公開するやり方でした。

今までWordPressで記事を書いてアップロードしていたので、このような仕組みでインターネットに公開することを初めて知りました。

最後まで読んでいただいてありがとうございました。

しつこい力💪は人生を切り開く。今後はHTML、CSSを使ってオリジナルのサイトもアップロードして行きたいと思います。

ぺりぺりでした!

 

この記事をSNSでシェア!
ABOUT ME
ぺり
葉山のぺり しつこい力💪で働く女性の稼ぐ力・お金の力を引き上げるブログ運営 *米国大学院卒業後、米国上場企業で20年のキャリアを積む *激務と人間関係に疲れ果て脱サラ *Webデザイナーになるべく学校に通い、地元葉山でビジネス立ち上げに挑戦中 *しつこい力💪とキャリアを活かし勉強ブログ運営。一緒に勉強しましょう! *TOEIC 920点、米国公認会計士(USCPA)合格、公認内部監査人(CIA)ホルダーです。
RELATED POST