 |
|
| Webバナーをデザイン |
| Illustratorで、Webバナーのテンプレートをデザインします。ページタイトルや複数言語で表示されるコンテンツなど、変更されるテキストのプレースホルダや、場合によって非表示にする必要があるオブジェクトを挿入します。 |
|
|
|
|
 |
|
| オブジェクトに変数を割り当てる |
| 動的な（変更できる）テキストオブジェクトを設定するには、オブジェクトを選択してから、変数パレットの「テキストを動的に変更」ボタンをクリックすると（パレットを開くには、ウィンドウ／変数を選択します。）、文字列変数が変数パレットに追加されます。オブジェクトの表示／非表示を動的に切り替えるには、オブジェクトを選択してから、変数パレットの表示を動的に設定ボタンをクリックして、表示変数を変数パレットに追加します。変数をダブルクリックしてから、変数オプションダイアログボックスに変数の名前を入力します。このように、Webバナー内で非表示にする各オブジェクトと、動的テキストの各オブジェクトについて変数を作成します。 |
|
| 各変数にわかりやすい名前（Page_Title、Show_Japanese_Layerなど）を付けて、後でGoLiveで識別できるようにします。Illustratorで、リンクした画像またはグラフ用に変数を作成することもできます。 |
|
|
|
|
|
|
 |
|
| バナーをSVG形式で保存 |
| ファイル／別名で保存を選択し、ファイル形式としてSVGを選択します。SVGオプションダイアログボックスで、フォントと画像を埋め込みます。「Illustrator編集機能を保持する」を選択して、後でファイルをllustratorで編集できるようにします。「詳細」をクリックし、CSSプロパティメニューで「プレゼンテーション属性」を選択し、「変数データに拡張構文を含める」が選択されていることを確認します。 |
|
| GoLiveでは、「別名で保存」ダイアログボックスを使用して保存したSVGファイル内の変数が認識されます。「Web用に保存」ダイアログボックスを使用してSVGファイルを作成することもできますが、変数情報は保持されません。 |
|
|
|
|
|
|
