メインメニュー > Q&A集 > [HowTo] リッチテキスト・フォームで画像のあるページを作る方法

Q&A集

Print Prev Next

[HowTo] リッチテキスト・フォームで画像のあるページを作る方法

2006年 2月 7日作成

 リッチテキスト・エディタを使って、Web ブラウザで画像のあるページを作成する手順について、ご紹介します。


1. サイト管理エリアで[ページ情報]の[カテゴリー別一覧]ボタンをクリックして、「カテゴリー別ページ一覧」画面を表示します。

ページ情報:カテゴリー別一覧画面

2. [新規作成(リッチテキスト)]ボタンをクリックして、「新規ページ作成」画面を表示します。

ページ情報:ページ編集画面 1

3. [カテゴリー]を選択し、[題名]他必要な項目を入力します。

4. [画像一覧を開く]ボタンをクリックします。

5. 「挿絵画像 URL 選択」画面で、挿入したい画像の URL([HTML コード])を全て選択してコピーして、「挿絵画像 URL 選択」画面を閉じます。
 画像が登録されていない場合は、[新規作成]ボタンをクリックして、画像を登録した後に、URL をコピーしてください。

挿絵画像 URL 選択画面

6. [本文]の入力エリアで画像を挿入したい場所をクリックします。
 [本文]の入力エリアには以下のツール・バーが表示されています。

ツールバー

7. ツール・バーから[Insert/Modify Image(画像を挿入・変更)]ボタンをクリックします。

Insert/Modify Image(画像を挿入・変更)ボタン

8. 「Insert/Modify Image(画像を挿入・変更)」画面が表示されますので、以下の各項目を入力して[OK]ボタンをクリックします。

  • Image URL5.でコピーした URL をペースト
  • Alternate Text: 任意の画像名等を入力
  • Layout
    • Alignment: 以下のいずれかのパラメータを指定(省略可)
      • Left: 画像がテキストの左側に配置され、テキストは画像の右側に表示されます。
      • Right: 画像がテキストの右側に配置され、テキストは画像の左側に表示されます。
      • Texttop: 親要素のテキストの上に揃えて表示されます。
      • Absmiddle: 行の中心に揃えて表示されます。
      • Baseline: 親要素のベースラインに揃えて表示されます。
      • Absbottom : 行の下 端に揃えて表示されます。
      • Bottom: 下に揃えて表示されます。
      • Middle: 中心に揃えて表示されます。
      • Top: 上に揃えて表示されます。
    • Border thickness: 画像の枠線の太さをピクセル単位で指定(省略可)
  • Spacing
    • Horizontal: 画像の左右の空白をピクセル単位で指定(省略可)
    • Vertical: 画像の上下の空白をピクセル単位で指定(省略可)
Insert/Modify Image(画像を挿入・変更)画面

9. [本文]入力エリアの指定した場所に画像が表示されます。

10. ページを保存して閉じます。

以上

関連トピック


Print Prev Next












© 2024 ケートリック株式会社