• ベストアンサー

ビルダーで保存時の指定ファイル場所

IBMホームページビルダーを使ってサイトを作成しています。 index.htmlがあるトップフォルダの名前をHPとし、コンテンツのひとつであるアルバムに関するファイルはHP内のフォルダalbumに保存しています。 album内の画像ファイルは同フォルダ内のimageというフォルダに保存しています。 HP/album/index.htmlのページに、HP/album/image内のa.gifという画像を挿入したとします。 HTMLソースを確認すると <IMG src="file:///C://My Documents/HP/album/image/a.gif">となり、 保存してから確認すると自動的に<IMG src="/album/image/a.gif">となります。 この場合ページ自体の保存場所がHP/albumになっているので、画像ファイルの指定先が HP/album/album/image/a.gif という存在しないものになってしまい、画像がきちんと表示されなくなってしまいます。 これをきちんと <IMG src="/image/a.gif">と保存されるようにするにはどうすればいいのでしょうか?

  • HTML
  • 回答数4
  • ありがとう数4

質問者が選んだベストアンサー

  • ベストアンサー
  • gura_
  • ベストアンサー率44% (749/1683)
回答No.3

ご質問のファイル構造を次のように理解します HP┬index.html・・・・・・・・・・・・・ア   └album┬index.html・・・・・・・イ         └image─a.gif  課題は、イのindex.htmlを作ることだと思います。この場合ビルダーで、 1 新規ページで、「挿入」→「画像ファイル」→「ファイルから」で「a.gif」を指定してページを作成したあと、 2 「ファイル」→「名前を付けて保存」で「保存場所」のフォルダを「album」として、「index.html」として保存すれば、「イ」の位置に保存され、<IMG src="image/a.gif">となっているはずです。 3 ビルダーは、一旦絶対位置で表示して、保存時にファイルの相対位置を判断して、ファイル保存時にタグを直します。 4 ちなみに、「ア」の位置に保存すると、<IMG src="album/image/a.gif">になります。 こういうことではないでしょうか。 多分保存先の指定などに誤りがあると思われます。

vnmfang
質問者

お礼

構造はその通りです。そのように書けばよかったのですね。分かりやすいです。 質問が分かりづらかったようなので補足しておきました。 回答ありがとうございます。

vnmfang
質問者

補足

index.htmlも、a.gifも既に所定のフォルダ内にきちんとはいっていて、 編集して上書きした際のことなので保存先が間違っているのではないようです。

その他の回答 (3)

回答No.4

保存するときに「コピーする」という部分のチェックをはずしたらいかがでしょうか? 「保存場所にファイルをコピーする」のチェックをはずすとどうなりますか?

vnmfang
質問者

お礼

ここの場をお借りして報告です。 自分で色々と調べて設定をいじくったら望みどおりにできました。 みなさん回答ありがとうございました。

vnmfang
質問者

補足

もともと所定のフォルダに保存してあるファイルなのでわざわざコピーする必要も上書きする必要もないと思い、 「保存場所にファイルをコピーする」のチェックは毎回はずしています。

  • himeyuri
  • ベストアンサー率41% (841/2038)
回答No.2

