ＨＰのファイル別保存方法について

質問

こんにちは
ホームページビルダー６．５を使用しています。
すでにＨＰは完成していますが、ファイル別に保存していませんでした。
新しいフォルダを作成して別々に保存したら
ビルダー上でうまく再現できませんでした。

別々に保存する方法をご指導ください。

回答No.6

ringoyama · ベストアンサー

norton33 さん、こんにちは。私も始めてＨＰを作ったときimageフォルダを別に作成していなくてnorton33 さんのお考えのようなことをしたことがあります。そのやり方ですが、まず、ホームページビルダーの画面からページの公開ボタンをクリックしてビジュアルサイトをクリックして、フォルダビュータブをクリックします。そのフォルダービュータブの中のトップフォルダを右クリックして新規フォルダの作成をクリックします。ここで例えばimageというフォルダ名を入力してＯＫします。次に、トップフォルダを選択して、ファイルの一覧からご自分が移動したい画像を選択します。選んだ画像をimageフォルダにドラッグすると、移動したファイルへのリンクが設定されているファイルが表示されます。ＯＫをクリックするとリンクの設定が自動で更新されます。このやり方のほうが少し早く出来ると思います。ただし、上記の説明はホームページビルダー７を使ってのことですので、参考までに・・・。

お礼

ringoyamaさん　ご解答ありがとうございました。

ご指導の通りトライしましたらフォルダごとに変更することが
出来ました。
今まですごく気になっていたので、これでスッキリした感じがしています。

今後ともよろしくお願いいたします。

回答No.5

phonehead

いっぺんに直すにはソースで「置換」がいいと思います。
今、画像が表示されないリンクを新しいリンクに置換してやります。
たとえば、
<img src = "gazou.jpg"> //（前の場所）
で検索して
<img src = "jpg/gazou.jpg">//（今の場所）
で置換する。

ビルダーのファイル管理で一発で出来るんじゃないかな。ビルダー使った事ないのでたしかではありませんが。いざとなればメモ帳でも出来る作業なので、ファイルの数だけ手間が増えますが…。
フォローお願いします。

お礼

phoneheadさん　ご解答ありがとうございます。

メモ帳からでも変更できるのですね。
勉強になりました。

今後ともよろしくお願いします。

回答No.4

gura_

ビルダーの「ページ編集」だけでやろうとすると、まずフォルダに整理してから、改めて作り直したほうが早いかもしれませんね。

HTMLタグをいじれれば、「HTMLソース」のページで修正するほうが楽で、次のようにします。

１　まず念のため、現在PC上にあるホームページのデータのあるフォルダ(仮にoldfolderとします)全体のバックアップコピーを作っておいて下さい。

２　次にPC上の、「oldfolder」に、区分したい適当な名前のフォルダを作ります。(仮にjpeg,gifとし、htmlは別の問題もあるのでそのままにすることとします。)
　すると、下記のような構造になります
　例:　oldfolder
　　　　　├index.html
　　　　　├page2.html
　　　　　├jpeg
　　　　　│　├gazou01.jpg　　・・・index.htmlの図
　　　　　│　└gazou02.jpg　　・・・page2x.htmlの図
　　　　　└gif
　　　　　　　├gazou11.gif　　・・・index.htmlの図
　　　　　　　└gazou12.gif　　・・・page2.htmlの図

３　ビルダーを起動して、「ファイル」→「開く」で、例えば、index.htmlを開きます。

４　「ページ編集」でgazou01.jpgをポイントし、「HTMLソース」に移ります。

５　ポインタの近くにあるgazou01.jpgを指定するタグ　<IMG src="gazou01.jpg" width=・・・・・・>　を　<IMG src="jpeg/gazou01.jpg" width=・・・・・・>　に書き換えます。

６　同様に、gazou11.gifについて、<IMG src="gazou11.gif" width=・・・・・・>　を　<IMG src="gif/gazou11.gif" width=・・・・・・>　に書き換えます。

７　同様に、page2.htmlについて、<IMG src="gazou02.jpg" width=・・・・・・>　を　<IMG src="jpeg/gazou02.jpg" width=・・・・・・>　に、
　　<IMG src="gazou12.gif" width=・・・・・・>　を　<IMG src="gif/gazou12.gif" width=・・・・・・>　に書き換えます。
　のようにすれば、御希望にが叶うと思います。

８　自分のPCで、修正の確認が出来たら、サーバーにアップロードします。

なお、<img>タグについては、こちらが↓
http://tohoho.wakusei.ne.jp/html/img.htm
相対アドレスの指定の仕方は、こちらが↓、それぞれ参考になります。
http://tohoho.wakusei.ne.jp/wwwbeg5.htm#RelativeLink

お礼

gura_さん　無事解決することが出来ました。
今後ともよろしくお願いいたします。

補足

gura_さん　ご解答ありがとうございます。

ＨＴＭＬからの変更方法、勉強になりました。
ただ、画像の数がかなりあり、ひとつひとつ修正していくには
困難を極めそうなのです。
一度に解決する方法がありましたらご指導お願いします。

回答No.3

imoneko

詳しい説明ありがとうございます＾＾
おっしゃる通りリンクが切れてますね。

#2さんの言うようにHPB上でリンクを変更すれば正常に表示されますし、
画像ファイルを新しいフォルダに移動させてから以前と同じ手順で再び貼り付けても
表示されるようになりますよ。

お礼

imonekoさん　無事解決することが出来ました。
今後ともよろしくお願いいたします。

補足

imonekoさん　ご解答ありがとうございます。

ビルダー上で修正していけば元には戻りますが
画像の数がかなりあり、ひとつひとつ修正していくには
困難を極めそうなのです。
一度に解決する方法がありましたらご指導お願いします。

回答No.2

phonehead

ファイルへのリンクが切れているんじゃないでしょうか。
ファイルのディレクトリをリンクに合わせるか、もしくはその逆で解決するんじゃないですか。

ホームページビルダーは、使ったことないので憶測ですが、ホームページビルダー上でファイルを移動すればリンクは切れないんじゃないんですか。ドリームウェーバーの場合はそうすれば、リンクを自動的に更新してくれます。

お礼

phoneheadさん　無事解決することが出来ました。
今後ともよろしくお願いいたします。

補足

phoneheadさん　ご解答ありがとうございます。

ビルダー上で修正していけば元には戻りますが
画像の数がかなりあり、ひとつひとつ修正していくには
困難を極めそうなのです。
一度に解決する方法がありましたらご指導お願いします。

回答No.1

imoneko

うーむ、文章の脈絡が良くわかんないのでなんとも言えません^^;
フレーム対応のＨＰ作成してフレーム毎の保存をしたい…とかそういうことかな？
よろしければ解説お願いします～＾＾；

補足

imonekoさん　ありがとうございます。
現在、ひとつのフォルダに全てのファイルを入れた状態になっているので、jpeg,html,gifそれぞれのフォルダに分けたいのです。

単純に分けるのは簡単ですが、その後、ビルダーでページを再現すると、jpegが無くなっていました。関連付け？の問題なのかなと考えていますが
対処方法が分かりません。
何かご存知でしたらよろしくお願いします。