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">と保存されるようにするにはどうすればいいのでしょうか?
No.1
- 回答日時:
私自身初心者なので、的外れな回答になるかもしれませんが^^;
(ご質問の意図を勘違いしているかも?)
index.html・・・いわゆるTOPページのhtmlファイル、写真、画像、ロゴ、素材などのファイルはTOPフォルダに保存することが鉄則のようです。
つまり、貴殿のご質問では「HPフォルダに入れる」ということです。
注:HPフォルダ内のサブフォルダに入れてはいけない。
これはTOPページにのみ言えることで、サブページのhtmlファイル、写真、画像、ロゴ、素材などのファイルはサブフォルダに保存することは可能。
私はこれでエラーが出て原因がわからず、IBMに問い合わせをして知りました^^;
的外れな回答でしたら失礼^^;;;
この回答への補足
質問が分かりにくくてごめんなさい。
サイトのトップページであるindex.htmlのことではなくサブページの「アルバム」に関するファイルをサブフォルダに保存した場合の不具合のことです。
補足に書き忘れました。
<IMG src="/image/a.gif">ではなく<IMG src="image/a.gif">と保存させたいです。
お礼の場所を借りて申し訳ありません。
私も以前himeyuriさんのようにしてエラーを出してしまった事があります。
すばやい回答ありがとうございました。
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/
画像ファイルはもともとフォルダ内に保存してあるものなので保存先の指定場所が間違っているということではないんです。
わざわざ丁寧に説明してくださったのに申し訳ありません。
もし解決できないようだったら教えていただいたIBMの方に問い合わせて聞いてみようと思います。
たびたびの回答ありがとうございました。
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">になります。
こういうことではないでしょうか。
多分保存先の指定などに誤りがあると思われます。
この回答への補足
index.htmlも、a.gifも既に所定のフォルダ内にきちんとはいっていて、
編集して上書きした際のことなので保存先が間違っているのではないようです。
構造はその通りです。そのように書けばよかったのですね。分かりやすいです。
質問が分かりづらかったようなので補足しておきました。
回答ありがとうございます。
No.4
- 回答日時:
保存するときに「コピーする」という部分のチェックをはずしたらいかがでしょうか?
「保存場所にファイルをコピーする」のチェックをはずすとどうなりますか?
この回答への補足
もともと所定のフォルダに保存してあるファイルなのでわざわざコピーする必要も上書きする必要もないと思い、
「保存場所にファイルをコピーする」のチェックは毎回はずしています。
ここの場をお借りして報告です。
自分で色々と調べて設定をいじくったら望みどおりにできました。
みなさん回答ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- PHP imageフォルダに、画像をリサイズして保存する時のファイル名を変更したい 1 2023/05/30 11:39
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- HTML・CSS ブロックエディターで作りつつ、画像を挿入しつつ、画像にスタイルシートのコードを付ける方法はありますか 1 2022/08/23 18:46
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- HTML・CSS 【HTML】【CSS】【Swiper】 元の画像は横1200×縦600なのですが、実際のサイト上に反 5 2022/07/16 13:57
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- JavaScript アップロードファイルの種類によって処理を分岐させたいのですが書き方が分からずアドバイスお願いします 4 2023/06/17 19:12
- PHP $filePath = './user_img/' . $file['name'];? 1 2022/12/10 07:29
- MySQL PHP 画像のアップロード Qiita 2 2022/11/28 04:44
- CGI htmlからパラメータで、cgiに渡したい。 1 2023/02/06 16:15
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlファイルの表示が真っ白
-
eclipseを使ってweb上に表示さ...
-
テキストファイルで下線を引く
-
Dreamweaverでページ全体が文字...
-
HTMLの保存ができない テキスト...
-
DreamWeaverのメリットが分かり...
-
HTMLでどうしても文字化け(エ...
-
Dreamweaverでソースが文字化け...
-
オフラインでのHTMLについて
-
ホームページビルダーで文字化...
-
HTML入門でもう躓いてしまった。
-
ホームページが文字化けして困...
-
ワードで保存したWebファイルが...
-
【文字コード】UTF-8だとDreamW...
-
こんにちは ブラケッツでプログ...
-
テキストエディタ grepの機能...
-
Webデザインテンプレート 使い方
-
ホームページでファイルをダウ...
-
<!DOCTYPE html>あってますか?...
-
<!DOCTYPE html>あってますか?...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlファイルの表示が真っ白
-
Dreamweaverでページ全体が文字...
-
Dreamweaverでソースが文字化け...
-
テキストエディタvscodeでプロ...
-
エクセルで作成した表のハイパ...
-
HTML入門でもう躓いてしまった。
-
オフラインでのHTMLについて
-
テキストエディタ grepの機能...
-
CSSデータの作成方法について(...
-
htmlファイルが開けません。
-
HTMLファイルからリンクタグだ...
-
テキストファイルで下線を引く
-
SSIでインクルードしたファイル...
-
「x-sjis」「Shift_JIS」同じ意...
-
eclipseを使ってweb上に表示さ...
-
SSIでレイアウトが崩れる?
-
ホームページを作りたいのです...
-
半角カタカナ(csvやtxtデータ...
-
URL収集を簡単に行なってリ...
-
メモ帳でデータが消えるのです...
おすすめ情報