STEP4 【 HTMLに画像を張ってみよう】：ホームページを作ってみよう

ホームページ作成の基礎から、HTMLタグやスタイルシート、JavaScriptを使ったHP作成方法、アクセスアップの秘訣を紹介。

ホームページ入門

初めてのホームページ

作成に必要なもの

レンタルサーバ選び

HPを作ってみよう

拡張子の表示

フォルダ、ファイル作成

HTMLタグの入力

画像を張る

画像について

画像の準備

画像の張り方

背景に画像を使う

サイト内リンク

他サイトへのリンク

FTPの使い方

完成までの流れ

気をつけたいこと

　STEP4 【 HTMLに画像を張ってみよう】

画像って何？


	左のような絵が画像として保存されたファイルです。これ以外にもいくつか種類があり、主にホームページではOSに依存しない（WindowsでもMacOSでも扱える）画像ファイルが使われます。画像ファイルとは、写真やイラストなどの画像情報をデータとしてファイル化されたものを指します。また、形式（種類）によって扱う画像が異なり、その画像に合った形式で作成することで、より鮮明な画像として表示させることができます。

主に使われる画像の種類・用途 　

画像の種類

上でも説明しましたが、ホームページでは使用しているOSに関係なく扱える画像が主に使われます。そこで、ホームページで主に使われている画像の種類を表にまとめましたので、下記をご覧ください。

【 GIF 】		ホームページで最も使われる画像形式。 256色までの画像を保存でき、イラストやアイコンなどに向いています。他にも、動く絵（アニメーション）や透明色を指定することで背景と重ねる事ができます。拡張子は「.gif」として保存される。主な用途：アイコン、バナー、文字画像、アニメーション画像
【 JPEG 】		GIF形式と並び、ホームページで使われる画像形式。写真画像やグラデーションなどの複雑な色を使う際に向いています。 GIFとは違い、背景を透明色に指定することはできず、重ねて表示させることはできません。拡張子は「.jpg」「.jpeg」として保存される。主な用途：写真画像、デジタル画像など
【 PNG 】		インターネットで使われることを目指し、開発された形式。主に使われる画像形式の中で最も多くの色を使用でき、自然画像や多色画像に向いています。 GIFと同様、背景を透明色に指定して重ねて表示させることができるが、上の二つに比べ、画像の表示に時間が掛かってしまうため、あまりホームページの素材としては適さない。拡張子は「.png」として保存される。主な用途：自然画像、多くの色を使う画像など

もっと詳しく知りたい方は、上の詳細をご覧ください。
それではHTMLに画像を張っていきましょう。「画像の準備」に進んでください。

ページの上へ

前のページ

トップページ

画像の準備

Copyright (C) 2007 ホームページ作成講座 All Rights Reserved.