Last Update:2009/02/10

画像を挿入しよう

Webページに表示される画像は、ページ内に埋め込まれているのではなく、別の画像ファイルを表示しています。したがって、ページ内容に挿入する画像は、公開サーバー上に画像ファイルとしてアップロードしておく必要があります。

このシステムでは、パソコン上の画像ファイルを公開サーバーへ転送する機能がありますが、大量の画像ファイルを転送する場合は、FTPソフトなどで転送したほうが効率的です。

ここでは、パソコン上の画像ファイルを公開サーバーへ転送して、ページ内容に挿入する手順を説明します。

  1. 画像を挿入したい位置にカーソルをおき、ツールバーの「画像」アイコンをクリックします。
    ツールバー
  2. 「画像挿入」ダイアログが表示されますので、[参照]ボタンをクリックします。
    「画像挿入」ダイアログ
  3. 「FTPCMS[画像挿入]」ダイアログが表示されます。
    「FTPCMS[画像挿入]」ダイアログ
  4. 新たにフォルダを作成して、その中に画像ファイルを転送したい場合には、[新規フォルダ作成]ボタンをクリックして、表示されるダイアログに作成するフォルダ名を入力して[OK]ボタンをクリックしてください。
  5. 「FTPCMS[画像挿入]」ダイアログの右側のフレームに、公開サーバー上のフォルダと画像が表示されます。違うフォルダに転送する場合は、該当のフォルダをクリックして、公開サーバー上の転送先フォルダを変更してください。
  6. パソコン上の画像ファイルを公開サーバーへ転送するには、「FTPCMS[画像挿入]」ダイアログの左側のフレームにある[参照...]ボタンをクリックしてください。
  7. 「ファイルのアップロード」ダイアログが表示されますので、転送したい画像ファイルを選択して、[開く(O)]ボタンをクリックしてください。
    「ファイルのアップロード」ダイアログ
  8. 「FTPCMS[画像挿入]」ダイアログに戻ったら、左側のフレームにある[追加]ボタンをクリックしてください。ここで画像サイズを変更することもできますが、ここではそのままのサイズで転送します。
    サーバーの性能上、2メガバイトを超えるような大きな画像ファイルは転送できませんので、あらかじめ画像編集ソフトなどで画像サイズを2メガバイト以下にしてください。
  9. 「FTPCMS[画像挿入]」ダイアログの右側のフレームに、追加した画像ファイルが表示されますので、その画像ファイルをクリックしてください。
  10. 「画像挿入」ダイアログに戻ったら、[実行]ボタンをクリックします。
  11. ページ内容に画像が挿入されたら、その画像ファイルを右クリックして、表示されるコンテキストメニューから「画像の設定」をクリックしてください。
    画像コンテキストメニュー
  12. 「画像設定」ダイアログが表示されますので、代替テキストなどを入力して下さい。
    「画像設定」ダイアログ
    • サイズ
      現在の見た目の画像サイズが表示されますので、画像サイズを変更したい場合は、ピクセル単位で変更したい画像サイズを入力して下さい。元画像の縦横比と同じにしたい場合は、「幅」もしくは「高さ」を削除して、「」をクリックすると、入力されている「幅」もしくは「高さ」の値から計算された値が自動入力されます。(このサイズ変更は、あくまで見た目のサイズ変更ですので、公開サーバー上の元画像のサイズは変更されません。)
    • 回り込み
      画像を、左または右に寄せて配置します。左を指定した場合は、後に続く内容はその右側に回り込みます。右を指定した場合は、後に続く内容はその左側に回り込みます。
    • 代替テキスト
      画像を表示しないように設定されているWebブラウザーで閲覧した場合に表示される画像の説明を入力して下さい。
    • 罫線
      画像の周りに罫線を表示させたい場合は、「線種」「太さ」および「色」を入力してください。「色」の横の四角内をクリックすると「色選択」ダイアログが表示されますので、罫線の色を選択してください。
      「色選択」ダイアログ
    • 余白
      画像の周りに余白を設定したい場合は入力してください。
    • 左右下を同じ設定にする
      上下左右の罫線と余白の設定を同じにする場合は、「罫線(上)」と「余白(上)」を設定後、[左右下を同じ設定にする]ボタンをクリックして下さい。

↓動画による新規画像挿入の例です。クリックで再生します。

▲このページの先頭行へ