5ml User's Guide

5ml User's Guide
Getting Started
Web pages and advertisements need to be attractive and interesting, with rich media elements that keep customers on
the page, and social media elements that encourage sharing and interaction. Web pages and ads must also have a
streamlined appearance for an optimal viewing experience on mobile devices as well as on computers.
With 5ml, you can quickly create interactive rich media pages and ads for mobile devices and computers without the need
for coding. 5ml helps you harness the full power of HTML5 and manage your creative assets to produce pages and ads
with stunning images, animation, layout options, navigation, and video. You can also utilize powerful mobile-specific
features, such as tap-to-call and location-based services, which offer not only more convenience, but also more
relevance to mobile users.
This tutorial shows you how to use 5ml to create a set of web pages designed for a mobile device that include video clips,
an image gallery, navigation and layout elements, animated transitions, and an interactive 360-degree view. You can
drag and drop assets onto the free-form canvas and directly manipulate them with real-time viewing — all from the
comfort of your web browser.
What You'll Learn
In this tutorial you start a new project with multiple pages, and learn how to use the powerful visual editing canvas with
its drag-and-drop interface to edit the individual pages and share content among them. You also learn how to manage all
of your visual assets in a convenient asset library to use with multiple content projects and pages.
The tutorial shows you how to use a page mockup image as a tracing image for placing elements on pages, and how to
add rich media elements to pages, including text, images, video, an image gallery, and a 360-degree view. You also learn
how to create text input forms, how to include navigation buttons and links, and how to preview your pages with full
interactive control in your browser, in an HTML5-compatible mobile device's browser, and in a tester app available from
your device's app store or marketplace.
What You Need
Before you begin, be sure to create an account on the 5ml site and log into your account, as described in "First Look at
5ml" on page 12. You can use any HTML5-compatible browser, such as Apple Safari, Google Chrome, Mozilla FireFox, or
Microsoft Internet Explorer (version 10). However, some features are disabled on browsers that don't fully support
HTML5; Safari and Chrome are recommended.
To complete this tutorial, you need at least a few images and a video clip. You can use any images for the 360-degree
view, but for best results use a set of images that show different perspectives of an object or product (such as a car). You
also need a full-page image to use as a background image for a page. You can use any images as tracing images for the
pages, but for best results use images that are page mockups. You may want to prepare text captions in advance for
images in the image gallery.
- 29 -