CertificationAnswers

Google Web Designer Fundamentals Exam

How can you get your creative to appear in the template library?

Save it as a template

Submit it to Google for inclusion

Creatives already automatically appear there

You cannot add creatives to the library

Get Certified Now!

How do you build a creative in Google Web Designer that restyles to fit portrait and landscape mobile phone orientations?

By including portrait and landscape versions within the same creative

By saving a different creative for each

By marking both landscape and portrait checkboxes

Google Web Designer creatives cannot restyle to fit screen orientation

How do you build a wider canvas version of your creative for wider screens?

By adding a width breakpoint in Landscape rules

By targeting the creative for wider screens in the ad server

Choose Wide in the Canvas dropdown

By marking the All orientation checkbox

How do you build a creative in Google Web Designer that restyles to fit larger and smaller screens?

By including larger and smaller versions within the same creative

By saving two different creatives in Google Web Designer

By turning on the creative’s auto-adjust

By setting the ad server to auto-adjust

How can you move an element in Quick mode animation?

By adding a scene and moving the element where desired

By selecting the element you want to move in the timeline and setting an event marker

By moving the element on the stage and clicking the play button at the top of the animation timeline

By selecting the keyframe in the transition editor

How does Google Web Designer help you build sophisticated creatives quickly?

By providing feature-rich templates

By rendering videos quickly

By pulling reusable code from the web

By providing direct uploads for creatives

How do you change the font text in your creative?

By choosing the font menu in the text tool

By selecting the font in the property inspector

By importing the font as an asset and dragging it onto the stage

By double clicking on the text tool

How do you navigate between the wider canvas version and narrower canvas version of your responsive creative?

By clicking left or right of the width breakpoint on the top ruler

By targeting the creative for wider screens in the ad server

By using the Alt-Tab buttons

By choosing Wide or Narrow in the Navigate menu

Where are the settings you need to make creatives adjust to screen size and orientation?

In the Responsive panel

The view menu

In the timeline

In the advanced video editor

What is a Google Web Designer feature that can accelerate ad creation for HTML5 coders and non-coders alike?

Library of advanced ad templates

Advanced video rendering

Rapid pixelation

High-speed publishing technology

How can you add detailed, sophisticated animations in Google Web Designer?

Use the timeline’s Advanced mode

Import them from an animation tool

Download them from Google Web Designer’s website

Choose them in the Animations menu

How do you add a YouTube video to your creative?

By adding the video link in the video component Properties panel

By importing the original source video as an asset

By dragging the video component onto the stage and adding the YouTube video link in the text box

By adding a video event in the Events panel

What does Google Web Designer help beginners do?

Build creatives without HTML5 coding skills

Learn HTML5 from experts

Consult award-winning graphic designers

Test ads on different browsers simultaneously

How can you add simple animations quickly in Google Web Designer?

Use the timeline’s Quick mode

You can’t, animation isn’t supported

Use the Animation panel

Insert one from the Animation library

What does Google Web Designer offer HTML5 coders in particular?

HTML5 syntax highlighting and autocompletion

A code sample library

See tips from award-winning graphic designers

Target ads to specific browsers

1.) Google Web Designer’s Code view lets you create __________ files, and uses syntax highlighting and code autocompletion that makes your code easier to write with fewer errors.

• A) CSS
• B) JavaScript
• C) XML
• D) CSS and JavaScript
• E) All of the above – Google Web Designer’s Code view lets you create CSS, JavaScript, and XML files, and uses syntax highlighting and code autocompletion that makes your code easier to write with fewer errors.

2.) Google Web Designer requires an internet connection.

• A) True – Google Web Designer can run offline, but internet access is required for initial use after download, for updates, and for help access. Internet access is also required to save your documents to Google Drive, or to publish an ad directly to DoubleClick Studio.
• B) False

3.) Google Web Designer has _______________ timeline modes.

• A) Quick mode, Normal mode
• B) Normal mode, Advanced mode
• C) Quick mode, Normal mode, Advanced mode
• D) None of the Above – Google Web Designer has two modes: Quick mode and Advanced mode. The timeline allows you to create animations using keyframes. In Quick mode, the animation is created scene by scene; in Advanced mode you can animate each element separately.

4.) File name conflicts are automatically resolved by the asset library manager.

• A) True
• B) False

