画像を表示してみよう

• ホーム[H]
• トップページ[T]
• タグってどんなもの？
• 大体の感じを教えて
• ヘッダに書き込むものって？
• ページ作りの本番の前に
• フォントとはなんぞな
• 画像を表示してみよう
• 表を作ってみよう
• リンクの貼り方教えて
• フレームってどーなってるの？
• 最後に
• 補足

Exit[E]

さあて、前回の復習から行こうかの。
以下の要素は、どんな働きをするんじゃホイ。

<b>〜</b>
<i>〜</i>
<blockquote>〜</blockquote>
<s>〜</s>

つっ疲れた〜；'意外と覚えてないもんだな〜。

マジメに聞いてないからよ、バカ。

あー、ヲッホン。
今回はメデイアを扱うのじゃな。
というても、基礎ということじゃからして、
画像を表示してみるだけなのじゃ。

さて、画像を表示してみようかの。

以上じゃ。

・・・へ！？
終了タグも要らないの？！

そのとおりじゃ。
では、ほかの属性について、列挙するとしようかの。

これ以降は、断りの無い限り、
数字だけの場合は、単位はピクセルじゃ。

ピクセルって何ですか？

画像の一番小さい単位じゃ。
画面を拡大すると四角が沢山見えるじゃろ。
それ一つ一つじゃよ。
ドットということもあるのう。

は〜、代わりに属性が山ほどあるわけね。
あ、一向に説明してくんなかったalignの解説があるね。

そうじゃな。
汎用的に使えるのは、このうち
left,center,rightの3つじゃ。

博士、align属性について、教えてください。

よしよし、カキコしていくじゃ。

他の要素の場合は
文字を指定された側に寄せるだけなのじゃが、
画像の場合は少し変わっておって、
寄せて余った場所に
それ以降にあるものが入ってくるんじゃよ。

えっと、
途中で残り部分を画像の下に回したいときは、
どうするんですか？

改行タグに、オマケを付けるのじゃよ。
<br clear="all">

思ったんだけど、JPEGとかGIFとかPNGって言うけどさ、
Windowsって、BMPだよね、フツー。

Macintoshでも普通はPICTじゃのぉ。
リンク集に変換用のフリーソフトの広場への
リンクがあるで、
それを使っててきとーに変換するじゃ。

あー、いーかげーん。

博士、そのJPEGとGIFとPNGについて
説明してください。

ウム、
JPEGは、非可逆圧縮、
つまりぎゅ〜っと絞って、元に戻らないくらい
小さくしたものなんじゃ。
フルカラーで、
容量は小さいが、
境界線がぼやけてしまうのじゃな。

圧縮率というものを変えて、
好みの画質にすることが可能じゃ。

GIFはじゃな、
256色までしか使えぬが、
可逆圧縮で境界線をクッキリと表示するし、
背景を透過することもできるんじゃ。
アニメーションができるのも大きな特徴じゃな。

ファイルの大きさの大きな区切りは、
16色、2色じゃが、
1色減らしただけでも、
かなりファイルサイズが小さくなることもあるで、
頑張って減らしてみるじゃ。

簡単に言うと、
GIFはアニメに、JPEGは写真に向いておる。

ちなみに、256色GIFは、JPEGより
ファイルサイズが大きくなる事が多いで、
よっぽどのことが無い限り、JPEGにする方が懸命じゃ。

で、もう一つ、GIFには、特許があって、
無料のツールを探すことが出来ないんじゃな。
WindowsXPならペイントで扱えるのじゃが、
それ以外の場合は
有料のソフトを使うことになるのじゃよ。

そこで無料のお得なフォーマットがPNGなのじゃ。
フルカラー対応で、ファイルサイズも小さめ、
透過度合いも指定できる
なかなか多機能なフォーマットなのじゃが、
ブラウザの対応状況が、
ぜーんぜんダメなのじゃよ。
1色透過以外は、もう少し先の話になるかの。

映像は、いろーんなことが説明しやすくて、
便利でエーゾー、てのはどうじゃ？

〜〜〜〜〜・・・

クックク（ツボらしい）

次回は、テーブル、つまり表の作り方じゃ。