さゆぼうの部屋トップに戻る
Netscape Composer講座トップに戻る
Netscape Composer操作講座メニュー

ページの内容を作る

3,画像を入れる

画像を入れる前に、「3,これだけは知っておこう」を読んでおいて下さい。

3-1,画像の挿入

ページに載せる画像ファイルは「私のホームページ」フォルダにあらかじめ入れておきましょう。「私のホームページ」フォルダの中にフォルダを作ってその中に入れても構いません。 画像を入れたいところをクリックして、構成ツールバーの【画像】アイコンをクリックすると「画像のプロパティ」ウィンドウが開きます。

  1. 画像のプロパティウィンドウの【ファイルの選択】ボタンをクリックして、画像ファイルを選びます。
  2. 【URLをページの場所に相対的にする】のチェックが入っていることを確認します。入っていなければ入れて下さい。
  3. 【ヒント】欄に画像のタイトルを入れます。
  4. 【代替テキスト】欄に画像が表示されない場合に表示させたい文章を入れます。
  5. 【OK】をクリックします。
※レイアウトのためにのみ画像を使う場合は代替テキストを入れる必要はありません。その場合には【代替テキストを使用しない】のチェックを入れて下さい。

3-2,画像の表示サイズを変える

挿入した画像をダブルクリックすると、「画像のプロパティ」ウィンドウが開きます。一番上の【サイズ】タブをクリックすると画像の表示サイズを設定できます。

【ユーザー定義のサイズ】をクリックしてチェックを入れます。【制限】のチェックが入っていると縦横の比率が変わらないように調整されます。 【幅】と【高さ】の欄に半角数字を入力してサイズを変更します。【ピクセル】と書かれている右の▼をクリックすると、【%(ウィンドウに対して)】に単位を変更することができます。
ここでサイズを変更しても、ホームページでの表示の見た目の幅と高さが変わるだけで、ファイルサイズは変わりません。大きな画像を小さく表示したいのであれば、画像編集ソフトを使って実際のサイズを小さくした方が、ホームページサーバーの容量や、表示にかかる時間を節約できます。
小さな画像を無理矢理大きく表示すると画質が荒く、汚くなります。

3-3,画像の余白や回り込み

挿入した画像をダブルクリックすると、「画像のプロパティ」ウィンドウが開きます。一番上の【表示】タブをクリックすると画像の余白や枠・文字の回り込みを設定できます。

【余白】の囲みにある【左右】【上下】【枠】に半角数字を設定します。
【文字列を画像に合わせて配置】の囲みの【下部】の右側の▼をクリックすると
  • 上部
  • 中央
  • 下部
  • 左端で折り返す
  • 右端で折り返す
が選択できます。
ここで設定したHTML(スタイルシート)
<img src="画像の場所" title="ヒント" alt="代替テキスト" style="border: 枠px solid ; height: 高さpx; width: 幅px;" hspace="左右" vspace="上下">
【左端で折り返す】【右端で折り返す】の回り込みを解除したいときには「メニューバー」の【挿入】→【画像の下で区切る】を使います。

Next: リンクを入れる>>

協力:札幌市のホームページ・ネットショップ制作 OFFICE-KIE.COM
2004©さゆぼう