Book Image

iAd Production Beginner's Guide

By : Ben Collier
Book Image

iAd Production Beginner's Guide

By: Ben Collier

Overview of this book

Think of an iAd as a micro-app contained within an app on a user's iPhone or iPad that they've downloaded from the App Store. When the user taps your advert's banner it bursts into life filling the entire screen of their device. iAd Beginner's Guide takes you through the start to finish process of building rich, compelling, interactive iAds. You will learn to create beautiful multi-page ads with store finders, social sharing, 3D images and video galleries. You will create ads that utilize the powerful technologies in the iPhone to make your brand shine. Once you have engaged the user you can carry out targeted advertising campaigns with location-based coupons, store finders and social engagement. Using the iTunes Store you will see how it's even possible to add one-click digital content purchasing right within your ad. Learn how iAd producer manages all the HTML5, JavaScript, and CSS3 behind your iAd. You will be creating emotive, gripping and effective mobile advertising campaigns in no time.
Table of Contents (18 chapters)
iAd Production
Credits
About the Author
About the Reviewer
www.PacktPub.com
Preface

Time for action — scrolling content in our ad


Let's style the first page of our ad, the blank Test Flight page:

  1. 1. Make sure the Cloud 9 - iPad project is open in iAd Producer. Double-click on the first page, Test Flight, to open it on the canvas.

  2. 2. Update the background to be the image blue-starburst.jpg, so that it matches the rest of your iAd.

  3. 3. Add a scroll view, from the object library, to the canvas. A scroll view is an object that contains a larger view the user can flick to scroll around. It's the core component of the pan to view page template. Using the drag handles, resize the scroll view so it fits the full height and width of the page.

  4. 4. Open the Asset Library, and drag the image cloud-scene.jpg to the scroll view. This will automatically set the background of the scroll view to an image of clouds. Click on the scroll view object to select it and expand the Layouts section of the inspector pane. In the Layouts section, change the width of the Content View to 2000px; this will...