バカネコ日記

フリーページ

保存ﾌｧｲﾙ見方

< 新しい記事

新着記事一覧(全963件)

過去の記事 >

全て | カテゴリ未分類 | バカネコＰＣ講座 | バカネコのお話

2005年04月01日

背景画像を取り上げる。
ひさびさに、小難しい話をするから、覚悟して読まれたい。

心の準備はよろしいだろうか？　
では、始める。

ネット上のページを保存するのは、簡単である。
インターネットエクスプローラで、完全保存すれば、
画像もテキストも保存できる、はず。

だが、実際には正確に保存できないサイトも存在するし、
画像も、条件次第ではファイルの形では保存できない。

前者は、楽天広場で言えば、アフィリエイトの確定レポートがそうだ。
無理矢理ダウンロードすると化けてしまう。

後者の例は、背景がスタイルシートで指定されている場合が該当する。
具体的には、楽天日記のタイトル画像などがそうだ。
ダウンロードしても、それらしき画像ファイルはどこにもない。

なぜ、ダウンロードできないのか、などと突っ込みたければ、
それは、マイクロソフトの方へお願いしたい。
インターネットエクスプローラの仕様は、バカネコ村が決めたわけではない。

背景画像の話に戻ろう。
画像を背景に指定するには、通常、tableタグや、bodyタグに、
パラメータとして仕込んでやるのが、まあ、普通のやり方である。

楽天日記では、bodyタグは使えないので、tableタグを例に取ろう。
tableタグの基本形は次の通りである。　ごちゃごちゃした中身は省略する。
<table>
　　　ごちゃごちゃ
</table>

さて、この表に、back1.gif という画像を、背景として仕込むには
次の呪文を、放り込む。
background="back1.gif"

つまり、こう書くわけだ。
<table background="back1.gif">
　　　ごちゃごちゃ
</table>

これを、仮に書式１とする。

今回は、HTMLの書き方が問題なのではない。
覚えてもらいたいのは、このように、background 属性として指定した
背景画像は、インターネットエクスプローラで、きちんと保存できる、
ということだ。

では、インターネットエクスプローラで、保存できない書き方とは
どんなものだろうか。

スタイルシート(CSS)で指定したものがそうである。
うるさく言うと、スタイルシートと、CSSは同じではないが、
ここでは、ほぼ同じと考えてよろしい。

スタイルシートは、別のファイルとして分離することもできるし、
同じファイルの中に書くことも出来る。

しかし、今回はいつもの「呪文」形式で、タグの中に仕込んでみる。
すなわち、こうだ。
style="background-image: url(back2.gif);"

したがって、tableタグに仕込むと、このようになる。
<table style="background-image: url(back2.gif);">
　　　ごちゃごちゃ
</table>

これを、ここでは書式２としよう。

見た目は、同じように背景として表示されるが、
この場合の back2.gif はインターネットエクスプローラで
ダウンロードしても、画像ファイルとして保存されない。

これは、インターネットエクスプローラの仕様なので、
なぜか？　などとは、くれぐれも突っ込まないでいただきたい。

人生と同じである。
解きがたい謎を追いかけるのは、ヒマな学者に任せておけばよい。
我々は、この事実を知って何に役立てるか、それだけが問題なのだ。

つまり、避けられない問題が発生するのが、始めからわかっているのなら、
避けて通れ、ということだ。

バックアップすることも考えておくなら、
背景は、スタイル属性の background-image を使わず、
「background 属性で背景を指定する」ということだけ、知っておけばよい。
つまり、最初に出てきた「書式１」を使う、ということだ。

初心者にはしんどいかもしれないが、少しずつ、脳みそをならしていこう。

【今日のポイント】
１．スタイルシートで指定した背景画像は、インターネットエクスプローラで
　　ダウンロードできない。
２．background 属性で、背景を指定すれば、インターネットエクスプローラで
　　画像がファイルとして保存できる。
３．バックアップを考えるなら、background 属性を使う。

【次回の予定】
楽天日記のタイトル画像はどうなってる？

【トド短信】
　お笑いネタがみつからず、ストレス過剰気味。
　だれか、田舎ふうのおにぎり持って、笑わせに来てくれないかな～

この記事が役に立ったと思う人は１票！　クリック　→