5.) Google Web Designer uses open source components and licenses.

• A) False
• B) True – Google Web Designer uses a myriad of Open Source Components and Licenses.

6.) Graphics created with the pen and shape tools can be easily animated using timeline animation.

• A) True
• B) False – Images inside canvas elements, such as the graphics created with the pen and shape tools, can’t be changed using timeline animation. The enclosing canvas tag can be animated (to move the entire tag), but the color or shape of the image in the canvas tag can’t be animated.

7.) Changing transitions between scenes is equal to changing transitions between keyframes.

• A) True – In Quick mode, you build your animation scene by scene: you add a new view of the entire page, change the elements you want to animate, and, optionally, modify your transition times and easings. For more complex animation, Advanced mode lets you individually animate each of the the elements, optionally modifying transition times and easings as well. Advanced mode also shows layers, which let you change where each element is in the stack of elements.
• B) False

8.) Keyframes are ___________ added at the playhead position when element properties are changed.

• A) Manually
• B) Automatically – Once an initial keyframe has been defined, keyframes are automatically added at the playhead position when element properties are changed.

9.) To delete a keyframe, hit the delete key.

• A) True
• B) False – To delete a keyframe, Right-click (Windows) or Control+click (Macintosh) a keyframe and select “Remove keyframe” from the pop-up menu.

9.) Looping your preview playback is different from looping a layer.

• A) True – Note that looping your preview playback is different from looping a layer. Looping a layer changes the animation, making the loop play in published document. Looping the animation preview just shows how the current animation looks, but does not affect the final published document.
• B) False

10.) Interstitial ads appear over the website or app they’re displayed on.

• A) True – Interstitial ads appear over their host application. The direct call to action and larger size combine to make interstitials a particularly effective form of mobile advertisement.
• B) False

11.) When building for mobile, it’s important to build for both landscape and portrait orientations.

• A) True – Google Web Designer makes it easy to build an ad with both orientations for the best user experience.
• B) False

12.) When adding video, you can drag and drop the video file from the Asset Library panel.

• A) True – After you’ve uploaded a video to the Asset Library panel, you can easily drag and drop the video onto the stage. Google Web Designer will automatially create a “video” component for you
• B) False

13.) To help minimize file size, you can select “minify” when publishing your creative.

• A) True – When “minify” is selected in the publish dialogue, the creative and all its files will automatically be compressed. If you also select “create Zip”, the files will be saved in a zipped file for fast delivery by the ad server (e.g. DoubleClick Campaign Manager).
• B) False

14.) Autoplay video is supported for all mobile browsers.

• A) True
• B) False

15.) In an expanding creative, in order to change the dimensions of the expanded state, simply update the width and height properties in the properties panel.

• A) True
• B) False – Changing the width or height of the expanded page within the properties panel will adjust the dimensions of your expanded area.

16.) Each time you expand or collapse, the timeline along with any events are triggered automatically for that page.

• A) True
• B) False

17.) IDs have to be uniquely named so _1 is added to the end of already existing components, elements, and page names when cloned.

• A) True – IDs must be uniquely named in order to refer directly to a particular instance of the element.
• B) False

18.) The proper flow for configuring an event to go to another page is:

• A) Target > Event > Action > Receiver > Configuration
• B) Action > Target > Event > Receiver > Configuration
• C) Target > Action > Receiver > Event > Configuration

19.) What does the Page Ready to Present event signify?

• A) The page is waiting for the user to initiate playback.
• B) The page content has loaded and is ready to begin timeline playback.
• C) The page is waiting for the user to interact.
• D) None of the above

20.) Where would you add your own javascript code in the events dialog flow to trigger when the user rotates to landscape orientation?

• A) Target: Go to page > Action: Page Deck – Set Javascript
• B) Event: Go to page > Action: Custom – Set Javascript
• C) Event: Page – Rotate to Landscape > Action: Custom – Add custom action
• D) Target: Page – Rotate to Landscape > Event: Custom – Add custom action

21.) To properly collapse an expanding creative make sure of the following?

• A) Add a Collapse Creative event
• B) Ensure the page destination properties has ‘expanded’ checked
• C) Add a Collapse Creative event and ensure the page designation has ‘expanded’ unchecked
• D) Ensure the page designation properties has ‘expanded’ unchecked

Get Certified Now!