眠 れ る 森

  眠 れ る 森

HPに画像を載せるってそもそも何?

←眠れる森TOPへ戻る

~~そもそも画像をホームページに載せるってどういうこと?~~


眠れる森の日記には画像がいっぱいです。
写真の威力は絶大です。言葉では語り尽くせないこと、たくさんありますよね。
具体的な掲載方法も 別途 紹介しますがここでは概念的なことをチョロッとおさらいして再認識をしていただきます。

■目次
【1】そもそもインターネットで画像を見るってどういうこと?
【2】楽天広場の場合どうなってるの?
【3】保存先が外部(isweb)って、具体的にはどうしたらいいの?




【1】そもそもインターネットで画像を見るってどういうこと?

インターネットで皆んなが画像を見れるというのはどういうことでしょう。
カメラで写真を撮ってアルバムにはさんだら、アルバムを開けばその写真を見ることが出来ますね。
それは、物理的にその場所に写真があるから当然見れます。

ビデオカメラで撮影した映像はどうでしょう。
ビデオデッキにテープを入れて再生すると見れますね。

では、テレビ番組はどうして離れた場所にいる皆んなが一斉に見れるのでしょうか。

それは、テレビ局が特別な方法、つまりは電波に乗せて再生しているからですね。
その電波に合わせることが出来たひとはその映像を見ることが出来ます。

では、インターネットはどうでしょう。
インターネット上のどこかに文章や画像、映像を保存しておくことが出来ます。
そして、その保存場所を教えてもらったひと、または、知ることが出来たひとはその情報見ることが出来るのです。

つまり、いろんなひとに見てもらう(ネットに公開する)ためには、 インターネット上に保存 して、 その場所を紹介 してあげなくてはいけないということです。

★ここのまとめ「画像(など)を見てもらうためには」
1.インターネット上に保存をする
2.その場所をお知らせする




【2】楽天広場の場合どうなってるの?

楽天広場の場合、日記や、独自のページを公開できますね。
私もザレ歌のページを作って各所でそのページを紹介しております。
これは、文章を(ページとして作成したものを)インターネット上である楽天広場内に「保存」しているということです。

そして、そのページを広場のページから 「リンク」 させることで 「お知らせ」 をしているわけです。

では、画像はどうでしょう。
100個までは楽天広場で「保存」できるようですね。
そして、TOPページや、独自のページでその画像の場所を「お知らせ」することで、画像が表示されています。
具体的な「お知らせ」方法は、なんかおまじないみたいなものを書いたと思います。

●こんなヤツ

└→ <img src="http://plaza.rakuten.co.jp/img/user/16/82/1331682/26.jpg" width="480" height="360" alt="パイバコティ2">

これがインターネット上に保存した画像の「お知らせ」方法なわけですね。

ただ、楽天広場の場合、この「保存」の画像数に制限があるということなので、その「保存」場所を外部に設けなくてはいけなくなっているということです。
その「保存」場所に最適だと思って 紹介した のが「isweb」ということです。

変ったのは保存先だけですので、 紹介する方法は変わりません
いままで、広場内の保存先を紹介していた部分をiswebの保存先に入れ替えてあげればいいのです。

例:広場の保存先
http://plaza.rakuten.co.jp/img/user/16/82/1331682/26.jpg
例:iswebの保存先
http://beauty13.hp.infoseek.co.jp/plaza/20031030sentaku02.jpg

ね、似てますよね。

ということで、
★ここのまとめ
1.広場は制限があるので画像の保存先を増やす必要がありました
2.保存先にiswebを選びました
3.紹介方法はほとんど変わりません。




【3】保存先が外部(isweb)って、具体的にはどうしたらいいの?

ここで 先に紹介した「FFFTP」 の登場です。
ここまでお読みいただきまして、このフリーソフトがそもそも何のためのソフトであるかご想像いただけるでしょうか。

そうです、インターネット上に「保存」するためのソフトなのです。

手元のパソコン(など)に保存されている画像を、インターネット上に保存するために約束された特定の場所に「転送」をしてくれるソフトです。

「約束された特定の場所」はiswebの登録で決まったはずです。
実際の作業に入るためには、FFFTPの設定を完了しておいてください。

FFFTP自体の設定と使い方は以下のページなどを参考にしてください。
http://www.123.ne.jp/support/ffftp/ ←オススメ!(なくなっている...2005年1月追記)
http://www.vecceed.ne.jp/support/manual/ffftp/ (ホームページ閉鎖している...2005年1月追記)
http://www.shizuokanet.ne.jp/manual/win_fff.html
http://ftp.hm/ffftp/manual.shtml

他は こちら から

で、画像を無事isweb内に「保存」(転送)出来たということを前提に話を進めます。

一番最初の
★ここのまとめ「画像(など)を見てもらうためには」
1.インターネット上に保存をする
2.その場所をお知らせする


でいうところの、「1.」が完了している状態です。

あとは、その場所をお知らせする「紹介」方法を確認しましょう。

テレビ局の放送を自宅で見れるように、インターネット上に保存されていればその場所さえ正しく紹介さえすればどこでも(広場上でも)見ることが出来ます。

iswebの場合も、広場に保存した画像と表示のさせ方は同じです。

一度紹介しましたが、ホームページを作成するのに必要なHTML(ハイパーテキストマークアップランゲージ)で画像を表示させる方法は IMG(イメージ)タグと呼ばれるものを使います。

<img src=.....>

で、..... のところが具体的なファイル名になります。
なので、広場の画像倉庫に登録した画像を日記に載せる時には、保育園を掲載した時は

<img src="http://plaza.rakuten.co.jp/img/user/16/82/1331682/26.jpg" width="480" height="360" alt="パイバコティ2">

ってコピーして貼り付けしたと思います。つまりこの「src=」の後ろの「"」に囲まれた部分がインターネット上に保存された画像の「ファイル名」と言うことです。

もしiswebに画像をFTPで登録をしたのであれば、その画像は
http://??????.hp.infoseek.co.jp/????.jpg
というファイル名になっているはずなので、これに置き換えれば表示されます。

仮に手元にある画像ファイルの名前が abc.jpg だったとして、それを
http://beauty13.hp.infoseek.co.jp/ というサーバーにアップロードしたとすると、abc.jpg という画像はインターネット上では
http://beauty13.hp.infoseek.co.jp/abc.jpg
というファイル名になります。

ですので、この画像を日記に掲載させるためには、
<img src=http://beauty13.hp.infoseek.co.jp/abc.jpg>
と書けばそれでOKなはずです!

ちなみに、「"」 は必要ないので書かなくてもいいです!

ぜひ試してみてくださいね!
考え方とやり方としては理解に至りましたでしょうか。
質問はいつでも受け付けております!


質問はこちら からどうぞ

←眠れる森TOPへ戻る



© Rakuten Group, Inc.
X

Design a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: