www.wanichan.com
ワニchanのうぇぶわーるど~Expression Web & FrontPage 総合情報&Tips~

オートサムネイルの利用と設定

はてなブックマーク | Yahoo!ブックマーク Yahoo!ブックマークでこのサイトを登録している人数 人が登録

オートサムネイルって何?

デジカメの画像はどんどん高画質になっていきます。
しかし、いきなり大きな画像をべたべた貼りつけてしまうと、低速インターネット回線の場合、すべて表示されるのにかなりの時間がかかってしまいます。

私の英語サイトはほとんど写真ギャラリーページ中心ですが、「見たい人だけ」その画像にクリックすると大きな画像を表示する、といった気配りが必要ではないかと思います。

そのためには、HTMLでタグ打ちな方は、以下の手順が必要になってきます。
(Wordでホームページを作成する方も言えますが(^^;)

  1. デジカメ画像からホームページ用にサイズを縮小する(640x480ぐらい)
  2. 写真ギャラリーに掲載する小さな画像をそれぞれ用意する(150x200ぐらい?)
  3. 小さな画像をページに挿入する
  4. 小さな画像から大きな画像にリンクする

しかし、FrontPageでは図ツールバーに含まれる図:オートサムネイル(オートサムネイル)ボタンを利用するとその画像が見本画像に差し替わり、自動的に元画像へリンクしてくれるので便利です。

▲Page TOP

オートサムネイルの利用手順

私も結構使っています。これはかなりラクです。手順は次の通りです。

  1. 予めデジカメ画像をWebフォルダ内に入れておく
  2. フォルダ一覧を表示させた状態で、フォルダ一覧の中からデジカメ画像をドラッグ&ドロップして、次の画像を入れる前に改行しておく
    この繰り返しをWebページに貼り付けたいだけ貼り付ける
  3. 一つずつ画像を選択してから 図ツールバーの図:オートサムネイル(オートサムネイル)ボタンを押していく
  4. 最後にHTMLファイルの保存をする際に、自動的に作られたサムネイル画像を保存するかのメッセージが表示されるので
    迷わず「保存」をする

▲Page TOP

オートサムネイルの設定

サムネイルのサイズやデザインは設定変更することができます。
メニューバーより[ツール]→[ページオプション]を選択してください。

すると、ページオプションのダイアログボックスが表示されました。
「オートサムネイル」のタブをクリックして開いてください。
全てのサムネイルは何を基準にサイズを設定するかを指定することができます。
下の図では、「全てのサムネイルは高さを120ピクセルに揃え、外枠の太さは2ピクセル」となります。
図:ページのオプション
最後にOKボタンを押してください。

ワンポイント

外枠を表示させたくない場合は[外枠の太さ]の左横チェックボックスのチェックを外してOKボタンをクリックします。
なお、外枠の色は、ハイパーリンクの色に依存します(HTMLタグでは<body>タグ内のlink属性)。
[書式]→[背景]をクリックして、ハイパーリンクの色を指定します。
初期値は青色になっていますので、指定したい色に変更しておいてください。

▲Page TOP

INDEX