#1です。やはり的外れな回答になってしまったようで失礼しました。 挿入する画像の保存先はHP/album/imageにある。 (HPフォルダ内の、albumフォルダ内の、imageの中に保存してある) これをHP作成ページに挿入させると HP/album/album/image になってしまう。 これを、 /image にしたい。 ・・・こういうことでいいでしょうか^^; 挿入して、ページ保存するとき、そのファイル名の横に「htmlファイルと同じ保存場所にする」となっていると思います。 同じ場所で良いならそのままOKする。 同じ場所ではなく、他の場所に保存したい場合は下にある「参照」ボタンをクリックすれば、保存先を指定できます。 また、撮影した写真(jpgファイル)はそのままHPに貼り付けるととても大きな容量、大きさになります。 それを自分の希望の大きさに変更して貼り付け→保存ということになります。 すると、画像では全く同じものですが大きさが全く違うものになりますので、同じjpgファイルでも別物として扱われ、新たに保存するか、上書き保存することになります。 (上書き保存すれば、元の大きさではなくなりますね) ↑このことがあるので、私の場合はHPに貼り付けるjpgファイルはHP用として小さくして改めて別に保存しています。 (元の大きさのjpgファイルは別のフォルダに保存しています) 気になる点では、TOPフォルダ内に何層にもフォルダがあるようなので、その関係で認識してくれないのかもしれないということですが、この点はわからないので^^;;;(気になるということぐらいです) またも的外れな回答でしたら大変失礼ですが^^;;; 頑張ってください^^ 一応、念のためにIBMのサポートのURLを貼っておきます。 フリーダイヤルなので時間も気にすることはなかったし、結構、丁寧に教えてくれましたよ^^ http://www-6.ibm.com/jp/contact/info/pcswhc/

参考URL:
http://www-6.ibm.com/jp/contact/info/pcswhc/
vnmfang
質問者

お礼

画像ファイルはもともとフォルダ内に保存してあるものなので保存先の指定場所が間違っているということではないんです。 わざわざ丁寧に説明してくださったのに申し訳ありません。 もし解決できないようだったら教えていただいたIBMの方に問い合わせて聞いてみようと思います。 たびたびの回答ありがとうございました。

  • himeyuri
  • ベストアンサー率41% (841/2038)
回答No.1

私自身初心者なので、的外れな回答になるかもしれませんが^^; (ご質問の意図を勘違いしているかも?) index.html・・・いわゆるTOPページのhtmlファイル、写真、画像、ロゴ、素材などのファイルはTOPフォルダに保存することが鉄則のようです。 つまり、貴殿のご質問では「HPフォルダに入れる」ということです。 注:HPフォルダ内のサブフォルダに入れてはいけない。 これはTOPページにのみ言えることで、サブページのhtmlファイル、写真、画像、ロゴ、素材などのファイルはサブフォルダに保存することは可能。 私はこれでエラーが出て原因がわからず、IBMに問い合わせをして知りました^^; 的外れな回答でしたら失礼^^;;;

vnmfang
質問者

お礼

補足に書き忘れました。 <IMG src="/image/a.gif">ではなく<IMG src="image/a.gif">と保存させたいです。 お礼の場所を借りて申し訳ありません。 私も以前himeyuriさんのようにしてエラーを出してしまった事があります。 すばやい回答ありがとうございました。

vnmfang
質問者

補足

質問が分かりにくくてごめんなさい。 サイトのトップページであるindex.htmlのことではなくサブページの「アルバム」に関するファイルをサブフォルダに保存した場合の不具合のことです。

