WEB素材のご利用方法 素材の保存・表示方法等についてのごく簡単な解説を載せています。 初めて素材を利用される方、利用方法にお悩みの方はご一読下さい^-^ HP作成ソフト等に関しては、各ソフトのサポートをご参照下さい。 ※ 最低限のHTMLをご理解されている方を対象として解説しています。 ※ 内容を参考に実行後、万一不具合が起きても責任は取りかねます。 必ず自己責任でのご参照、ご利用をお願い致します。 |
||
素材を持ち帰るには - 保存方法 - 1.素材画像にマウスポイントを当て、マウスを右クリックします。 2.ダイアログから「名前を付けて画像を保存」(S)を選択します。 3.ホームページ用画像を保存する場所を選び(あなたが保存する所) 4.「保存する」のボタンを押せば画像はあなたの持ち物になります。 (↑ WINDOWS, Internet Explorer使用時 ↑)画像解説へ |
||
素材をWEBページで使う [1] -背景画像編- <BODY>タグに、背景画像を指定する属性(BACKGROUND)を付けましょう。 例.<BODY BGCOLOR="#背景画像に近い色を指定" BACKGROUND="画像名"> ここのページの背景を例にすると、(実際はCSSを使用していますが) <BODY BGCOLOR="#A5E5FF" BACKGROUND="lace_01a.gif">となります。 ※このページの壁紙は背景色を濃くしないと見えませんので、 上の解説とは異なり、濃い色の背景色を設定しています(^^ゞ |
||
素材をWEBページで使う [2] -アイコン編- <IMG>タグを使って、あなたが画像を置きたい所に表示させましょう。 例.<IMG src="画像名" width="横" height="縦" alt="代替テキスト"> widthとheightには使う画像の横、縦のサイズ(ピクセル)を入れます。 altには、画像が表示されない環境の時に代わりに出る文を書きます。 ↓このテーブルの四隅にある、四角い画像を例に取るとこんなカンジ <IMG src="squ_01.gif" width="15" height="15" alt="square"> |
||
素材をWEBページで使う [3] -リンクボタン編‐ <A>タグを使い、あなたがリンクの設定に使いたい画像を挟みましょう。 <A href="リンク先のURL"><IMG src="画像名" width="横" height="縦" alt="代替テキスト" border="0"></A>(実際は一行で。)画像解説へ |
||
サーバにアップロード〜画像表示の不具合 使う画像を、表示させたい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)]のボタンを選んでクリックします。 [履歴]の内容は消えます。ご注意下さい。画像解説へ |
||
お役立ちサイト-新しいウインドウが開きます。 HTMLはさっぱり判らないケド、これから覚えたい方 >>初心者のためのホームページ作り/Web for beginner作成支援 ホームページビルダーでの疑問や質問をお持ちの方 >>ホームページビルダー作成報告 ※ リンク先の規約に従ってご利用くださるようお願い致します。 |
||