『画像の直リンはやめてください』ってありますよね…

[新着] Webテンプレートを仮オープンしました



0   名前: ナナ : 2005/05/06 11:29

もう、何日も調べているのですがまったく理解できません。
誰か説明できる人がいたら教えてください!!!

無料で、素材を貸してくれるHPがあると思うんですけど、
常識的に考えて直リンは禁止ですよね??
で、私は素材をお借りしたいんですけど、どうしても『直リン』
以外の素材の持っていきかたが分からないんです…

それと、HPのTOPとかに自分で作成した画像を載せたいんですけど
やっぱり、画像のURLが分からなくて身動きが取れない状況なんです。
ダウンロード とか アップロード とか しなきゃいけないと思うんですけど
どうもなかなか掴めなくて…

誰か、教えてください!!

1   名前: カヅサツ : 2005/05/06 11:29  [URL
とりあえず、「上手くいかない」というページを拝見できれば、具体的な提案が出来るかもしれません。

2   名前: Newのり太 : 2005/05/06 11:29
こちら参照です。
■ページに画像を載せる
http://www.geocities.co.jp/SiliconValley/4466/lecture/html.06.html

画像の保存の仕方も一応説明されています。
基本的には、右クリック>名前をつけて画像を保存 で大丈夫ですが、
素材屋さんによっては、画像をまとめて圧縮ファイルにしてある場合もあるので
その場合は、ダウンロード後、解凍ソフトで解凍する必要があります。
詳細は、該当の素材屋さんの説明をご覧下さい。

ページに画像を貼り付けたあとは、ページと画像をご自分の利用する
webサーバーにアップロードすればOKです。

なお、ページに画像を貼り付ける時点では、画像のURLは必要ありません。(直リンするのでないのなら)

3   名前: ナナ : 2005/05/06 11:29
えっと…
具体的なページがあるわけじゃないんです。

直リン=右クリックで画像のURLを見つけて…

と、いう感じですよね??
けど、禁止だから「保存して」URLを手に入れなきゃいけないわけですよね?
その↑のやり方が分からないんです…

で、多分そのやり方がわかれば
自分の画像をどうにかすることも出来ると思うんです。

理解していただけますか??
説明下手でごめんなさい;;

4   名前: ナナ : 2005/05/06 11:29
のりたさん・カヅサツさん>

すいません。かぶりました;;

ありがとうございます。
やってみますね!!

5   名前: ナナ : 2005/05/06 11:29
あの、なんかやっぱり良く分かりません…

多分、こういうことじゃないんですよ。(?
使いたい画像をファイルに保存した後が問題なんです。

タグで載せるには、画像のURLが必要ですよねえ??
そのURLは、どうしたら保存した後の画像から見つけるコトが出来るんですか?

アップロードをしなきゃいけないんですかねえ??
だとしたら、アップロードをどうすればいいのか、とかも理解できないんですが…

6   名前: Newのり太 : 2005/05/06 11:29
> タグで載せるには、画像のURLが必要ですよねえ??

再掲しますが、
|ページに画像を貼り付ける時点では、画像のURLは必要ありません。(直リンするのでないのなら)

画像のURLが必要になってくるのはweb上の画像を直接参照、所謂直リンクする場合だけです。
素材をPC内にダウンロードした時点で、web上のURLは一切関係(必要)なくなります。

で、通常HTMLファイルから画像を参照する場合は、その画像が
そのページから見てどこにあるかという「相対パス」で指定します。
このような指定の仕方をすることで、サイトがPC内にあってもwebサーバ上にあっても
はたまたwebサーバーを引っ越してサイトのURLが変わったとしても、
同じ指定の仕方で画像を表示することが出来るからです。

で、ページと同じ場所(フォルダ=ディレクトリ)にある画像を指定するときは、
<img src="画像ファイル名"> というように、ファイル名だけでいいです。

相対パスについては、前回に提示したサイトさんの中ではこちらのページなど参考になるかと。
http://www.geocities.co.jp/SiliconValley/4466/lecture/html.08.html

提示されたページだけでなく、そのページからのリンク先等、
サイト内を一通り目を通すことをお勧めします。
それほど膨大なページ数のサイトではありませんから。
ページ下部のbackからサイトトップに移動できます。

7   名前: カヅサツ : 2005/05/06 11:29  [URL
> タグで載せるには、画像のURLが必要ですよねえ??

はい、必要です。
絶対URLにせよ、相対URLにせよ、img要素のsrc属性値は必ず URL(URI)です。
http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/struct/objects.html#adef-src-IMG

<img src="{ここはURL}" alt="{代替テキスト}">

> どうしたら保存した後の画像から見つけるコトが出来るんですか?

絶対URL(http://〜)ができないのですから、相対URLにするしかありません。
どのように記述するかは、HTML文書と画像ファイルの位置関係によります。
面倒なら、HTML文書と画像ファイルを同じディレクトリ(フォルダ)に入れて下さい。

例えば、nana.jpg という画像ファイルが HTML文書と同じディレクトリにあるなら

<img src="./nana.jpg" alt="(略)">

と書きます。"./" は「同じディレクトリの」という意味です。"../" にすると「一つ上のディレクトリの」という意味になります。

> アップロードをしなきゃいけないんですかねえ??

御意。

> だとしたら、アップロードをどうすればいいのか、とかも理解できないんですが…

HTML文書と同じように put(アップロード)してください、としか言いようがないのですが、ひょっとして、HTMLを putすることが、そもそもわからないとか?

8   名前: Newのり太 : 2005/05/06 11:29
> > タグで載せるには、画像のURLが必要ですよねえ??
>
> はい、必要です。
> 絶対URLにせよ、相対URLにせよ、img要素のsrc属性値は必ず URL(URI)です。

ごめんなさいごめんなさい。
「web上のURL」という意味で言いたかったのですけど言葉が足りませんでした。
誤解を招く書き方をしてしまいすいませんすいません。

9   名前: ぽんた : 2005/05/06 11:29
わからないとか?というように、
いちいち馬鹿にするような表現でしか
教えられないんですか?

面倒なら教えなきゃいいんじゃないの?

10   名前: ゆえ : 2005/05/06 11:29
直リンクについてはこちらもご参考になるかと。
初心者さん向けに直リンクしない方法も、丁寧に分かりやすく解説されてます。
まずはご一読を。

http://paki.s33.xrea.com/

それとHPはどうやって作成されていますか?
何かソフトを使っているのならば、そのソフト名を掲示すれば
ソフトを使った方法も回答も得られるかと。

>ぽんたさん

質問者のスキルがどのどの程度(まったくの初心者、HTMLを知らない程度)なのを
尋ねておられるだけだと思いますが?
回答する側からみれば、質問者のスキルに合わせて回答の仕方を考えますから
スキルを確認することは意味があります。

馬鹿にして面倒だったら最初から回答自体されないかと。


>ナナさん
ということで、どの程度HP作成について知っているか、またはやったことがありますか?

11   名前: カヅサツ : 2005/05/06 11:29  [URL
そんな
釣りに
オレ様が
熊。

12   名前: ナナ : 2005/05/06 11:29
ご返答ありがとうございます。

のりたさん>
そうですねえ…
とりあえず、いろいろと見て、やってみます。

カヅサツさん>
はい…というか、アップロードの意味は分かるんですけど
やり方がわからないというか…なんていえばいいかわからないんですけど、
HTML文章と同じように、というのは…
やっぱりわかりません;

ゆえさん>
ご返答ありがとうございます。
いえ、ソフトをつかったりは全くしてません。
画面に文章を表示させたりぐらいなら出来るんですけど、
画像の表示がどうしても上手くいかないんです。

ぽんたさん>
ありがとうございます。
皆さんには、丁寧にアドバイスいただいています。
特に気にしていないので大丈夫です。どうもすいません。

13   名前: カヅサツ : 2005/05/06 11:29  [URL
ええと、ナナさんのサイトは、WWWで公開されてますか? という質問だったのですが。

14   名前: ナナ : 2005/05/06 11:29
>カヅサツさん

えっとですね、私のは日記なんです。
WWWではなぃと思います…

15   名前: ゆえ : 2005/05/06 11:29
情報を小出しにしてはこちらも回答ができません。

1.日記はレンタルのものか? 自分でCGIを設置しているのか?

2.レンタルした日記ならばレンタル先はどこか

3.借りたい素材というのは具体的にどのようなものか。できれば配布先のアドレスを

4.今まで借りた素材を使ったことはあるのか


もしかして日記じゃなくってブログとか?

16   名前: ナナ : 2005/05/06 11:29
>ゆえさん

あ、すいません!ブログです;

いえ、ブログを改造するのに素材を借りたいって言うわけじゃないんです。
スタイルシートとかを、変えることの出来るスキンがあるんですけど
そこで、自分がペイントで書いた絵をタイトル等に使いたいんですね。

で、ペイントで書いた絵とかって使えるんですかねえ??
いろいろ調べたんですけど、<IMG src="画像URL" border="0">
を書き込まなきゃいけないんですよ。

その、画像のURLっていうのがよく理解できないって言うか、
どうしたら、個人の画像でURLを入手することが出来るんでしょうか…?

17   名前: きーまま : 2005/05/06 11:29
ブログでの画像の扱いは、各社それぞれ異なりますので、
どこのものをお借りしているのかを提示したほうがよろしいかと。

それから、「ペイントで書いた絵を」ということですが、
書いただけの状態では、拡張子が.bmpになってると思います。
そのままだとかなり容量が重いので、WEBに載せるには向きません。
変換ソフトを使って、.gifや.pngに変換します。
変換ソフトは無料のもあるので、お探しになってお使いください。

18   名前: カヅサツ : 2005/05/06 11:29  [URL
> その、画像のURLっていうのがよく理解できないって言うか、
> どうしたら、個人の画像でURLを入手することが出来るんでしょうか…?

画像にせよ、文書にせよ、音楽にせよ、あるデータをWWWで公開するには、「WWWに公開するために特別に設定されたネットワーク・コンピュータ」に put (転送、あるいはアップロード)しなければなりません。そして、世の中には、その転送先を貸してくれるサービスがあります。

ナナさんが借りている「ブログ」のサービスは、画像ファイルを put できるかもしれませんし、できないかもしれませんので、まず、サービスにお問い合わせ下さい。

putできれば、URL が発生します。 例えば、『www.hogehoge.jp』という名前の「WWWに公開するために特別に設定されたネットワーク・コンピュータ」の『img』というディレクトリ(フォルダ)に『background.jpg』という名前のファイルを置けば、URLは『http://www.hogehoge.jp/img/backgroun.jpg』になろうかと思います。

(やや誤解を招く表現だが、他に思いつかなかった)

19   名前: ナナ : 2005/05/06 11:29

私の借りているところは、日記に画像を載せるためにアップロードが可能です。

で、説明どうりにすると https://www.yaplog.jp/7season-secret/img/0/img20050430.gif
という画像のURLが出るんです。

これでOKなんでしょうか??

20   名前: カヅサツ : 2005/05/06 11:29  [URL
> 説明どうりにすると

どのなたの、どの説明でしょうか?(いろんな方がいろんなアドバイスをされているようですが)

> URLが出るんです。

「出る」というのはどういう意味でしょうか?

で、結論を言うと、https://www.yaplog.jp/7season-secret/img/0/img20050430.gif は存在しないみたいです。
ただ、putに失敗しているのか、putはできているけど URL が間違っているのか(ディレクトリ名やフォルダ名が間違っているか)は、現状、オレ(ら)から伺い知ることが出来ません。

21   名前: きーまま : 2005/05/06 11:29
http://www.yaplog.jp/contents/m_picture
こちらで出ているやり方ではダメなんですか?

22   名前: ナナ : 2005/05/06 11:29
カヅサツさん・きーままさん>
説明というのは、私の借りているブログサイトにのっているサイトです。

それで、カヅサツさんのいうように、さっきのURLは存在しないんですよね。
本当に、説明どうりアップしてるんですけどね…

自分の写真はちゃんとできてるんですけどペイントとかのは
ダメみたいなんです。
これって、やっぱり関係あるんでしょうか?

23   名前: カヅサツ : 2005/05/06 11:29  [URL
> 自分の写真はちゃんとできてるんですけどペイントとかのはダメみたいなんです。
> これって、やっぱり関係あるんでしょうか?

ないはずです。

というのも、https://www.yaplog.jp/7season-secret/img/0/img20050430.gif が「存在しない」のです。

つまり、例えばソフトウェアのバグや、作り方が不味い(それでも「ペイント」でそんなことになるとは思えませんが)としたら、「ファイルはそこにあるけど(何らかの理由で)ブラウザで表示できない」という状況になるはずです。

24   名前: JUNCHIRO : 2005/05/06 11:29
いきなり現れてすみません
JUNCHIROというものです
僕からも少しアドバイスをさせてください
一応このヤプログ、画像のアップの方法はこちらのページに書いてありましたね
http://www.yaplog.jp/contents/m_picture
これを見る限りでは絶対パスも相対パスも必要ないんじゃないですか?
もちろんこれでは直リンも出来ないと思います
アップが出来ないなら、ペイントで作ったソフトがgifかjpegになっていることを確認してみてください
そうしないとヤプログの場合はアップできないらしいです
画像ファイルの後ろに.bmpも.gifも.jpgもついていなかったら多分拡張子が表示されてませんね
僕のWINDOWS MEはペイントが壊れててつかえないのでうろ覚えですが
まずペイントで絵をかいてから『ファイル』の『名前をつけて保存』
それからファイル名を決めたら入力しますよね
その下 多分最初はbmpとかになってると思いますが
そこを押してgifに変えてください
これでGIFファイルが出来ます
後はさっきのページに載っていたやり方でアップすれば問題ないかと思います
長々しく しかも読みにくい文章ですみません
少しでも参考になると嬉しいです
頑張ってください

25   名前: きーまま : 2005/05/06 11:29
画像がアップされない原因については、
以下のページに載っていることに当てはまることはありまませんか?
http://www.yaplog.jp/contents/faq#news_04

それと、ペイントで描いた絵は、どのように保存されていますか?

一覧へ戻る