柔軟に働き方を選ぶ時代に必要なこと >>

 HPを作成中の初心者です。いろいろな方の「HTMLの書き方」を参照してnotepadでHTMLタグを勉強しながら手書きで作成しています。

 自分のHPに画像とリンクを張ろうと、リンクバナーの画像を自分のサーバーにアップしたのですが、画像のURLが「"file:///c:/~」で始まるものになってしまいます。
  
 画像をUPするとき↓のように

<IMG SRC="C:\Documents and Settings\○○\My Documents\rinku\ファイル名.gif">
 
としていました。
 他の質問を参照にすると、これでは自分のPCのファイルを参照することになってしまう・・ということはわかりました。
 そこで、対処方として「HTMLを手書きで直す」とあるのですが、どのように書き直していいのかがわかりません。

 初歩的な質問で恐縮です。HTML勉強中ですので、わかりやすく教えていただけませんでしょうか??

 ちなみにFFFTPを使ってUPしてます。

このQ&Aに関連する最新のQ&A

A 回答 (8件)

file~から始まるということは画像のパス(指定先)が間違っているんでしょう。


回答者皆さんがおっしゃっている根本的なことをご理解されていないようですね。
file~やhttp:~は絶対パスと呼ばれ「その場所」をしているということです。file~は自分のパソコン内を指定しているわけですからあなた以外のパソコンでは画像自体が存在しないわけですから見られません。
そうなると相対パスという形でそのファイルからリンク先のものがどこに存在するかを指定してあげる方法でリンクを作り、またその通りにファイルをアップすることで自分以外の人も画像が見られるようになるわけです。
#すべてhttpではじまるアップロードした状態の
#URLを指定する方法もありますがファイル数が
#増えると管理は大変ですし、第一サーバを移す
#ときには全て書き換える羽目になり大変面倒で
#すから絶対パスでの指定、よほど理由がない限
#りやめたほうがいいです。

下記のようにディレクトリ構造がなっているとしましょう。(どんな風にファイルがおいてあるかということです)
*sozaiはディレクトリ(フォルダ)
(例1)
index.html(画像のリンクを張りたいページ)

sozai / picture.gif(ページに表示させたい画像)

<IMG SRC="/sozai/picture.gif">
*意味は「画像はindex.htmlファイルから見てsozaiディレクトリの中にある」ということです。
(例2)
picture.gif(ページに表示させたい画像)

file / link.html(画像のリンクを張りたいページ)

<IMG SRC="../picture.gif">
*意味は「画像はlink.htmlファイルから見て階層をひとつあがったところにある」といった感じです。

説明が下手で申し訳ないのですが・・・その辺りの確認をされているようには補足を読んでいる限りないようなので・・・。
これからページを増やしていくつもりならパスの指定の仕方は覚えておくべき事柄のひとつです。勉強しているならはじめのほうに出てくることのはずですが・・・。何かあれば補足ください。
    • good
    • 0

最初から,もう一度,パソコン内のサイトとアップロード先のサイトを構築しなおす方が良いのではないかな?



とりあえず,どこかにホームページ名などで名前をつけたフォルダを作成し,その中にホームページで使うファィルやフォルダを移動させてください。
A.htmlファイルで使う画像ファイルなどは,そのA.htmlファイルと同じフォルダに移動します。
つまり,A.htmlファイルで使うB.gifファイルがあったとしたら,A.htmlファイルとB.gifファイルは同じフォルダに入れると言う具合です。
で,後は,A.htmlファイルのタグを次のように書き換えます。
<IMG src="B.gif">
すべてのHTMLファイルを書き換えたら,一応確認してから,アップロードしてください。
これで,パソコン上で確認しても,アップロード後にそれを確認してもきちんと表示できるはずです。(ファイル名(拡張子も含む)の大文字と小文字を間違えないようにしてくださいね)

