フルCSSプロフェッショナルテンプレートのトップにある画像を、Flashタイトルに変更するには以下の操作を行います。

▼注意

■操作

1. フルCSSプロフェッショナルテンプレートを使用したページを表示し、トップの画像を選択します。　 　

   トップ画像全体がフォーカス枠(色のついた枠)で囲まれていることを確認します。

2. 属性が［H2］になっていることを確認します。

   

3. ［編集-スタイルの設定］を選択します。　　　　　

   ［スタイルの設定］ダイアログボックスが表示されます。

4. 以下のように設定します。
   • ［色と背景］タブ　　　　　

     ［背景画像］の「ファイル」にある文字列をすべて削除し、「none」と入力します。

   • ［文字のレイアウト］タブ 　　　　

     「インデント」を0ピクセルにします。

5. ［OK］をクリックします。 　　

   トップ画像が削除されます。

6. 残っている文字をBackSpaceキーなどで削除します。　　
7. Flashタイトルを作成し、挿入します。

   →Flashタイトルを作成する

◆補足

挿入したFlashタイトルが、トップ画像の枠の大きさよりも小さくなってしまった場合は、上記の■操作を行う前に、次のいずれかの操作で画像の大きさを調整します。

【方法1：Flashタイトル作成時に大きさを設定する方法】

※この方法は、画像の大きさを強制的に変更するので、画像サイズが小さい場合は、画像がぼやける場合があります。

1. トップの画像を選択し、右クリックして表示されるショートカットメニューの［背景画像の編集-ウェブアートデザイナーで編集］を選択します。

   ウェブアートデザイナーのキャンパスにトップの画像が表示されます。

2. ［編集-キャンパスの設定］を選択し、［情報］シートの「幅」と「高さ」をメモしておきます。
   《例》
   ［テーマ］を「企業」、［デザイン］を「ブルー」で作成したフルCSSプロフェッショナルテンプレートのトップ画像の場合は、以下の大きさです。
   

   「幅」900
   「高さ」220
   
3. ダイアログボックスを閉じて、ウェブアートデザイナーを終了します。
4. ■操作の1.〜6.を実行します。
5. Flashタイトルを作成する際に、［Flashタイトルの挿入］ダイアログボックスで［表示設定］シートを選択し、［表示サイズ］の［サイズを指定する］をオンにして、手順2.でメモした「幅」と「高さ」を入力します。

   ※すでにFlashタイトルを挿入している場合は、右クリックして表示されるショートカットメニューの［Flashタイトルの編集］を選択して、同様に「幅」と「高さ」を変更することができます。

【方法2：あらかじめ画像編集ソフトで大きさを調整する方法】

※この方法は、ご使用環境に画像編集ソフトが必要です。
以下の操作では、ウェブアートデザイナーを使用して編集する方法をご説明します。

1. 上記の方法1.の手順1.〜2.と同様の操作で、「幅」と「高さ」を確認しメモしておきます。
2. ウェブアートデザイナーを起動し、［編集-キャンパスの設定］を選択します。
3. ［情報］シートを選択し、「幅」と「高さ」に、手順1.でメモした「幅」と「高さ」より大きいサイズを入力して［OK］をクリックします。
4. ［編集-ファイルから貼り付け］を選択して、Flashタイトルで使用したい画像ファイルを読み込みます。

   キャンパス上に画像が挿入され、画像の周囲に■が表示されます。

5. ［編集-オブジェクトの編集］を選択します。
6. ［縦横比保持］をオンにして、「幅」と「高さ」を手順1.でメモしたサイズか、それよりも大きい数字を設定します。
   入力したら、ダイアログボックスは右上の[×]をクリックして閉じます。

   画像のサイズが、設定した大きさに変更されます。

   ※元々サイズが小さい画像の場合は、画質が粗くなることがあります。

7. ［ツール-切り抜き-四角形］を選択し、画像上で切り抜きたい部分をドラッグします。

   ドラッグした範囲が四角形の枠で囲まれ、その大きさのピクセル数が、画面右下に表示されます。

8. 画面右下に表示されたピクセル数を確認しながら、四角形の枠上に表示された□にマウスを合わせてドラッグし、手順1.でメモした「幅」と「高さ」になるように調整します。
9. 右クリックして［切り抜き］を選択します。
10. ［ファイル-Web用保存ウィザード］を選択します。
11. ［保存の対象を選んでください］で［選択されたオブジェクトを保存する］をオンにして［次へ］をクリックし、画面の内容に従って操作を進めて画像を保存します。

    このあと、■操作の7.でFlashタイトルを作成するときに、この画像を使用します。

※挿入したFlashタイトルを削除したい場合は、Flashタイトルを選択して[Delete]キーを押すか、右クリックして［削除］を選択します。

▼注意

▲ページの先頭へ戻る