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

Question

PC関係については独学で
HP作成ソフトは使わずに、市販の本やサイトを見ながらサイトを作っています。

画像が沢山あるサイトなのですが
今は全部のファイルを
「homepage」と名づけたフォルダに入れて
FFFTPで自分の契約したプロバイダーのサーバーに転送しております。

しかし画像が多いので更新の際、
ごちゃごちゃするのでどうしたら良いのか困っております。

そこで質問なのですが「homepage」のフォルダ内に
いくつかの別のフォルダを設けて、
そこに画像やファイルを分けて入れても上手く更新出来るのでしょうか？

この方法ですと転送する前にIEで試しに表示する事は出来ますか？
転送してしまえば表示されるのでしょうか？

また更新の際にすべてのファイルを毎回転送していますが
PCにフォルダを置いておくにはだいぶデータが大きくなってきたので
今は更新後にフォルダをLhacaで圧縮して
自分で自分のフリーメールに送信しておいて
必要な時に解凍して使っています。

この様な方法以外にデータを上手く保存する方法はありますか？

もし使っているPCに異常が起きた時に困るのでそうしております。

PCに詳しい方、宜しくお願いいたします。

2NN · Accepted Answer

img や image というフォルダを一階層下（homepageの下）に作り、そこに画像を格納しておくのが一般的です。 IEでも転送後でも呼び出すパスが合っていれば表示されます。上記の場合だと、IMGタグは下記のようになります。

↓

画像が多すぎるなら、img フォルダの下にさらにフォルダを分けても良いと思います。 > この様な方法以外にデータを上手く保存する方法はありますか？サイズにもよりますが、フラッシュメモリなどを購入して外部に保存しておくのが良いかもしれません。

noname#12543 · Answer

私も同じくテキストエディタでHTMLを入力しFFFTPで転送しています。

フォルダの中の.html .shtml　.htmなどのファイルをクリックすればI.Eが起動してそのファイルを表示します。

その場合はアドレスがhttp://～ではなく
D:\homepage\***.htmlなどとなっている筈です。

1の方がアドバイスされたとおり画像をいくつ増やしても画像のアドレスが間違いなければ表示される筈です。

間違っていれば×表示になりますので。


またデータのバックアップですがオンラインストレージ
という手もあります。
私はyahooブリーフケース（30MB)を利用しています。
http://briefcase.yahoo.co.jp/

でも一番安心なのはメディアに焼いておく事なのでしょうね。

shinkun0114 · Answer

＞そこに画像やファイルを分けて入れても上手く更新出来るのでしょうか？

できますよ。というか、そうするのが普通です。
フォルダ(web上ではディレクトリと呼びます)の構成は
パソコンとサーバーで同じ構成にしておくのが
何かと便利です。

●パソコンのフォルダ管理
たとえば、パソコン上にhomepageというフォルダがあるのでしたら、
その下にimageという画像専用のフォルダを作っておきます。

 homepage
　└image

　homepageフォルダにはHTMLファイルを置き、画像ファイルは
imageフォルダに画像を置くようにします。
画像を表示する場合は、
<img src="image/xxxx.jpg">
でサブフォルダimageの画像が表示されます。
　パソコン上で表示しても同様にチェックできますよ。

●アップロードするとき
　FFFFTPを使っているのでしたら、フォルダごとアップロードを
かければ、imageの中身はすべて更新されます。

●フォルダ(ディレクトリ)
　これに限らず、ファイル数が多い場合は、適宜フォルダ分けを
したほうが整理がしやすいです。

weiemes15 · Answer

> いくつかの別のフォルダを設けて、
そこに画像やファイルを分けて入れても上手く更新出来るのでしょうか？

はい、そこに入れたファイルへの参照アドレスにちゃんとフォルダ名を入れるのを忘れないようにしてください

> この方法ですと転送する前にIEで試しに表示する事は出来ますか？

はい、アドレス参照を絶対参照にしてしまうと、サーバにアップロードした後もあなたのPC上のファイルを参照しようとして失敗することになるので、必ず相対参照にしてください

> この様な方法以外にデータを上手く保存する方法はありますか？

メールの添付ファイルじゃせいぜい数MBだと思いますが、HDDの容量がそんなに逼迫しているのでしょうか?
リムーバブルストレージドライブ(FD、MO、CD-RW、DVD-RAM、USBメモリ、メモリカード類)を導入してはどうでしょう?

thrush76 · Answer

何の問題もないと思います。
画像については、HTMLからの参照(相対パス) がうまくできていれば、どこでも表示できます。
(訊く前にやってみればよいのでは？)

データの保管については、他のファイルのバックアップと同様でよいのではないでしょうか。
(CDやDVDに保存する、など)

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

img や image というフォルダを一階層下（homepageの下）に作り、

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

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

> いくつかの別のフォルダを設けて、

何の問題もないと思います。

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング