メモ帳とHTMLでサイトを作っていますがフォルダの管理について

質問

PC関係については独学で
HP作成ソフトは使わずに、市販の本やサイトを見ながらサイトを作っています。

画像が沢山あるサイトなのですが
今は全部のファイルを
「homepage」と名づけたフォルダに入れて
FFFTPで自分の契約したプロバイダーのサーバーに転送しております。

しかし画像が多いので更新の際、
ごちゃごちゃするのでどうしたら良いのか困っております。

そこで質問なのですが「homepage」のフォルダ内に
いくつかの別のフォルダを設けて、
そこに画像やファイルを分けて入れても上手く更新出来るのでしょうか？

この方法ですと転送する前にIEで試しに表示する事は出来ますか？
転送してしまえば表示されるのでしょうか？

また更新の際にすべてのファイルを毎回転送していますが
PCにフォルダを置いておくにはだいぶデータが大きくなってきたので
今は更新後にフォルダをLhacaで圧縮して
自分で自分のフリーメールに送信しておいて
必要な時に解凍して使っています。

この様な方法以外にデータを上手く保存する方法はありますか？

もし使っているPCに異常が起きた時に困るのでそうしております。

PCに詳しい方、宜しくお願いいたします。

回答No.3

2NN · ベストアンサー

img や image というフォルダを一階層下（homepageの下）に作り、
そこに画像を格納しておくのが一般的です。

IEでも転送後でも呼び出すパスが合っていれば表示されます。
上記の場合だと、IMGタグは下記のようになります。

<img src="top.jpg">
↓
<img src="img/top.jpg">

画像が多すぎるなら、img フォルダの下にさらに
フォルダを分けても良いと思います。

> この様な方法以外にデータを上手く保存する方法はありますか？
サイズにもよりますが、フラッシュメモリなどを購入して
外部に保存しておくのが良いかもしれません。

お礼

大変、分りやすいご回答ありがとうございます。

タグの書き方も書いて下さったので早速実行してみます。

とても参考になりました。

回答No.5

noname#12543

私も同じくテキストエディタでHTMLを入力しFFFTPで転送しています。

フォルダの中の.html .shtml　.htmなどのファイルをクリックすればI.Eが起動してそのファイルを表示します。

その場合はアドレスがhttp://～ではなく
D:\homepage\***.htmlなどとなっている筈です。

1の方がアドバイスされたとおり画像をいくつ増やしても画像のアドレスが間違いなければ表示される筈です。

間違っていれば×表示になりますので。

またデータのバックアップですがオンラインストレージ
という手もあります。
私はyahooブリーフケース（30MB)を利用しています。
http://briefcase.yahoo.co.jp/

でも一番安心なのはメディアに焼いておく事なのでしょうね。

お礼

データのバックアップについての参考のサイトをお教えいただきありがとうございます。

早速実行してみます。

回答No.4

shinkun0114

＞そこに画像やファイルを分けて入れても上手く更新出来るのでしょうか？

できますよ。というか、そうするのが普通です。
フォルダ(web上ではディレクトリと呼びます)の構成は
パソコンとサーバーで同じ構成にしておくのが
何かと便利です。

●パソコンのフォルダ管理
たとえば、パソコン上にhomepageというフォルダがあるのでしたら、
その下にimageという画像専用のフォルダを作っておきます。

homepage
　└image

　homepageフォルダにはHTMLファイルを置き、画像ファイルは
imageフォルダに画像を置くようにします。
画像を表示する場合は、
<img src="image/xxxx.jpg">
でサブフォルダimageの画像が表示されます。
　パソコン上で表示しても同様にチェックできますよ。

●アップロードするとき
　FFFFTPを使っているのでしたら、フォルダごとアップロードを
かければ、imageの中身はすべて更新されます。

●フォルダ(ディレクトリ)
　これに限らず、ファイル数が多い場合は、適宜フォルダ分けを
したほうが整理がしやすいです。

お礼

大変、分りやすいご回答ありがとうございます。

早速、お教え頂いたとおりに実行してみます。

回答No.2

weiemes15

> いくつかの別のフォルダを設けて、
そこに画像やファイルを分けて入れても上手く更新出来るのでしょうか？

はい、そこに入れたファイルへの参照アドレスにちゃんとフォルダ名を入れるのを忘れないようにしてください

> この方法ですと転送する前にIEで試しに表示する事は出来ますか？

はい、アドレス参照を絶対参照にしてしまうと、サーバにアップロードした後もあなたのPC上のファイルを参照しようとして失敗することになるので、必ず相対参照にしてください

> この様な方法以外にデータを上手く保存する方法はありますか？

メールの添付ファイルじゃせいぜい数MBだと思いますが、HDDの容量がそんなに逼迫しているのでしょうか?
リムーバブルストレージドライブ(FD、MO、CD-RW、DVD-RAM、USBメモリ、メモリカード類)を導入してはどうでしょう?

お礼

ありがとうございます。

ファイルの参照アドレスにフォルダの名前を入れればいいのですね。

これから実行してみます。

PCがノートでしかも古いので
あまり容量が無いのです。

やはりデータはFDやCD、メモリーカード等に入れるのがいいのですね。

回答No.1

thrush76

何の問題もないと思います。
画像については、HTMLからの参照(相対パス) がうまくできていれば、どこでも表示できます。
(訊く前にやってみればよいのでは？)

データの保管については、他のファイルのバックアップと同様でよいのではないでしょうか。
(CDやDVDに保存する、など)

お礼

ありがとうございます。

画像が沢山ありますので
フォルダを一度作って試そうと思ったのですが
失敗すると怖いので試しませんでした。

データはやはりCDなどに書き込むのが
良いのですね。