• ベストアンサー

画像のURL?

すみません。ホームページを作成しようと しているのですが全くの初心者な者で・・・ 初歩的な質問をさせていただきます。 画像の表示についてなんですが画像のURL っていうのがいまいち意味が分かりません。 タグ打ちでホームページ作成するなら 画像を表示させるとき必ずその画像のアドレス?を 入れますよね。でも自分のパソコンに保存されている 画像のアドレス?ってどうやったら知ることが 出来るんですか? 例えば例で言うと適当ですがマイ ピクチャの フォルダの中にsakura.gifという画像があったとすると その画像を一番基本的なやり方で表示させるには どうしたらいいのでしょう? タグは<IMG SRC="★">こんな感じですよね? 星の部分をどうやったらいいのか! 長くなってすみません。もう1つ。 今、無料で掲示板とかレンタルできてそこで 自分の作ったアイコンを試用できるっていうの ありますよね?あれの画像アドレスっていうのも 良く分からないんです;;さっきの例と同じように 教えてください。まだその画像を転送してもいないのに 表示できるんですか?謎です。どなかた助けてください。

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

  • ベストアンサー
  • Lucus
  • ベストアンサー率38% (76/198)
回答No.3

まず、自分のホームページを作ろうと思ったら、マイピクチャとかじゃなく、専用のフォルダを作ったほうが良いですよ。ここではその専用フォルダを“mywebsite”という名前を付けたとして解説します。 mywebsite | |-- images(フォルダ) | |-sakura.gif(画像) | |-- pictures(フォルダ) | |-sakura.jpg(写真) | |-- icon(フォルダ) | |-icon.jpg(掲示板アイコン画像) | |-- index.html(トップページ) |-- page1.html(ページ) |-- sakura.png(画像) mywebsiteの中にこのように画像用・フォルダ写真用とフォルダを作ってそこにそれぞれを置きます。こうしたほうが後々ファイルが散らばらなくて良いです。ここではそれぞれ、sakuraという画像ファイルが入っています。 index.html等のページ自体はmywebsiteに作っていくことにします。ちなみにこのmywebsiteフォルダの事を“ルートフォルダ”と言います。 ここでindex.htmlを編集中に、imagesフォルダのsakura.gifを表示させたい場合は、<img src="images/sakura.gif">という風に書きます。もちろんpicturesフォルダ内のpictures.jpgを表示したい場合は、<img src="pictures/sakura.jpg">となりますね。 それでは、index.htmlのあるフォルダ、ルートフォルダのsakura.pngを表示させたい場合は、どうなるでしょう? これは、<img src="sakura.png">ということになります。つまり、ルートフォルダを基準にして、それより下の階層のファイルの指定する場合は、画像ファイル名の前にフォルダ名を書けばいいということです。このようにルートフォルダを基準にする指定を“相対パス”といいます。 次にアイコン掲示板について。 これもiconというフォルダを作って、そこにアイコン画像を置いちゃいましょう。置かないと表示できませんよ。 先ほどは画像と同じホームページ領域にあるページからの参照方法でした。今度はレンタル掲示板ということなので、自分のホームページとは違うアドレスになる、つまり自分のホームページ領域とは違う場所ということになりますよね。 その場合は、http://から始まるアドレスで指定しないといけません。貴方のホームページのアドレスが仮にhttp://mywebsaite.ne.jp/~mywebsite/だった場合、上の図でのアイコン用のフォルダiconは、http://mywebsaite.ne.jp/~mywebsite/icon/ということになり、そのフォルダ内の画像icon.jpgを表示させるのならhttp://mywebsaite.ne.jp/~mywebsite/icon/icon.jpgということになりますね? これを記述すれば良いのです。このようにhttp://から始まる指定を“絶対パス”といいます。 いかがでしょう。お判りになりましたでしょうか?

noname#3528
質問者

お礼

あぁ、本当にありがとうございます。 本当に嬉しいです。感謝感激です。 こんなに丁寧に開設していただけるなんて。 頭が下がります。

すると、全ての回答が全文表示されます。

その他の回答 (2)

noname#3361
noname#3361
回答No.2

>まだその画像を転送してもいないのに 表示できるんですか? まさにその通りです。アップしないと表示しません。 ただ通常アイコン使用が出来る掲示板などはちゃんと自動でアップできるようになっています。(アップロード機能) 自分のサーバーをお持ちならそこへアップしてURLを指定してやれば表示できます。 例えばあなたのURLがhttp://www.***.comで123.jpgという画像をアップしたならURLはhttp://www.***.com/123.jpgとなります。

noname#3528
質問者

お礼

あぁ、よくいうアップロード機能というのは それのことだったんですね!(無知) 今はそんな高性能の掲示板も無料でレンタル できちゃうんですね!(時代遅れ) 分かりました!ありがとうございます!

すると、全ての回答が全文表示されます。
  • kikyo777
  • ベストアンサー率26% (53/199)
回答No.1

転送しないと表示できません。 転送すれば <img src="あなたのHPのURL.sakura.gif">になります。 もしもgazouという名前のフォルダにいれたなら あなたのHPのURL/gazou/sakura.gif という風になります。

noname#3528
質問者

お礼

やっぱりそうですよね・・・。 分かりました。ありがとうございます。

すると、全ての回答が全文表示されます。

関連するQ&A