ホームページ制作の為の画像ついての説明
内職のホームページ制作>ホームページ制作の為の画像ついての説明

内職のホームページ制作
> ホームページ制作の為の
画像ついての説明

ホームページ制作の為の画像ついての説明です。詳細は、画像の保存、画像の表示方法、画像のサイズ変更、画像の余白、回り込みと枠の設定の説明です。
内職のホームページ制作 >簡単・無料ホームページ制作
画像について
画像についてMap
  • 応援クリックありがとう
  • ホームページ作成NAVI
  • 人気ホームページランキング
画像の保存

まずは、画像の保存の仕方について説明します。
保存したい画像の上にポインターをおき、右クリックして
名前を付けて画像を保存をクリックします。

画像の保存が表示されます。
画像ファイルを緑枠保存する場所赤枠▼をクリックし、
マイ ドキュメントを選択します。

マイ ドキュメントをクリックしフォルダの作成で作成した
ホームページを管理するフォルダ青枠MY Home Pageをクリックし、
画像のフォルダの作成にて作成した画像フォルダimageをクリックします。

画像フォルダimageにて、ファイル名半角英数字で、
ファイルの種類は、GIF 形式JPEG形式で保存します。


このときファイルの種類が、
bmp 形式でしか保存できないことがあります。
多くの場合、インターネットキャッシュが破損していることが
原因なので、次の作業を行なって下さい。

インターネットエクスプローラの青枠ツール>をクリツク、
赤枠インターネットオプションをクリックします。

インターネットオプションが表示され、
緑枠
全般インターネット一時ファイル欄の赤枠ファイルの削除をクリック。

緑枠ファイルの削除が表示され、
赤枠
すべてのオフライン コンテンツを削除するにチェックを入れて、
OKをクリックします。
(暫らく時間を置いて)それでもだめな時は,
上図青枠履歴のクリア>はい>OKをクリックすれば削除完了です。
これで、GIF 形式またはJPEG形式で保存ができるようになります。


画像の表示方法

画像をホームページに表示させる説明です。
画像を表示する場所にクリックして、
青枠メニューバーまたは赤枠構成ツールバー画像をクリックする。



画像のプロパティが表示されます。
赤線場所にて代替テキストを使用しないにチェックを入れ、
緑線ファイルを選択をクリックします。
画像を保存したフォルダを選び、 挿入したい画像をダブルクリックします。
OKをクリックすると画像が挿入できます。


画像のプロパティ赤線場所の説明です。
青線代替テキストは、画像が表示されない場合に画像の代わりに
青枠に表示させる文章です。
私の場合、多くは赤枠代替テキストを使用しないにチェックを入れてます。
黄色線ヒント黄色枠画像のタイトルを入力します。
緑線URLをページの場所に相対的にするは、
赤枠
絶対パスになった時にチェックを入れます。
画像のサイズ変更

画像のプロパティの各項目についての説明です。
青線サイズにて、挿入する画像のサイズを指定できます。
通常は赤枠実際のサイズにチェックが入っております。
サイズを変更する場合、ユーザ定義のサイズや制限にチェックを入れます。
制限にチェックを入れれると、
縦横の比率が変わらない為、画像がになりません。
枠幅高さは半角数字を入力し、黄色枠▼にて
ピクルスか%(セルに対して)かを選択します。


注意
画像のサイズが変更できるので非常に便利ですが、
ホームページ上でサイズが変更されていますが、
実際に画像編集ソフトなどでサイズを小さくした方が、
サーバーの容量や、表示にかかる時間を節約できます。

画像の余白、回り込みと枠の設定

通常、画像の左右に文字などは入力できません。
しかし、画像のプロパティ赤線表示にて
赤枠
文字列を画像に合わせて配置 ▼をクリックをする事により
画像の横に文字列の入力が可能になります。
また、青枠にて画像の余白枠・文字の回り込みを設定できます。


  • 具体例として余白を赤枠左右10ピクルスと指定し、
  • 文字列を画像に合わせて配置青枠上部を指定しました。

すると画像の左右上部に文字が入力でき、
青枠5ピクルスの余白を設けることができました。
但し、文字列は上部一行だけで改行すると画像の下に入力されます。


余白を赤枠左右10ピクルス上下10ピクルスと指定し、
文字列を画像に合わせて配置青枠中央を指定しました。

画像の左右中央に文字が入力でき、
青枠5ピクルスの余白を左右と上下に設けることができました。
但し、文字列は上部一行だけで改行すると画像の下に入力されます。


余白を赤枠左右10ピクルスと指定し、
文字列を画像に合わせて配置青枠左端で折り返すと指定しました。

画像が右寄せされ文字が、画像の左で折り返しができ
余白を10ピクルスを設ける事ができました。
また、右端で折り返すと指定すると下記反対の配置になります。


画像の枠線設定

画像に枠線を設定する説明です。
画像のプロパティ
青枠表示にて赤枠枠線を1ピクルスと指定して
OKをクリックします。画像に枠線を付けることが出来ました。



同様に赤枠枠線を5ピクルスと指定してOKをクリックします。
今度は、5ピクルスの枠線を付けることが出来ました。




次は枠に色を付けます。

書式ツールバーから赤枠をクリックするとカラーパレットが表示されました。カラー番号をコピーして下さい。この場合だと#ffff00。
もちろん、カラーパレット以外のカラーでもOK!
その場合は、こちらを参考にして下さい。


画像のプロパティを開き、青枠表示にて赤枠枠線5ピクルスと指定します。

次に赤枠詳細編集をクリックします。


青枠本文のスタイルにて、プロパティにborder-color、
に先ほどコピ−した#ffff00を貼り付けます。OKをクリック。


OKを完了すると右図のように画像に枠が作られました。
(再び本文のスタイルをリックすると下記赤枠 のように変換されます。)

あと、画像のリンクについての説明が残ってますが、
まとめて、次項リンクについてにて説明します。




TOP
★ネット内職 ?と支援
★ネット内職で金儲け
★ 働いて稼ぐぞ!
★厳選・得々ネット通販
  • *分からないことの情報交換
  • *ご意見・感想等、歓迎!
検索エンジン登録代行/上位表示でアクセスアップ!
検索エンジン登録代行

Copyright (C) 2004 内職のホームページ制作 All Rights Reserved.
SEO [PR] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送