Expression Web 4 Beginner's Guide

Expression Web初心者向けガイド。ステップバイステップで解説していきます。

小さなサムネイル画像を生成して元の画像にリンクするには

Section 4 サムネイル画像の作成
最終更新日時: 2020/07/20 13:38:27
  • このエントリーをはてなブックマークに追加

たくさんの写真を公開したい場合、大きなサイズを大量に貼り付けると表示に時間がかかり、閲覧者のパソコンにも負担がかかります。そんなときは、小さな見本画像に変換してそれぞれクリックすると元画像を表示するように自動設定される、オートサムネイル機能を利用することで解決します。

オートサムネイル機能を利用してサムネイル画像を作成する

  1. あらかじめ、公開したい写真画像を作業中のサイトにインポートしておきます。インポートの方法については、『ファイルをインポートするには』を参照してください。
  2. [フォルダーリスト]パネルのなかからWebページに挿入したい画像を選択して、Webページの挿入先までドラッグアンドドロップします。
  3. 必要に応じて[代替テキスト]ボックスにその画像の説明を入力して[OK]ボタンをクリックします。
  4. サムネイルにする画像を選択します。
  5. [画像]ツールバーの(オートサムネイル)ボタンをクリックするか、Ctrl+Tキーを押します。
  6. 画像がサムネイルになり、元の画像にリンクされました。

サムネイル画像を保存する

  1. [共通]ツールバーの(保存)ボタンをクリックするか、Ctrl+Sキーを押します。
  2. [埋め込みファイルの保存]ダイアログボックスが表示されたら、保存する埋め込みファイルの名前を確認します。
  3. 保存するフォルダーを変更したい場合は、[フォルダーの変更]ボタンをクリックして、保存先を指定します。
    [フォルダーの変更]ボタンをクリック
    保存したいフォルダーを選択して[OK]ボタンをクリック
  4. [埋め込みファイルの保存]ダイアログボックスの[OK]ボタンをクリックします。

ブラウザーでプレビューする

  1. [共通]ツールバーの(ブラウザでプレビュー)ボタンをクリックします。
  2. 作業中のWebページがブラウザーでプレビューされたら、サムネイル画像をクリックします。
  3. ブラウザーに元の画像のファイルが表示されました。

  • このエントリーをはてなブックマークに追加

コメント

▲このページのトップへ