たぶん,壁紙を使っていないようでしたら,これだけで充分だと思いますよ。
    • good
    • 0

下記3点を伏せるべき所は伏せて補足してもらえますか?


そうすれば、ズバリな回答が出てくると思いますよ。

・画像がUploadされている場所
・htmlがUploadされている場所
・htmlに記述している<IMG ~>はどのように書いているか
    • good
    • 0

No.1です。


URLが正しく表示されるなら、HTMLでの指定の方法はそれでいいと思います。
あと、画像が×になるのは、画像を正しく表示されていませんね。
画像が指定先にありますか?
もちろんハードディスクにある画像はちゃんと表示されるんですよね?
簡単なHTMLファイルを作って確認してみてください。
<HTML>
<BODY>
<IMG SRC="C:\xxx\ファイル名.gif">
</BODY>
</HTML>
c:\xxx\のところは実際のフルパスを指定してください。
ちゃんと表示されないなら画像自体に問題があります。

ちゃんと表示される場合は、URLと実際のファイルの場所があっているかどうか、ファイル名はあっているかを調べてください。
パスやファイル名は大文字小文字もチェックしてみてください。

それで出来るようになると思いますが。
    • good
    • 0

<IMG SRC="

http://***.com/ファイル名.gif">

ルートへのアップならこれでいいはずですよ。
とにかく画像自体がアップされているか直接URLを打って確認してみてください。
もし表示されればプロパティで表示されるアドレスを入力すればOKです。

この回答への補足

 回答ありがとうございます。

いろいろ、他の方からも教えていただいているのですが、うまくできません(TT)
直接URLをうって画像はでるのですが、その画像上でプロパティを
開いてURLを見ようとすると、「file」から始まってしまってます。
なにが間違っているか予測できますでしょうか??

補足日時:2003/01/19 19:52
    • good
    • 0

上手く答えられるか分かりませんが、


私のサイトではあるページに

D:\○○○\home\sozai\rain\moonline1.jpg

っという画像を利用しています。
これをタグで打つときは

<IMG SRC="sozai/rain/moonline1.jpg">
<IMG SRC="フォルダ名/フォルダ名/ファイル名.保存形式">

という風にしています。

おそらくこの場合、
<IMG SRC="ファイル名.gif"> でいいかと思います

この回答への補足

回答ありがとうございます。
教えていただいたタグ「<IMG SRC="ファイル名.gif>」
をnotepadで書いてUPしてみたのですが・・・
UPした画像では、やはりURLは出ません。
まだ「file//~」になってしまいます。

その画像にリンクを張ったり、そのリンク先へ飛ぶこともできるのですが・・・・・なぜなんでしょう(ーー;

補足日時:2003/01/19 19:46
    • good
    • 0

 画像のファイルはコピーして1度、ディスクトップ


に、貼り付けした後で、アップして下さい!public_htm の中にですよ!

この回答への補足

回答ありがとうございます。

デスクトップにコピーしてアップしてみようとしたのですが、
エラーがでて、「アップロードできませんでした」となってしまいます。
なにか対処法があればお願いします。

補足日時:2003/01/19 18:22
    • good
    • 0

画像をアップする場所を決め、その場所を指せば大丈夫です。


例えばHTMLファイルと同じ場所にあるのなら、
<IMG SRC="./ファイル名.gif">
でいいですし、imgというフォルダなら
<IMG SRC="img/ファイル名.gif">
相対的に場所がわかりづらいなら絶対パスで
<IMG SRC="http:// ・・・/ファイル名.gif">
とすれば大丈夫です。

この回答への補足

早速の回答、ありがとうございます。
 
 やってみたのですが、今度は画像が「×」になってしまいました・・。
 「×」の上で画像のURLを調べると、ちゃんとできています。
 あとは画像だけなのですが、なんで「×」になっちゃたのでしょうか??

補足日時:2003/01/19 18:03
    • good
    • 0

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


人気Q&Aランキング