画像の貼り付け方

質問

初心者です。
　ホームページに画像を貼り付けたいのですが、アップロードするとｘ印になって表示できません。同じフォルダにいれればよい、あるいはリンク先を書き換えればいいと言うご指摘があったのですが、よくわかりません。

　FrontPageでつくってWebで保存し、yahooにuploadしています。

１）同じフォルダと言うのは、作ったページとその中で使っているimageとを並列で並べればいいのでしょうか？(uploadしたときに）それともsubfolderに一緒に入れるのでしょうか？

２）frontpageでつくると、そのホームページのほかにfile　folderが作成され、そのなかにimageの他にfilelist、oledata.msoというものが作成されます。これらもuploadする必要があるのですよね？

３）1),2)がだめだったら、HTMLで、画像のリンク先を書き換えたいとおもうのですが、
　 src="****.files/image00.gif　(****：ファイル名)がリンク先だと思っているのですが正しいでしょうか？どのように書き換えればいいのでしょうか？

　こうしたほうがよいと言うようなご指摘があればこれ以外でもお教えください。

回答No.2

ss-2K · ベストアンサー

まず、yahooの規約を見て、画像やＣＧＩ等はこのフォルダに入れてください　と言ったHPを作る上での決まりごとを確認してください。初心者向けにHPの作り方を説明されてるところもありますよね。

通常、画像はimageフォルダに入れます。
***.htmlに画像を表示させたい場合、リンクは「img src="image/image00.gif」になります。
例えば、imageフォルダの中に更にhogeフォルダがあってその中に画像が保存されているならば、
「img src="image/hoge/image00.gif」になります。

imageフォルダと***.htmlが同フォルダ内にない場合（***.htmlが他のフォルダ内に入っている）は、「img src="../image/image00.gif」等ですね。
「../」は一階層上のフォルダという意味です。階層が上がるごとに「../../」と増えていきます。

なんとなくイメージは伝わったでしょうか…？
勿論、使用している全てのフォルダをアップロードしなくては駄目ですね。

お礼

ありがとうございます。folderと階層についてよくわかりました。

　修飾文字はgifのdataとしてきちんと表示されるのですが、写真は表示されません。HTMLも書き換えてみたのですが...。何かが違うんでしょうね。

回答No.4

kiki_s

FTPソフトは何をお使いでしょうか？

>１）同じフォルダと言うのは、作ったページとその中で使っているimageとを並列で並べればいいのでしょうか？
並列というと変ですが、考え方は間違えていませんから、
そのままアップロードすればいいでしょう。
通常、FTPソフトで最初に接続した時に表示される場所に、
index.htmlなどのファイルをアップロードします。
その場所でフォルダを作れば、サブフォルダになります。

>２）frontpageでつくると・・・
Frontpageでは、関係のないフォルダなどが作られますが、
使わなければ無視してかまいませんので、
アップロードする必要もありません。

>３）1),2)がだめだったら・・・
サーバーはyahooと言う事ですので、
htmlのファイルと同じ場所に『hoge.jpg』をアップロードした時は、
「img src = "hoge.jpg"」となります。
これについては、ANo.#3さんの回答通りです。
また、画像をアップロードする時は『バイナリ』でなければ駄目です。

>こうしたほうがよいと言うようなご指摘があればこれ以外でもお教えください。
考え方にもよりますが、画像をフォルダに入れて管理する人もいらっしゃいます。
慣れないうちは、同じ場所でも問題ありません。

お礼

ありがとうございます。皆様のおかげで無事画像を表示することができました。

　HTMLの画像へのリンクの部分のみをいじりました。

　MS　publisherでつくってuploadしたときに、filelistというフォルダーができて、HTML上でもこのファイルへのリンクが作られているようなのですが、これはいったいどういう働きをしているのでしょうか?...新しく質問を建てるので教えてください。

補足

frontpageでなくてpublisherでした。画像以外はきれいに表示されるのですが...。

回答No.3

benibana

質問（３）について。

UPしたい画像を「take.jpg」とします。

同じホルダー内に「***.html」と「take.jpg」があるのならば
<img src="take.jpg">でよいと思います。

同じホルダー内に「***.html」と「takehoto」フォルダーがあり、
「takehoto」フォルダーの中に「take.jpg」があるならば、
<img src="takehoto/take.jpg.jpg">でよいと思います。

「src=""」を「img src=""」に書き換えてみてください。

>"****.files/image00.gif"
「****.files」（「****」フォルダー）の中に「image00.gif」があると理解して良いのでしょうか。
そうであれば、「.files」の部分は必要ないです。
"****/image00.gif"でいいと思います。

お礼

ありがとうございます。

srcではなくてimg　srcにしてみるのですね。なんとなくうまくいきそうな気がします。今晩tryしてみます。

回答No.1

agawa090

ソフトウェアについては良く分かりませんが、３）について推測ですが、

<IMG src="****.files/image00.gif">だとして

****.filesというフォルダの中にimage00.gifが入っているという構文ですので、このHTMLファイルと同じ階層に****.filesフォルダがあり、かつ、このフォルダ内の一番上の階層にimage00.gifが入っていればＯＫです。

また、英数字の大文字小文字が間違ってる可能性もありますので注意してみてみましょう。

お礼

ありがとうございます。

いろいろ試してみます。