画像を表示させる


トップへ  HPの作り方MENUへ


ホームページを飾り付けよう!

できあがったページをみても、文字だけではなんだかさみしいですよね。
だから自分のお気に入りの絵や写真などをホームページに置いて、カラフルでにぎやかなページを作ってみましょう。


その1 まずは画像を用意しよう

画像を手に入れる方法はいろいろあります。
自分で描いたり、デジタルカメラで撮影したり、画像のたくさん入ったCD付の本なんかも売っています。
しかし、絵を描くのが苦手だったり、お金が無くてデジタルカメラや本が買えない人はどうすればいいのでしょうか?

私がおすすめするのは、フリーの画像を扱っているホームページから画像をもらってくることです。
yahooなどの検索エンジンで[素材集][フリー]などのキーワードを使って探してみて下さい。
気に入った画像にマウスカーソルをあわせて右クリック。[名前を付けて画像を保存]でhomepageフォルダに保存して下さい。
ここで注意!!
自分のホームページで使用することのできる画像は、素材集のホームページのなかで、自由に使っても良いと表記されているものに限ります。その他の画像等を勝手に使用すると著作権の侵害にあたる事があるので注意して下さい。素材集のホームページの素材を使用するときは、そのページの注意書きなどを良く読んでから使用するようにしましょう!


その2 使用することのできない画像

ブラウザで表示することのできる画像は、拡張子がgifjpgもしくはpngのものに限ります。(厳密にいうと他にもあるのですが、すべての人が見ることのできる画像はgifとjpgとpngです)
自分で絵を描いたりした場合のほとんどは、拡張子がこの三つにはあてはまらないと思います。
拡張子を変換する方法もあるのですが、それについてはまた後で説明するので、今は素材集から持ってきたgifjpgpngの画像を使って下さい。

拡張子とは何か?
hpmepageフォルダを開いてみて下さい。
皆さんがつっくたHTMLファイルはすべて[○○○.html]というような名前が付いて表示されていますね。
この[.html]という部分が拡張子です。
拡張子とはファイルの種類を表すもので、[.html][.gif][.txt]・・・、など様々な種類があります。
拡張子がgifjpgのもの、というのは[○○○.gif]や[○○○.jpg]という名前で保存されているファイルのことです。

拡張子が表示されない
パソコンの設定によっては、拡張子が表示されない場合があります。
この場合、マイコンピュータを開く・[表示]→[フォルダオプション]を選択・[表示]タブをクリックし、「登録されているファイルの拡張子は表示しない」という項目の隣にある□をクリックしてチェックをはずし、OKボタンを押せば拡張子が表示されるようになります。


その3 画像を表示させる

画像が用意できたら、ホームページに表示させてみましょう。
ここで使うタグは<IMG SRC="画像の名前">です。画像を置きたい場所にこのタグを書き込みます。
終了タグは必要ありません。

例えば[sannkaku.gif]という画像ファイルをhomepageフォルダに保存したとしたら、
<IMG SRC="sannkaku.gif">というタグを、画像を置きたい場所に書き込みます。

画像はただ一つだけで表示するだけではなく、背景として並べて表示することもできます。
それには<BODY BACKGROUND="画像の名前">を使います。




トップへ  HPの作り方MENUへ