関連するQ&A

  • 画像を保存する場所

    おはようございます。質問をさせてください。 htmlで画像を貼り付けるときには、 『<img src="">』 『<img src="フォルダ名/xxx.gif">』 『<img src="../フォルダ名/xxx.gif">』 などを使いますよね。 あるサイトで、自分のPCにしかないフォルダの画像は表示されない、とありました。 そこでお聞きしたいのですが、私はhtmlのメモ帳と画像を、ネットワークに保存しています。 そのネットワークは、サーバーが担っているので、私のPCに入れると重くなると思って使っています。 もしかしたら、ここの保存していると、画像が表示されないのでしょうか。 やはり、マイドキュメントに保存しなければ、表示はされないのでしょうか。 それともただ、私のやり方が間違えているだけなのでしょうか。 分かりにくい表現だったと思いますが、教えてていだだけると嬉しいです。

  • DreamWeaverで挿入したイメージがブラウザで表示されません。

    DreamWeaverでHPを作成しているのですが、挿入したイメージがDreamWeaverでは表示されるのですが、ブラウザでは表示されません。 問題のイメージは作成したHTMLファイルと同じフォルダ内に保存しています。ファイル名は dw06A4title.gif です。 コードを確認したところ、自動的に<img src="dw06A4%82%94%82%89%82%94%82%8C%82%85.gif" width="590" height="50">というような表示に変わっていました。手動で<img src="dw06A4title.gif" width="590" height="50">に変更すると、今度はDreamWeaverでも表示不可、もちろんブラウザでも不可です。 同じページのその他イメージは全く問題ありません。 DreamWeaverではこのようなことが良く起こるのでしょうか? ご存知の方教えて頂けますでしょうか<m(__)m>

  • HP作成をしています。自作画像を使用したいのですが

    自作画像をペイントで作成しました。 保存の際にファイルの種類をgifを選びimgと名前を付けたフォルダにtitle.gifとして保存しました。 その画像をindex.htmlに <CENTER> <IMG SRC="img/title.gif" WIDTH="530" HEIGHT="270" alt="タイトルイメージ"> </CENTER> と記述しましたがブラウザで見ると530×270の枠と罰マークにタイトルイメージと記載されているだけです MS Officeが入っているのであればペイントで保存ファイルの種類を選ぶだけで特にツールを使用して拡張子を変更しなくても良いとの事でしたが他にも問題点がありますか? サイズが大きすぎる(900kb)のではと小さいサイズ(4kb)ほどのものも作成しましたが同様でした ブログサービスで他の画像を拝借する場合は一度画像をアップロードしてURLを取得してから<img src="画像URL">の形で表示させますが <img src="フォルダ/ファイル">の形でも画像はアップロードしなければ使用できないのでしょうか?

  • HPビルダーにて画像保存の不可解な現象

    HPビルダーVer9.0を使用しています。 書き換えてないページを上書き保存、または 画像の保存先以外を書き換えたファイルでも 必ず画像の保存先を聞いてきます。 今まで こういうことは無かったのですが これは バグでしょうか? それとも どこか設定を変えてしまったのでしょうか? 書き換えたページにおいても  画像の保存先を変更したわけではなのに いちいちhtmlファイルと同じ階層へ保存しますかと 聞かれます。imgというフォルダにに保存してるので  毎回毎回聞かれると困っています。 以前は こういうことはありませんでした。

  • ビルダー9におけるGIF画像の保存について

    GIF画像は全てマイドキュメントに保存しています。ビルダー9でページを作成し保存する際、すべてGIF画像は上書き保存せずに、「上書き時に自動的にファイル名を変更する」ボタンを押して保存しています。で・・・・マイドキュメントをみてみたら・・・なんと!同じ画像がたくさんありました。(あたりまえか)。同じ画像は、一つにまとめたいと考えているのですが、どうすればいいでしょうか? 画像を1つ消すとHP上で、そのファイル名のGIF画像が消失してしまうと思うのですが、どうでしょうか?

  • ホームページ作成で画像が表示されません

    すみません、初心者でよく分かりません。 HPの作成練習中なのですが、ブラウザで確認すると画像が×(バツ)のまま表示されません。 ファイル名やパスの打ち間違いは確認したのですが、他に何を確認したら解決しますでしょうか。 (ちなみに他のページでは表示されます。) 下記書いた内容です。 <BODY bgcolor="lightgreen" background="image/壁3.jpg"> <center> <IMG SRC="image2/tis12-g-top.gif"><BR><BR> <IMG SRC="image2/tis12-g.gif"><BR><BR> <IMG SRC="image2/tis12-g-diary.gif"><BR><BR> <IMG SRC="image2/tis12-g-bbs.gif"><BR><BR> <IMG SRC="image2/tis12-g-links.gif"><BR><BR> <IMG SRC="image2/tis12-g-mail.gif"><BR><BR> </center> </BODY> どうそよろしくお願い致します。

  • 画像が表示されません

    お世話になっています。 ホームページビルダー9とFFFTPを使って、HPを作ろうとしています。 トップページはなんとかアップできたのですが、 下位ページで、画像がアップできずに困っています。 「HP」フォルダにhtmやhtmlファイルを保存しています。 「HP」フォルダの中に「img」フォルダを作成し画像を保存しています。 今回表示できないファイルはgifで、ビルダー9のロゴ作成から作ったtop.gifと言うgifと、無料の素材屋さんから頂いたkouji.jpgと言うjpgファイルです。 これらも「img」フォルダに保存されています。 FFFTPで転送する際には、「img」フォルダとそれぞれのファイルも転送しました。 jpgの方は、imgフォルダに保存してからビルダーに張り付けたので、名前が間違っていると言うことはないと思われます。 実際、双方ともローカルでは表示されています。 解決方法を教えていただきますようよろしくお願いします

  • a name(id)1回目で飛べない

    HTMLでのホームページ作成についてです。 (カテゴリー違いでこちらに移させていただきました。) 画像ファイルを40枚(01.gif~40.gif)貼り付けたページ「200800.html」を作りました。 画像ファイルの大きさは全て10kb程度です ページの途中の特定の場所にジャンプさせるため、アンカーを埋め込みました。 (アンカーは「name」と「id」を併用しています) <html><body> <img name="01" id="01" src="01.gif"><br> <img name="02" id="02" src="02.gif"><br> … <img name="39" id="39" src="39.gif"><br> <img name="40" id="40" src="40.gif"><br> </body></html> 「200800.html」へのリンクを貼ったページ「index.html」を作りました。 20番の画像へジャンプするように設定しました。 <html><body> <a href="image/200800.html#20">20番の画像</a> </body></html> ところがなぜか1回目のクリックでは20番の画像には飛びません。 (別の画像の中途半端な位置とか、その時によって違います。) 2回目以降はちゃんと飛びます。 どうやらブラウザが「200800.html」を全て読み込むまえに表示してしまうためおかしなところが表示されるようです。 2回目以降は1度読み込んでいるためちゃんと飛ぶようです。 win(IE6)でもmac(safari)でも同様です。 どうか良い解決策をお教えください。よろしくお願いします。

    • ベストアンサー
    • HTML
  • HTMLファイルの画像について

    メモ帳で200枚近くある画像(50x50ピクセル)が載ったアルバムを作ったのですがファイルが重くてなかなか開きません。 そこでわたしが考えた対策は、基本的に画像は非表示でオンマウス、またはマウスオーバーで個々の画像を表示するというやり方です。 けど、肝心のプログラムの仕方が分かりません(初心者です)。 とりあえず今の現状なんですけど、 <table> <tr> <td><img src="http://***1.gif">1</td> <td><img src="http://***2.gif">2</td> <td><img src="http://***3.gif">3</td> <td><img src="http://***4.gif">4</td> <td><img src="http://***5.gif">5</td> </tr> <tr>残り省略</tr> </table> こんな感じで延々200行続いています。 (画像は著作権がない物です) そこで質問なんですけど、わたしが考えた対策でも、それ以外の方法でも構わないので画像数を減らす事なくファイルを軽くする方法があったら教えてください。 宜しくお願い致します。

  • レンタル掲示板の背景に自己HPの画像を入れたいとき

     レンタル掲示板の背景に自分のHPの画像を入れたい場合、  まず自分のHPにhtmlでページを作成し、そこに画像を貼る、でいいんでしょうか。その後その画像はどのようなファイルにして保存すればよいのか教えてください。  HPで使用するjpgやgifの画像ファイルはimageフォルダにまとめて入れてありますが、掲示板の背景として転送する画像のフォルダは、別にした方がいいんですよね。その場合どの階層に置けばいいんでしょうか。imageフォルダと同じくトップページindex.htmと同じ場所でいいのでしょうか。  

専門家に質問してみよう