HOME

楽しい消防団

自転車に乗ろう

私がせんむ

パソコンレスキュー隊

せんむのQ&A

PC改造部屋

宮中囃子連

掲示板

リンク集

[ナスカの助け合い掲示板]  [せんむのおまけのページ]  目次へ


そもそも日記帳や掲示板の背景画像ってなに?
 画像のURLってなに? 

  by せんむ

背景に限らず、ナスカの日記帳や掲示板に使う画像ファイル(背景やアイコン)は一度、自分のHPにアップロードする必要があります。 日記帳や掲示板で画像を使う時の設定というのは、その画像を置いてある場所を指定することです。

たとえば、自分のHPが http://www.sopia.or.jp/libre/i_am_senmu/で、「pc_ms00.gif」という画像ファイルを「pata_anime」フォルダにアップロードしてあるとすると、その画像の場所(URL)はhttp://www.sopia.or.jp/libre/i_am_senmu/pata_anime/pc_ms00.gifとなります。

これを日記帳や掲示板の設定画面の背景画像欄、アイコンの欄に書きます。

本来はIMGタグを使って
http://www.sopia.or.jp/libre/i_am_senmu/pata_anime/
にある「pc_ms00.gif」という画像にリンクせよ(画像を表示せよ)という命令を書かなければいけないのですが、掲示板などでは単にURLを書くだけでいい、という設定になっているわけです。背景画像とは、もともとひとつの画像なのですが、背景に指定すると、これをタイル状に背景に並べてくれます。

 ここは私が借りている日記帳です。クリックしてみてください。
 内容は何にも書いてないですが・・・・・。(笑)
   ↓
 
http://perl.nazca.co.jp/dl/tackynote2_r.cgi?user=senmu&dr=16

ためしに緑色のレンガの画像を背景に使っています。 画像そのものは本当はずっと小さいのですが、背景に指定することによって自動的にタイル状に並べてくれるので背景として見えるわけです。

↓元の画像はこれです。

D1030103.gif

HPに画像をアップロードすると、そのHPがあるサーバ(コンピュータ)のHDDにそのファイルがコピーされます。 画像の場所(URL)とはその場所をいいます。たとえば
http://www.sopia.or.jp/libre/i_am_senmu/pata_anime/pc_ms00.gifというのは

 「sopia.or.jp」というプロバイダのサーバのHDD中の
 「libre」フォルダの中にある
 「i_am_senmu」フォルダの中の
 「pata_anime」フォルダの中の
 「pc_ms00.gif」ファイル、という意味です。

 http:// というのは、「ブラウザ(インターネットエクスプローラーなど)で表示するためのきまり文句」と考えてください。(笑)

HPは、HTML(ハイパー テキスト マークアップ ランゲージ)というもので作られています。HPを見ているときに「表示」→「ソース」とクリックしてみてください。メモ帳が起動して、なにやら英語みたいなのが出てきますが、これがHTMLソースです。< >で囲まれているのがタグといって、ブラウザ(IEなど)に対する、いわば命令です。

「以下のテキスト(文字)を表示しろ」
「色は赤色」
「大きさは3ポイント」
「○○の画像を表示しろ」

などという命令が書いてあります。よく見ると本文らしきものもありますが、これを見ただけでは、なにやらよくわかりません。実はHPというのは、このHTMLファイルと画像ファイルが別々になっているのですが、ブラウザがこれを解釈して私たちにもわかるように(普通に見えるように)表示してくれているわけです。 以前はこのHTMLをメモ帳などで書くのが一般的だったそうですが、HP作成ソフトを使うとタグを知らなくても作れます。

URLにある「/」(スラッシュ)は「・・・の中の」という区切りです。HDDの中のファイルを表示する時は「¥」マークで区切られるのがわかると思いますが、あれと同じようなものと考えていいと思います。同じフォルダの中にあるときは上のフォルダ名は省略できますが、別のサイト(HP)にある画像を表示する場合は必ずフルパス(http・・・・)で書かなくてはブラウザが理解できません

郵便物の宛名と同じで、同じ県内なら国名はもちろん県名は省略してもOKですが、県が違ったり、あるいは国際郵便だったりすると、ブラウザという郵便やさんは理解できないのです。

インターネット上のファイルの住所がURLというわけです。


 
画像の保存場所と転送後のURLの関係がわからない場合はここを見てね

[ナスカの助け合い掲示板]  [せんむのおまけのページ]  目次へ 相談や質問は掲示板へ

 

 


女の子お絵かき掲示板ナスカiPhone修理池袋 ブラジリアンワックス