HTML＆画像のファイル管理

質問

Gooの無料HPスペースを使っています。お聞きしたい事は大きく２点ありますが。
自分のサイトがだんだん大きくなってくるとページを分けるようになる訳ですが、その際おなじフォルダに全てのページ全ての画像ファイルがなければいけないのですか？アプリケーションに『同じ階層内にないのでコピーしますか？』なんててたびたび言われて困惑してます。
もう一つは全く同じ事がFTPでアップする際も言えますか？ディレクトリと階層の概念がよく分かっていません。どんどんページや画像が増えると修正する時探すのが大変です。
しかしGooに与えられた、『Pub_html』とかいうサーバーにある（？）フォルダを関連付けて増やす事なんてできるのでしょうか？
なんだかわけわかりません。
ちなみにMacです。FTPソフトはFetchというものを使っています。

回答No.2

sesame · ベストアンサー

>>自分のサイトがだんだん大きくなってくるとページを分けるようになる訳ですが、
>>その際おなじフォルダに全てのページ全ての画像ファイルがなければいけないのですか？
そんなことはありません。いくつかのフォルダを作って、そこにファイルを分けて置くことができます。
いくつかのページで共有する画像ファイルがある場合でも、どこか1箇所に置くだけでいいです。
フォルダごとにコピーして置く必要はありません。

>>もう一つは全く同じ事がFTPでアップする際も言えますか？
「FTPでアップする際も」というか、前の話はFTPでアップする場合の話じゃないんでしょうか？

>>ディレクトリと階層の概念がよく分かっていません。
>>どんどんページや画像が増えると修正する時探すのが大変です。
ホームページを階層化して管理する場合、大きく分けて2つの流儀があるようです。

1.コーナーごとにフォルダを分ける
たとえば日記なら日記のHTMLと画像をまとめて1つのフォルダに、というふうにする。

2.HTMLはHTML、画像は画像、という風に、ファイル形式ごとに分ける
/html/とか/images/のようなフォルダを作って、たとえばJPEGやGIFはその内容や用途に関わらずまとめて/images/に入れる、というやり方。共有する画像ファイルなどをまとめて置いておくことができ、管理しやすい。

>>しかしGooに与えられた、『Pub_html』とかいうサーバーにある（？）フォルダを関連付けて増やす事なんてできるのでしょうか？
「Pub_html」は、ユーザーに与えられたスペースのルートフォルダの名前ですね。
実際にフォルダを掘る場合は、Pub_htmlの下に Pub_html/images/ とか ub_html/diary/ といったサブフォルダを作って管理することになります。
「関連付けて増やす」というのがどういう概念かわからないのですが、基本は↑のようなことです。

もしわからない点がありましたら補足してください。

お礼

分かりやすい御説明下さってありがとうございます。
なんだか分かってまいりました。

＞「FTPでアップする際も」というか、前の話はFTPでアップする場合の話じゃないんでしょうか？
前の話はDreamWeaver などでファイルを作る時の話でした、最初にまずフォルダをつくってファイルも画像も全部一つのフォルダに入れていたので．．．。

私がしたかったのはまさに2.のやり方です。
＞実際にフォルダを掘る場合は、Pub_htmlの下に Pub_html/images/ とか ub_html/diary/ といったサブ＞フォルダを作って管理することになります。
勘違いしてました、そういうことだったのですね。ルートフォルダと並列に新たなフォルダを作るのかと思っていたのです、なるほどするとフォルダごとアップすればいいのですね。
大変よく分りました、しかし、ファイルが増えてから階層を変更するのは大変そうですね。
「構想をよく練ってからアップすること」とどこかのHPに書いてあったのが、やっと「なるほど！」って感じです。
ありがとうございました。

回答No.1

Ryo_Hyuga

はじめまして。

>自分のサイトがだんだん大きくなってくるとページを分けるようになる訳ですが
ページを分けるというのは、フォルダを分けるだけですよね？
別の新しいサーバーにするということではないですよね？

同じサーバーの別フォルダにhtmlファイルを移動した場合、
画像のリンク先をそのフォルダに指定してあげればいいと思います。

----------------sample----------------
今、次のようになっているとします。

サーバー
　｜
　｜---画像ファイル
　　　　｜
　　　　｜---htmlファイル

ここで、htmlファイルから画像ファイルを読み込むとすると、
<img src="../xxxxx.jpg">

こんな感じです。

お礼

御回答ありがとうございます
>ページを分けるというのは、フォルダを分けるだけですよね？
その通りです。

なんとなくは分るのですが．．詳しくないので、私にはすこしむずかしいようです。
ちょっと勉強してみます。参考になりました。