ホーム > FrontPageExpress講座 >

画像

FrontPageExpressでは簡単に画像の挿入やサイズ変更が可能です。

画像挿入の前にページを保存して下さい。(保存方法を忘れてしまった方はここ
       これをしないとインターネット上で画像が表示されません。

エクササイズを進める方は上の画像を右クリックで[名前を付けて画像を保存]→自分のホームページフォルダ内に適当な名前(半角英数字)を付けて保存して下さい。

サンプル

画像の保存方法

画像の挿入 ★★★

画像挿入の前にページを保存して下さい。(保存方法を忘れてしまった方はここ
       これをしないとインターネット上で画像が表示されません。

 

では、実際にやってみましょう。


画像を挿入したい位置にカーソルを移動しツールバーのを押す。


参照を押し、ファイルを選択。
できましたか?

位置 ★★★

挿入した画像の位置もすぐに変更可能です。

ツールバーの<左詰め配置><中央に配置><右詰め配置>での変更

 

ドラッグするだけで配置変更

画像をマウスの左ボタンを押しながら配置したい場所まで移動し左ボタンを離します。
(ドラッグする変更先は行・段落が必要です)

サイズ

ドラッグで変更

画像をクリックすると四隅にポイントが出ます。

それをマウスでドラッグするだけで変更できます。

[画像のプロパティー]でも変更できます。

背景の挿入 ★★★


エクササイズを進める方は上の画像を[名前を付けて画像を保存]→自分のホームページフォルダ内に適当な名前(参考:ファイル名は半角英数 これ常識!?
)を付けて保存して下さい

背景サンプル
     

画像の保存方法

では、やってみましょう!

背景

ニューバーの[書式]→[背景]を選択
ページのプロパティ ダイアログボックス
[背景の画像]にチェックを入れ[参照]を押します。

<背景画像の挿入>ダイアログボックスで画像ファイルを選択します。

背景がこの様になります。

出来ましたか? 

以下のサイトで素敵な画像が多数公開されています。いろいろ試してみて下さい。

G-TOOL
Webデザイン素材-anyway

画像の横にテキストを入力(回り込み) ★★

画像を挿入しても右に文字を入れると下の1行のみしか入力出来ません。

ここに1行のみしか入力出来ません

 

横に文字を入れるには・・

画像を右クリック
出てきたメニューの[画像のプロパティ]選択

[画像のプロパティ]が表示されたら現在[全般]タブになっているはずですので、[外観]タブに変更します。

レイアウトの[配置]が になっているので に変更します
すると・・・

誰でも解る
無料ホームページ
作成講座

初心者の為に
解りやすく解説

となります。

画像が表示されない

FrontPageExpressではネット上で確認すると画像が頻繁に×マークになることがあります。

サンプル  ←こんな感じ

なぜでしょう? ・・  それはFrontPageExpressが画像までのパスを

file:///C:/WINDOWS/Profiles/kt/My%20Documents/My%20Homepage/taitoru.gif

と、同じフォルダと認識しないために起こります。(簡単に言うと「×マークが出たら↓の作業を実行!」)

対策1:まずページを保存してから画像を貼り付ける習慣を!

ページを新規作成した場合には、まずページを保存してから画像を貼り付ける習慣をつけましょう!

ページを保存してから画像を貼り付ける。

 

対策2:HTML直接編集(なってしまった場合は仕方がない・・)

画像を貼り直す。又は以下を実行!

[表示]−[HTML]で「HTMLの表示と編集」画面を表示させます

file:///C:/WINDOWS/Profiles/kt/My%20Documents/MyHomepage/taitoru.gif こんな感じの部分を探しこの部分をファイル名のみにします。
file:///C:/WINDOWS/Profiles/kt/My%20Documents/MyHomepage/taitoru.gif

taitoru.gif



「HTMLの表示と編集」では右クリックが効かないためコピー・切り取り・貼り付けが出来ないと思っていませんか?
実はショートカットキーで対応しているのです。
コピー [Ctrl]+[C]
切り取り [Ctrl]+[X]
貼り付け [Ctrl]+[V]


<--前ペ−ジ トップ 次ページ-->

ホーム > FrontPageExpress講座 >