ファイルジラの使い方について、ホストとかディレクトリとかファイルとか拡張子とか

07.132015

この記事は2分で読めます

a02



ファイルジラの使い方について、ホストとかローカルとかディレクトリとかファイルとか、

なんだかよくわかりませ~ん・゚・(つД`)・゚・ ウェ―ンというご質問をよくいただきますので、

できるだけわかりやすくまとめてみたいと思います。

 

コレ読んでやっぱりわからないとか、ますますわからなくなった^^;とかありましたら、

お気軽にコチラから質問してくださいね。

 

ファイルジラの見方


 

ファイルジラを開くと、この画像のように、

赤枠の部分に、自分のPCの中のフォルダとファイルが表示されます。(①と②)
青枠はレンタルサーバー側になります。(③と④)

 

a01

 

それぞれの上の段に表示されているフォルダ(ディレクトリ)は
下の段に対応しています。


上の段のディレクトリをクリックすると、
下の段に、そのディレクトリ内に入っているディレクトリやファイルが表示されます。

エックスサーバーの場合


当サイトではエックスサーバー をおすすめしているので、エックスサーバーでのFTP接続について説明します。

 

エックスサーバーでは、取得したアカウント名+xesrv.jp というディレクトリが作られます。

独自ドメインを設定している場合は、同じ場所にその独自ドメインが表示されます。



ファイルなどは、使いたいドメイン名をクリックした中にある「public_html」というディレクトリの中にアップロードします。


ですので、自分のPCにも同じような構造でフォルダを作成すると、作業の効率がUPしますので、おススメします。

 

ファイルの拡張子について


さて、ファイルについてですが、ファイルにはそれがどういった種類のものであるかを識別するための「拡張子」というものがついています。


たとえば、画像や写真などには、

.jpg / .jpeg / .png / .bmp / .gif

などがあります。


その他、テキストファイルや動画や音楽ファイル等々、
それぞれに拡張子があります。

詳しくは「拡張子」または「拡張子一覧」等で検索してください。




その拡張子ですが、PCの設定によっては、表示されていないこともありますので、
これも、「拡張子を表示させる」等で検索してみてください。



で、この拡張子ですが、自分で変更はできません。
つまり、「右クリック→名前の変更」ではダメだということです。



たとえば、Windows パソコンなら、アクセサリーの中に「ペイント」という画像編集用のツールが入っていますが、
これを例に取ってみると、作成したファイルを保存するときに、
「名前をつけて保存」をクリックすると、画像のようにどの形式(拡張子)で保存するかを選択できます。

 

a03

 

 

このように、ツールやソフトで保存するときに決定します。


テキストファイルの場合、Wordで無料レポートを作成して、PDFに変換して保存するのと同じですね。


また、HTMLというのは、WEBページを表示させるための、タグで書かれたファイルです。

タグとはどういうものかというと、
ためしにこのサポ板の上で右クリックして、
IEなら「ソースの表示」、クロームなら「ページのソースを表示」をクリックしてみてください。

 

a04FileZilla


そうすると、英数字で書かれたページが表示されますね。

 

a05

 

これが、今見ているページを表示させているタグになります。

この中の<body>~</body>の間に書かれているものをブラウザを通してみることで、今見えているサイトが表示されるわけです。

 

 

スポンサーリンク

HP初心者でも楽々。サイト作成お助けツール


■ 初心者でも自分で更新できる最短ホームページテンプレート
■ サクサクっと綺麗なサイトを作りたいなら=サイト作成システム「SIRIUS」
■ 豊富な素材を組み合わせて簡単にLPが作れる=LP作成用テンプレート【MeVIUS-メビウス-】
■SEOに強い戦略的テンプレート「賢威6.2」。レスポンシブWebデザインにも対応!パンダアップデート・ペンギンアップデートで悩むサイトオーナー様必見のSEOマニュアルが付属!

HPやブログで稼げるようになるためには?


■ブログを育てて未来の資産とする方法=PRIDE(プライド)
■初心者のためのアフィリエイトの教科書=3Mブログサイトアフィリエイト「LUREA plus」ルレアプラス
■もうキーワードで悩まない=オートレンダー 「未来のトレンドキーワードやライバル不在の穴場キーワードがわかるアフィリエイトオールインワンツール!」


関連記事

■スポンサーリンク

■過去記事

ご訪問者様

  • 116View:
  • 240477Total:
  • 0Online:
■オススメできるもの

◎PRIDE(プライド)

trend

◎LUREA(ルレア)

lurea

◎MeVIUS(メビウス)