松原駅前商店会 パソコン研修会 WEB版

ホーム > PC研修会 > ホームページビルダー活用

・ 画像を装飾

ホームページ写真を切り抜いたまま使用するよりも、少しオシャレに「縁取り」や「フォトフレーム装飾」を効果的に使用して、印象度の強いホームページに仕上げましょう。

写真周辺部を背景色にぼかす

デジカメの達人を使用して写真周囲を背景色にぼかしてみましょう。
  1. IBMデジカメの達人 ⇒ ツール ⇒ イメージエディタ と開きデジカメの達人を起動します。
    次に、編集する画像を開きます。
  2. メニューバーの、効果 ⇒ 一般 ⇒ 縁取り と開きます。

    ★ 『効果 - 縁取り』ダイアログって？
    縁取りとは、選択範囲の周囲に前景色から透明色のグラデーションをかけ、境界線を描く効果です。
    画像をもとにイラストを作成する場合などに使用する効果です。
  3. 効果-縁取り ダイアログボックスが開きます。
    左のオリジナル画像が右の処理後画像のように縁取りが施されます。
    ①の枠をドラグして縁取りの幅と高さを調節します。
    ②で色を選択します。クリックすると色選択ダイアログが開きます。
    ③の16進数に、作成するホームページの背景色を「ページのプロパティ」からコピーします。
    背景色と同色の縁取りが完成し、背景に溶け込んだ画像の出来上がりです。


    ※注意）背景色を替えると縁取りの色も変える必要がありますので、背景色を決めてから作業しましょう。

写真にフォトフレーム装飾を施す

ホームページ上の写真にフレーム枠を付けてみましょう。
  1. ホームページビルダーを開きフォトフレーム装飾を施す画像を右クリックします。
    表示されたメニューよりフォトフレーム装飾をクリックします
  2. テンプレート、イラスト、ウェブアートの３種類よりフォトフレームを選択しOKをクリックすると装飾が施されます。

画像に枠を付ける

単純に、画像に枠をつけることが出来ます。
リンクを貼る時は枠があった方がわかり易いでしょう。
  1. 画像を右クリック ⇒ 属性の変更 より、枠表示にチェックを入れて幅を指定します。
    青色で枠が表示されます。


    ※1、画像が表示されない時に、文字で表示する代替テキストも入れるようにしましょう。
    ※2、枠色は、プレビューでは黒っぽく表示されています。
    ※3、ソースに bordercolor="ff99cc" を入れても、枠色が変らないようですね。 (-_-;)
2003/7/29
尚、このテキストは松原駅前商店会 PC研修会で使用されたテキストです。
ご意見・ご質問・リクエスト等は、専用掲示板にご記入下さい。  【 事業部 】
Copyright(C)  2000.-2003. Isono.biz AllRights Reserved