 |
|
| Design a Web banner. |
| In Illustrator, design the Web banner template. Include placeholder content for text that will change, such as a page title or content that appears in different languages. Include objects that may sometimes need to be invisible. |
|
|
|
|
 |
|
| Assign variables to objects. |
| To set up a text object so that it can be changed—that is, be dynamic—select it, and then click the Make Text Dynamic button in the Variables palette. (Choose Window > Variables to open the palette.) Illustrator adds a Text String variable to the Variables palette. To make an other object's visibility dynamic, select the object, and then click the Make Visibility Dynamic button in the Variables palette. Illustrator adds a Visibility variable to the Variables palette. Double-click the variable, and then type a name for it in the Variable Options dialog box. Create variables for each object you want to make invisible and each dynamic text object in the Web banner. |
|
| Give each variable a meaningful name (such as Page_Title or Show_Japanese_Layer), so that you can identify it later in GoLive. You can also create variables for linked images or graphs in Illustrator; such variables are used with data-driven graphics solutions such as Adobe Altercast. |
|
|
|
|
|
|
 |
|
| Save the banner in SVG format. |
| Choose File > Save As, and choose SVG for the format. In the SVG Options dialog box, embed fonts and images. Select Preserve Illustrator Editing Capabilities to ensure that you can return to Illustrator to edit the file later. Click Advanced. Choose Presentation Attributes from the CSS Properties pop-up menu, and make sure that Include Extended Syntax for Variable Data is selected. |
|
| GoLive recognizes variables in SVG files saved using the Save As dialog box. You can also create SVG files using the Save For Web dialog box, but they don't retain variable information. |
|
|
|
|
|
|
