GOOGLE WEB DESIGNER MOBILE CODE

GOOGLE WEB DESIGNER MOBILE CODE

html file that was generated by GWD in your favorite text editor (or use GWD's built in Code View) Save the GWD project and close it, then open the.In the space provided for the function code, just add a javascript comment for now. GWD will put 'gwd.' in front of it in order to keep it in the same namespace as the rest of the banner code. For the new Custom Action, give it a name like 'animation'.Target: Target -> 'page1' (that's the default name GWD gives to the initial state of the banner).On the Events panel, click on the ' +' then use these settings for the dialog: Configuration: Metric ID -> clickTag, and URL -> any base URL for the destination page (this gets overridden with a tracking link by the media folks).ģ.Target: Target -> gwd-taparea_1 (that's the default id GWD makes for the first TapArea you add to the stage),.Going through the dialog to make an Event, set the following: On the Events panel, click the ' +' in the bottom left to make a new Event that will be associated with the Tap Area. Usually media vendors will require a 'clickTag' for the Tap Area, just like for Flash banners:.Generally this is resized to cover the whole stage, but it can also be for a smaller call to action element on the banner. From the Components panel, drag a Tap Area onto the stage on top of everything.This element is for when someone taps or clicks the banner or button to go to the destination page.ADD A TAP AREA WITH CLICK TAG: ( OPTIONAL)

These IDs will be used in your GSAP js code later on.Ģ. Then, using the Properties panel, give each element an ID, just like you would for Flash or HTML/CSS.Place your assets on the stage, putting the layers in the deisred top-to-bottom order.Create a new banner in GWD at the desired size,.This process is fresh in my mind, so here's a mini-tutorial to help you get started: Alwayzambitious is correct that in using GSAP with GWD, the GWD interface serves mainly as a layout tool for the banner.

Google web designer mobile