[Site Top]


square line square
line
WEB素材のご利用方法

素材の保存・表示方法等についてのごく簡単な解説を載せています。
初めて素材を利用される方、利用方法にお悩みの方はご一読下さい^-^
HP作成ソフト等に関しては、各ソフトのサポートをご参照下さい。

※ 最低限のHTMLをご理解されている方を対象として解説しています。
※ 内容を参考に実行後、万一不具合が起きても責任は取りかねます。
  必ず自己責任でのご参照、ご利用をお願い致します。
line
square line square



square line square
line
素材を持ち帰るには - 保存方法 -

1.素材画像にマウスポイントを当て、マウスを右クリックします。
2.ダイアログから「名前を付けて画像を保存」(S)を選択します。
3.ホームページ用画像を保存する場所を選び(あなたが保存する所)
4.「保存する」のボタンを押せば画像はあなたの持ち物になります。
 (↑ WINDOWS, Internet Explorer使用時 ↑)yajirusi画像解説へ
line
square line square



square line square
line
素材をWEBページで使う [1] -背景画像編-

<BODY>タグに、背景画像を指定する属性(BACKGROUND)を付けましょう。
例.<BODY BGCOLOR="#背景画像に近い色を指定" BACKGROUND="画像名">
ここのページの背景を例にすると、(実際はCSSを使用していますが)
<BODY BGCOLOR="#A5E5FF" BACKGROUND="lace_01a.gif">となります。
※このページの壁紙は背景色を濃くしないと見えませんので、
上の解説とは異なり、濃い色の背景色を設定しています(^^ゞ
line
square line square
line
素材をWEBページで使う [2] -アイコン編-

<IMG>タグを使って、あなたが画像を置きたい所に表示させましょう。
例.<IMG src="画像名" width="" height="" alt="代替テキスト">
widthとheightには使う画像の横、縦のサイズ(ピクセル)を入れます。
altには、画像が表示されない環境の時に代わりに出る文を書きます。
↓このテーブルの四隅にある、四角い画像を例に取るとこんなカンジ
<IMG src="squ_01.gif" width="15" height="15" alt="square">
line
square line square
line
素材をWEBページで使う [3] -リンクボタン編‐

<A>タグを使い、あなたがリンクの設定に使いたい画像を挟みましょう。
<A href="リンク先のURL"><IMG src="画像名" width="" height=""
alt="代替テキスト" border="0"></A>(実際は一行で。)yajirusi画像解説へ
line
square line square



square line square
line
サーバにアップロード〜画像表示の不具合

使う画像を、表示させたいHTMLファイルと一緒にアップロードします。
上にある説明もHTMLファイルも、きちんと出来ているはずなのに、
何故か画像が表示されない時は以下の点を確認してみましょう。

1. 呼び出す画像の名前は間違っていませんか?
  大文字と小文字、拡張子にも注意して、名前を見直してみる。
   :abc.gif⇔Abc.gif abc.gif⇔ABC.gif abc.gif⇔abc.jpg等々
  一文字でも違っていると、画像を正しく呼び出す事は出来ません。

2. 画像のパス(住所)が間違っていませんか?
  アップロードした画像は、WEB上に置かれた場所によって
  一つづつ違ったパス(住所のようなもの)で認識されています。
   :http://homepage/gazou/abc.gifの画像を読み込みたい時、
  http://homepage/abc.gifと書いては呼び出す事は出来ません。
  画像を右クリック>プロパティーでパスを調べられますので、
  正しいパスが書かれているかどうか確認してみましょう。
  file:///C:/<また、もしこの様に始まるファイル名だったら
  パソコン内にある画像を参照している事になりますので、
  あなたのパソコン以外からは見えないと言う事になります。

3. 画像が壊れていませんか?
  Windows.FAQ - ウィンドウズ処方箋 ←このサイトにもあるように、
  素材のダウンロード中に、キャッシュファイルの破損等により、
  [GIF]や[JPG]が、BMPファイルとして保存される場合があります。
  拡張子が変わってしまっているので、当然呼び出して貰えません。
  ↓の方法でキャッシュをクリアし、もう一度素材を保存し直します。

  ブラウザの[ツール(T)]から[インターネットオプション(O)]を選択、
  [全般]の[インターネット一時ファイル]から[ファイルの削除(F)]
  [履歴]から[履歴のクリア(H)]のボタンを選んでクリックします。
  [履歴]の内容は消えます。ご注意下さい。yajirusi画像解説へ
line
square line square



square line square
line
お役立ちサイト-新しいウインドウが開きます。

 HTMLはさっぱり判らないケド、これから覚えたい方
 >>初心者のためのホームページ作り/Web for beginner作成支援

 ホームページビルダーでの疑問や質問をお持ちの方
 >>ホームページビルダー作成報告

※ リンク先の規約に従ってご利用くださるようお願い致します。
line
square line square



[Site Top]

access