Sizmek Formats. Collage. Build Guide

Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

Download "Sizmek Formats. Collage. Build Guide"

Transcription

1 Formats Collage Build Guide

2 Table Of Contents Overview... 3 Supported Platforms... 3 Specifications... 3 Known Issues... 3 Ad Behavior Screenshots... 4 Template Included Files... 8 Setting up in Workshop... 8 Customizing the Format... 9 Modifying the Banner (banner.fla)... 9 Adding Tile Images to the Grid Maintaining Aspect Ratio ActionScript Properties (Settings.as) Custom Interactions Important notes Setting up in Platform Custom Variables Configuring in Workshop Configuring in Platform Custom Variables Definitions Change Log

3 Overview The Collage is a MediaMind Custom Format adapted from the Expandable Banner format. It is a 3D Flash format that can be easily branded for an immersive product catalogue experience. The unit functions a single expandable, which allows for a seamless transition between the collapsed and expanded states. Supported Platforms Platform Windows XP/7/8/Surface Mac OSX 10.8 & 10.9 Supported Browser Version Internet Explorer 7+, Firefox, Chrome, Safari Firefox, Chrome, Safari Specifications Format Version 1.0 Supports ActionScript 3.0 Expandable format Supports Flash Player 10.3 and above Please preview on the tag level for most accurate results Included templates o 300x600 Known Issues Local preview will not load the required Javascript For best results please preview this format on the tag level 3

4 Ad Behavior Screenshots Banner View (seen while default panel is loading) 4

5 Collapsed View 5

6 Expanded View (no item selected) 6

7 Expanded View (item selected) 7

8 Template Included Files Filename baner.fla panel.fla BitmapGrid.as BitmapTile.as CustomFormat.as Main.as PieTimer.as Settings.as greensock.swc backup.jpg expanded_flash.swf expanded_video.mpg Description 300x600 Flash banner 1230x600 Flash panel AS3 class for creating 3D bitmap grid AS3 class for creating a distortable bitmap AS3 class for applying custom format logic AS3 class linked to Main (MovieClip) in panel AS3 class for creating the pie timer component AS3 class for controlling common settings in the format AS3 animation framework Backup image served when flash is disabled Dynamically loaded branded flash asset Dynamically loaded branded video asset Setting up in Workshop In your file browser, browse to and run the Collage MXP/ZXP (collage.mxp or collage.zxp), and then follow the prompts in the Adobe Extension Manager to install the extension. You can skip this step if you have already installed the MXP. In the Sizmek Workshop for Flash, select New from template. For AS Version, select ActionScript 3. Expand the Sizmek Templates > Collage folder, and select 300x600. 8

9 Click Create. Customizing the Format This format is built to strict Microsoft specifications. The editable portions of the unit are all defined below. Please use caution if/when editing parts of the format not listed in this document. Modifying the Banner (banner.fla) The banner is only used to indicate that the panel is loading in this format. Frame 1 initializes the EBBase class and once initialized the timeline is advanced to and stops on frame 2. Frame 2 contains only one MovieClip named main. This MovieClip contains the layers described below. 9

10 Layer Name actions clickthrough loading border Description The banner subscribes to the defaultpanelready event and when it s heard the main movieclip is hidden. A 300x600 MovieClip that captures all clicks on the Banner while the default panel is loaded. The default clickthrough is used but you can use a custom interaction by updating the handleclick function on the actions layer of this MovieClip. Text indicating that the ad is loading more content. This is purely graphical and can be modified to suite your creative. A black 300x600, 1px wide border with a white background. This can also be modified to suit your creative. Adding Tile Images to the Grid 1. Drag your image into the panel.fla library. 2. Right click on the library image and choose properties. 10

11 3. Choose the ActionScript tab in the images properties window. 4. Select the Export for ActionScript and Export in frame 1 check boxes. 5. Modify the Class identifier to the instance name you desire. This is the name that will be used when updating the thumbasset property of the gridassets Array in Settings.as. Please note that instance names cannot contain periods. Notice that we ve removed the.jpg suffix from the name that Flash recommended. 11

12 6. Press OK. Maintaining Aspect Ratio * We are calculating a unit s aspect ratio by dividing its width by its height. A tile image s aspect ratio should match the aspect ratio of the showcase MovieClip in panel.fla. By default the overall aspect ratio of the ad is 1.5. The showcase is 900x600, the tile images are 270x180, and the flash and image additional assets are 670x447. Notice that the additional assets are much larger than the tile images while still maintaining the same aspect ratio. The video additional assets will be stretched or shrunk and letterboxed to fit the size if the VideoScreen Component in the showcase MovieClip. If you need to adjust the aspect ratio in your creative please modify the contents of the showcase MovieClip by double-clicking inside the stage instance and resizing the graphics and components to your needs. Use caution when resizing the VideoScreen Component as the run-time dimensions are calculated differently than the properties inspector displays. To avoid skewing and misalignment of your content you may have make the VideoScreen s width and height slightly smaller than the total showcase instance s width and height. The tile images should also be approximately 3x as big as they display in the ad s collapsed state. For example, if a tile is 100x100 pixels in the collapsed state, you should export the image at 300x300 pixels to avoid degrading when the image is scaled in the expanded state. 12

13 If you choose to modify the width and height of the grid please make sure to change only the Rectangle shape inside the grid MovieClip then reposition the grid from the Main timeline. Please note that the grid will use its original position and dimensions when reverting back to it s collapsed state. ActionScript Properties (Settings.as) columns:uint = 3 The number of columns the grid should display. The number of rows is calculated using this value and the total number of tiles in the grid. collapsedscale:number = 2 The amount each tile should scale up from its inactive state while the unit is in the collapsed state. Too much scale may cause the perimeter tiles to display beyond the units 300x600 clipped area so use caution when increasing this value. expandedscale:number = 1.4 The amount each tile should scale up from its inactive state while the unit is in the expanded state. collapsedscalespeed:number = 0.3 The speed each tile should scale up from its inactive state while the unit is in the collapsed state. expandedscalespeed:number = 0.3 The speed each tile should scale up from its inactive state while the unit is in the expanded state. collapsedretractspeed:number = 0.3 The speed each tile should retract back to its inactive state while the unit is in the collapsed state. expandedretractspeed:number = 0.3 The speed each tile should retract back to its inactive state while the unit is in the expanded state expandedoffsetx:number = 0.2 Controls how much the grid will pan horizontally in the expanded state of the ad and no tile is selected. expandedoffsety:number = 0.4 Controls how much the grid will pan vertically in the expanded state of the ad and no tile is selected. autoselections:array = [0, 4, 8, 9, 10, 14] A list of indices that will auto-matically scale up if the user has not interacted with the ad. Please note 13

14 that requires all animation to stop before 15 seconds elapsed if the user has not interacted. autoselectiondelay:number = 1.5 How long to wait before animating the next tile auto-selected tile. pietimerseconds:number = 2.5 The amount of seconds the pie timer will count down before expanding the focused tile. pietimerradius:number = 50 The pixel radius of the pie timer. pietimerdelay:number = 1.5 The number of seconds a tile will be hovered over before the pie timer begins its countdown. pietimercolor:number = 0x The base color of the pie timer. gridassets:array Each object of the grid assets array is used to build the grid with the following properties: Property Name thumbasset expandedasset Description The instance name of the library image to be used as the bitmap tile The id of the additional asset to be displayed when a tile is selected expandedassettype The type of asset that will be loaded if the tile is selected. The following case-sensitive string values are accepted: image flash video interactionname The name of the clickthrough interaction to use when the tile is clicked in its expanded state. Only the image and video asset types will use this value. For flash asset types please embed your clickthroughs directly in the subloaded swf. If you would like the use the ad s default clickthrough you can use the string value default. If you do not want the expanded tile to have a clickthrough associated with it please use the null value. 14

15 Custom Interactions Interaction Name Type Description PRI_Tile_[Row]x[Column]_Click_Expand Auto Auto Interaction event fired on click of Tile in banner to expand/view tile content. EXP_Tile_[Row]x[Column]_Click_ZoomPanel User User Interaction event fired on click of Tile in banner/panel to view tile content. EXP_Tile_[Row]x[Column]_RollOver_Expand User User Interaction event fired on rollover of Tile in panel to view tile content. Close_Tile_Zoom User User Interaction fire on click of back button in expanded section Close_Expand_Button Auto Auto Interaction fire on click of close button to close expanded section Note: All the custom interactions are fired dynamically through different.as files. To enable platform to read all the custom interaction, they are placed at second frame of panel.fla. Please check dummyinteractions() function. If there is any update in Grid size then you have to update add/remove this custom interaction as per you requirement from second frame. Important notes This format is compatible with ActionScript 3.0 and Flash Player 10.3 and above. This format requires Adobe Flash CS6 and above. Setting up in Platform The custom script should already be attached to the ad when it is uploaded from the MXP/ZXP. You can confirm this by doing the following. 1. In Sizmek MDX/ZXP, go to the Setup tab. 2. Select the Advanced Features section, and expand the Custom JS area. 3. Copy and paste this code to the Trigger JavaScript on Scripts Pre-load text field: 15

16 New Client Delivery : 3a. Make sure the Use new client mechanism checkbox is selected. 4. Click Save. Custom Variables Custom Variables for the Collage can be configured using either the Sizmek Workshop or Sizmek MDX once your ad is created. Configuring in Workshop In the Sizmek Workshop, go to the Settings tab. Next select the Variables menu. Click the Add Variable button to enter the appropriate values or double click an existing variable to edit it. When are done click the Save button. When you upload the ad these values will maintain their state in the platform. Configuring in Platform In Sizmek MDX, go to the Setup tab. Select the Advanced Features section, and expand the Variables area. Click the New button to enter the appropriate values or double click an existing variable to edit it. When done, click the Save button. Custom Variables Definitions Name:Type Default Value Description Accepted Values mdautorepositioninterval :Number 100 The amount of milliseconds to realign the default panel. 1+ If 0 then the interval will not start. mdeyedivzindex:number 4 The default z-index of the eye div. 0 to To leave the z-index unchanged us the string undefined mdoverridepanelwidth:num ber Null Panel width. User can override panel width. 0 > 16

17 Change Log April 28, 2014 (v 1.5) o Rebrand assets to Sizmek o Provide ZXP for use in Flash Pro CC o Apply fix to show ad on MSN Hub pages July 29, 2014 (v 1.6) o Custom Interactions to track tile ID on which user clicked/rolled over to expand. o Custom interaction added to Back and Close buttons. o Grid size updated to 4x6. o Panel will collapse on launch of click through. 17

18 Notice The information contained in this document is proprietary and confidential to Sizmek and/or any of its affiliated companies. Disclosure, copying, reproduction, storing or any use of this document or any part thereof without the express prior, written consent of Sizmek or its authorized representatives is strictly prohibited. The information furnished in this document is believed to be accurate and reliable. However no responsibility is assumed by Sizmek for the use of this information. Sizmek reserves the right to make changes to the information included in this document at any time and without notice. Flash is either a registered trademark or trademark of Adobe Systems Incorporated in the United States and/or other countries. Trademark Note: Sizmek, the Sizmek logo, Sizmek Rich Media, Sizmek Mobile, Sizmek Video, Sizmek Channel Connect, Sizmek Workshop, etc. are trademarks and/or registered trademarks of Sizmek. All other trademarks are the property of their respective owners.

Sizmek Formats. Swell. Build Guide

Sizmek Formats. Swell. Build Guide Formats Swell Build Guide Table Of Contents Overview... 4 Supported Platforms... 4 Specifications... 4 Known Issues... 4 Ad Behavior Screenshots... 5 Before you Begin... 6 Template Included Files... 6

More information

Sizmek Formats. HTML5 Page Skin. Build Guide

Sizmek Formats. HTML5 Page Skin. Build Guide Formats HTML5 Page Skin Build Guide Table of Contents Overview... 2 Supported Platforms... 7 Demos/Downloads... 7 Known Issues:... 7 Implementing a HTML5 Page Skin Format... 7 Included Template Files...

More information

Sizmek. Sizmek Formats. Custom Header. Build Guide. Copyright 2014 Sizmek. All rights reserved. 1

Sizmek. Sizmek Formats. Custom Header. Build Guide. Copyright 2014 Sizmek. All rights reserved. 1 Sizmek Formats Custom Header Build Guide 1 Table Of Contents Overview... 3 Supported Platforms... 7 Specifications... 8 Known Issues... 8 Ad Interaction Tracking... 8 Ad Clickthrough... 9 Template Included

More information

Sizmek Features. Wallpaper. Build Guide

Sizmek Features. Wallpaper. Build Guide Features Wallpaper Build Guide Table Of Contents Overview... 3 Known Limitations... 4 Using the Wallpaper Tool... 4 Before you Begin... 4 Creating Background Transforms... 5 Creating Flash Gutters... 7

More information

The In-Stream LogoKit is an In-Stream linear and non-linear ad format that plays in VPAID-compliant video players. The ad displays icons in the

The In-Stream LogoKit is an In-Stream linear and non-linear ad format that plays in VPAID-compliant video players. The ad displays icons in the The In-Stream LogoKit is an In-Stream linear and non-linear ad format that plays in VPAID-compliant video players. The ad displays icons in the bottom-right corner of the player which, when clicked, open

More information

Sizmek Formats. IAB Mobile Pull. Build Guide

Sizmek Formats. IAB Mobile Pull. Build Guide Sizmek Formats IAB Mobile Pull Build Guide Table of Contents Overview...3 Supported Platforms... 6 Demos/Downloads... 6 Known Issues... 6 Implementing a IAB Mobile Pull Format...6 Included Template Files...

More information

Spotify Homepage Takeover

Spotify Homepage Takeover Formats Spotify Homepage Takeover Build Guide Table of Contents Overview... 2 Supported Platforms... 3 Known Issues... 3 Implementing a Spotify Homepage Takeover... 3 Included Template Files... 3 HTML...

More information

HTML5 Standard Banner

HTML5 Standard Banner Sizmek Formats HTML5 Standard Banner Build Guide Table of Contents Overview... 2 Supported Platforms... 3 Demos/Downloads... 3 Known Issues... 3 Recommended Specs... 3 Implementing an HTML5 Standard Banner...

More information

Image Upload... 2. Known Issues...3. Implementing the Block...4. Using Adobe SWC files...4. Configuring in Flash...5

Image Upload... 2. Known Issues...3. Implementing the Block...4. Using Adobe SWC files...4. Configuring in Flash...5 Image Upload... 2 Known Issues...3 Implementing the Block...4 Using Adobe SWC files...4 Configuring in Flash...5 Setting Up in the Sizmek MDX Platform...8 Image Upload The Image Upload Block enables advertisers

More information

Sizmek Formats. HTML5 Rich Banner. Build Guide

Sizmek Formats. HTML5 Rich Banner. Build Guide Sizmek Formats HTML5 Rich Banner Build Guide Table of Contents Overview... 2 Supported Platforms... 3 Demos/Downloads... 3 Known Issues... 3 Implementing a HTML5 Rich Banner... 3 Included Template Files...

More information

Polling Banner... 2. Known Issues... 2. Implementing the Block... 3. Configuring in Flash... 3 AS2... 3 AS3... 8

Polling Banner... 2. Known Issues... 2. Implementing the Block... 3. Configuring in Flash... 3 AS2... 3 AS3... 8 Polling Banner... 2 Known Issues... 2 Implementing the Block... 3 Configuring in Flash... 3 AS2... 3 AS3... 8 Setting Up in the Sizmek MDX Platform... 12 Polling Banner The Polling Banner Block allows

More information

Shipment Label Header Guide

Shipment Label Header Guide Shipment Label Header Guide This guide will walk you through the 3 main phases of setting up a shipment label header within World Ship 2013. This guide was made using standard Windows Microsoft Office

More information

BT CONTENT SHOWCASE. JOOMLA EXTENSION User guide Version 2.1. Copyright 2013 Bowthemes Inc. support@bowthemes.com

BT CONTENT SHOWCASE. JOOMLA EXTENSION User guide Version 2.1. Copyright 2013 Bowthemes Inc. support@bowthemes.com BT CONTENT SHOWCASE JOOMLA EXTENSION User guide Version 2.1 Copyright 2013 Bowthemes Inc. support@bowthemes.com 1 Table of Contents Introduction...2 Installing and Upgrading...4 System Requirement...4

More information

HTML5 Expandable Banner

HTML5 Expandable Banner Sizmek Formats HTML5 Expandable Banner Build Guide Table of Contents Overview...2 Supported Platforms... 4 Known Issues... 4 Implementing a HTML5 Expandable Banner...4 Included Template Files... 4 HTML...

More information

Creating Hyperlinks & Buttons InDesign CS6

Creating Hyperlinks & Buttons InDesign CS6 Creating Hyperlinks & Buttons Adobe DPS, InDesign CS6 1 Creating Hyperlinks & Buttons InDesign CS6 Hyperlinks panel overview You can create hyperlinks so that when you export to Adobe PDF or SWF in InDesign,

More information

WP Popup Magic User Guide

WP Popup Magic User Guide WP Popup Magic User Guide Plugin version 2.6+ Prepared by Scott Bernadot WP Popup Magic User Guide Page 1 Introduction Thank you so much for your purchase! We're excited to present you with the most magical

More information

MetService Online Advertising Technical Specifications

MetService Online Advertising Technical Specifications MetService Online Advertising Technical Specifications Updated: 17 August 2012 FORMATS & DEADLINES Please note: If advertisements do not meet the specifications below, MetService may be unable to load

More information

Creating Web Pages with Microsoft FrontPage

Creating Web Pages with Microsoft FrontPage Creating Web Pages with Microsoft FrontPage 1. Page Properties 1.1 Basic page information Choose File Properties. Type the name of the Title of the page, for example Template. And then click OK. Short

More information

SizmekFeatures. HTML5JSSyncFeature

SizmekFeatures. HTML5JSSyncFeature Features HTML5JSSyncFeature Table of Contents Overview... 2 Supported Platforms... 2 Demos/Downloads... 3 Note... 3 For Tags Served in iframes... 3 Features... 3 Use Case... 3 Included Files... 4 Implementing

More information

The cloud server setup program installs the cloud server application, Apache Tomcat, Java Runtime Environment, and PostgreSQL.

The cloud server setup program installs the cloud server application, Apache Tomcat, Java Runtime Environment, and PostgreSQL. GO-Global Cloud 4.1 QUICK START SETTING UP A WINDOWS CLOUD SERVER AND HOST This guide provides instructions for setting up a cloud server and configuring a host so it can be accessed from the cloud server.

More information

How to create buttons and navigation bars

How to create buttons and navigation bars How to create buttons and navigation bars Adobe Fireworks CS3 enables you to design the look and functionality of buttons, including links and rollover features. After you export these buttons from Fireworks,

More information

Adobe CQ5 Authoring Basics Print Manual

Adobe CQ5 Authoring Basics Print Manual Adobe CQ5 Authoring Basics Print Manual SFU s Content Management System SFU IT Services CMS Team ABSTRACT A summary of CQ5 Authoring Basics including: Setup and Login, CQ Interface Tour, Versioning, Uploading

More information

Decision Support AITS University Administration. Web Intelligence Rich Client 4.1 User Guide

Decision Support AITS University Administration. Web Intelligence Rich Client 4.1 User Guide Decision Support AITS University Administration Web Intelligence Rich Client 4.1 User Guide 2 P age Web Intelligence 4.1 User Guide Web Intelligence 4.1 User Guide Contents Getting Started in Web Intelligence

More information

Adobe Dreamweaver CC 14 Tutorial

Adobe Dreamweaver CC 14 Tutorial Adobe Dreamweaver CC 14 Tutorial GETTING STARTED This tutorial focuses on the basic steps involved in creating an attractive, functional website. In using this tutorial you will learn to design a site

More information

Creative Cloud for Web Design

Creative Cloud for Web Design Creative Cloud for Web Design Level: Duration: Time: Cost: Fast Track - Introduction 5 Days 9:30 AM - 4:30 PM 997 Overview Like the Dreamweaver Jumpstart course, the Creative Suite for Web Design course

More information

Adobe Creative Suite: Introduction for Web Design

Adobe Creative Suite: Introduction for Web Design coursemonster.com/uk Adobe Creative Suite: Introduction for Web Design View training dates» Overview Website design can be confusing to get started with. But with our Adobe Certified Instructor led class

More information

Advanced Layer Popup Manual DMXzone Advanced Layer Popup Manual

Advanced Layer Popup Manual DMXzone Advanced Layer Popup Manual Advanced Layer Popup Manual Page 1 of 42 Index Index... 2 About Advanced Layer Popup... 3 Features...3 Create a popup window with an image... 6 Introduction...6 Simple Layer Popup with an image...6 Applying

More information

+ Create, and maintain your site

+ Create, and maintain your site T4 Basics Version 1.0 + Create, and maintain your site With T4, you are in control of the content of your website. Feel free to be creative, and keep your site up to date. Few of T4 Features Media Library

More information

Sizmek Ad Feature. Twitter HTML5 Build Guide

Sizmek Ad Feature. Twitter HTML5 Build Guide Ad Feature Twitter HTML5 Build Guide Table of Contents Overview... 2 Supported Platforms... 2 Demos/Downloads... 2 Known Issues... 3 Note... 3 Included Files... 4 Implementing the Twitter Ad Feature...

More information

ios App for Mobile Website! Documentation!

ios App for Mobile Website! Documentation! ios App for Mobile Website Documentation What is IOS App for Mobile Website? IOS App for Mobile Website allows you to run any website inside it and if that website is responsive or mobile compatible, you

More information

Google Docs Basics Website: http://etc.usf.edu/te/

Google Docs Basics Website: http://etc.usf.edu/te/ Website: http://etc.usf.edu/te/ Google Docs is a free web-based office suite that allows you to store documents online so you can access them from any computer with an internet connection. With Google

More information

Faculty Access for the Web 7 - New Features and Enhancements

Faculty Access for the Web 7 - New Features and Enhancements Faculty Access for the Web 7 - New Features and Enhancements New Design...................................................................... 2 Alerts............................................................................

More information

Creating Interactive PDF Forms

Creating Interactive PDF Forms Creating Interactive PDF Forms Using Adobe Acrobat X Pro Information Technology Services Outreach and Distance Learning Technologies Copyright 2012 KSU Department of Information Technology Services This

More information

Smart Versioning Creative Best Practices

Smart Versioning Creative Best Practices Smart Versioning Creative Best Practices What is Smart Versioning? The collection of features inside the MediaMind Platform that allow users to: Ø Create target audiences, based on a geography or behavioral

More information

New and Improved DocuSign Signing Experience Information Guide

New and Improved DocuSign Signing Experience Information Guide New and Improved DocuSign Signing Experience Information Guide On December 5th, as part of the DocuSign Winter 15 Release, DocuSign will launch a new and improved version of the signing experience. The

More information

SoftChalk. Level 1. University Information Technology Services. Training, SoftChalk Level Outreach, 1 Learning Technologies and Video Production

SoftChalk. Level 1. University Information Technology Services. Training, SoftChalk Level Outreach, 1 Learning Technologies and Video Production SoftChalk Level 1 University Information Technology Services Training, SoftChalk Level Outreach, 1 Learning Technologies and Video Production Page 1 of 49 Copyright 2013 KSU Department of University Information

More information

SAS BI Dashboard 4.3. User's Guide. SAS Documentation

SAS BI Dashboard 4.3. User's Guide. SAS Documentation SAS BI Dashboard 4.3 User's Guide SAS Documentation The correct bibliographic citation for this manual is as follows: SAS Institute Inc. 2010. SAS BI Dashboard 4.3: User s Guide. Cary, NC: SAS Institute

More information

Table of Contents. Overview... 2. Supported Platforms... 3. Note... 3. Demos/Downloads... 3. Known Issues... 4. Use Case... 4

Table of Contents. Overview... 2. Supported Platforms... 3. Note... 3. Demos/Downloads... 3. Known Issues... 4. Use Case... 4 Table of Contents Overview... 2 Supported Platforms... 3 Note... 3 Demos/Downloads... 3 Known Issues... 4 Use Case... 4 Included Files and Parameters... 5 Implementing the Block... 7 Setting Up A Nimbb

More information

We automatically generate the HTML for this as seen below. Provide the above components for the teaser.txt file.

We automatically generate the HTML for this as seen below. Provide the above components for the teaser.txt file. Creative Specs Gmail Sponsored Promotions Overview The GSP creative asset will be a ZIP folder, containing four components: 1. Teaser text file 2. Teaser logo image 3. HTML file with the fully expanded

More information

ONLINE PREVIEWER MANUAL

ONLINE PREVIEWER MANUAL ONLINE PREVIEWER MANUAL Version: 1.20120103 1 Table of Contents 2 About the Adrime Previewer... 3 2.1 Accessing the Previewer... 3 2.2 Account overview... 4 3 Setting up your flight... 6 3.1 Step 1: Uploading

More information

How to build text and objects in the Titler

How to build text and objects in the Titler How to build text and objects in the Titler You can use the Titler in Adobe Premiere Pro to create text and geometric objects. There are three methods for creating text, each capable of producing either

More information

ADVERTISING SPECS. Base File Weight

ADVERTISING SPECS. Base File Weight Standard ads Creative constructed in standard web-image formats, such as GIF, JPEG, PNG as well as single file flash (SWF) executions of any of the dimensions listed below are considered standard ads.

More information

Triggers & Actions 10

Triggers & Actions 10 Triggers & Actions 10 CHAPTER Introduction Triggers and actions are the building blocks that you can use to create interactivity and custom features. Once you understand how these building blocks work,

More information

Website Editor User Guide

Website Editor User Guide CONTENTS Minimum System Requirements... 3 Design Your Website... 3 Choosing your Theme... 4 Choosing your Header Style... 4-5 Website Content Editor... 6 Text Editor Toolbar features... 6 Main Menu Items...

More information

IAS Web Development using Dreamweaver CS4

IAS Web Development using Dreamweaver CS4 IAS Web Development using Dreamweaver CS4 Information Technology Group Institute for Advanced Study Einstein Drive Princeton, NJ 08540 609 734 8044 * helpdesk@ias.edu Information Technology Group [2] Institute

More information

Note: Animations can only be produced with the Premium version.

Note: Animations can only be produced with the Premium version. Web Animations Web Animations 273 On the move. Web Animations in Xara Web Designer Premium Note: Animations can only be produced with the Premium version. Web animations are images that move on the Internet

More information

ITP 101 Project 3 - Dreamweaver

ITP 101 Project 3 - Dreamweaver ITP 101 Project 3 - Dreamweaver Project Objectives You will also learn how to make a website outlining your company s products, location, and contact info. Project Details USC provides its students with

More information

Using WeVideo for Digital Storytelling. A Simple Guide

Using WeVideo for Digital Storytelling. A Simple Guide Using WeVideo for Digital Storytelling A Simple Guide Contents Overview 1 How most video editing software works 1 1. Starting a project 2 2. Simple assembly 4 3. Adding titles 8 4. Adding special effects

More information

Appspace 5.X Reference Guide (Digital Signage) Updated on February 9, 2015

Appspace 5.X Reference Guide (Digital Signage) Updated on February 9, 2015 Appspace 5.X Reference Guide (Digital Signage) Updated on February 9, 2015 1 TABLE OF CONTENTS 2 What is Appspace For Digital Signage... 4 3 Access Appspace... 4 4 Best Practices and Notes... 4 5 Appspace

More information

Using Adobe Dreamweaver CS4 (10.0)

Using Adobe Dreamweaver CS4 (10.0) Getting Started Before you begin create a folder on your desktop called DreamweaverTraining This is where you will save your pages. Inside of the DreamweaverTraining folder, create another folder called

More information

DComplex IP Camera Viewer. User Manual

DComplex IP Camera Viewer. User Manual DComplex IP Camera Viewer User Manual This document has the latest documentation about the DComplex IP Camera Viewer, an IP Cameras monitoring app. Download IP Camera Viewer app from Apple App Store: http://itunes.apple.com/us/app/ip-camera-viewer/id412795760

More information

IE Class Web Design Curriculum

IE Class Web Design Curriculum Course Outline Web Technologies 130.279 IE Class Web Design Curriculum Unit 1: Foundations s The Foundation lessons will provide students with a general understanding of computers, how the internet works,

More information

Introduction 3. Getting Familiar With Presence Builder... 4. Creating and Editing Websites 6

Introduction 3. Getting Familiar With Presence Builder... 4. Creating and Editing Websites 6 Contents Introduction 3 Getting Familiar With Presence Builder... 4 Creating and Editing Websites 6 Importing Sites from SiteBuilder 4.5... 7 Editing Websites... 9 Structure: Pages and Navigation... 9

More information

darlingharbour.com Content Management System Tenant User Guide

darlingharbour.com Content Management System Tenant User Guide darlingharbour.com Content Management System Tenant User Guide August 2014 Table of Contents 1 Introduction... 1 2 Getting started... 1 2.1 Requirements...1 2.2 Logging in...1 2.3 Change your Password...2

More information

The Commerce Trust Company

The Commerce Trust Company The Commerce Trust Company WEALTH MANAGER Overview Guide New Page Layout The pages within Wealth Manager have been designed to provide a consistent experience throughout a vast array of features. Each

More information

for Sage 100 ERP Business Insights Overview Document

for Sage 100 ERP Business Insights Overview Document for Sage 100 ERP Business Insights Document 2012 Sage Software, Inc. All rights reserved. Sage Software, Sage Software logos, and the Sage Software product and service names mentioned herein are registered

More information

How to Add a Transparent Flash FLV movie to your Web Page Tutorial by R. Berdan Oct 16 2008

How to Add a Transparent Flash FLV movie to your Web Page Tutorial by R. Berdan Oct 16 2008 How to Add a Transparent Flash FLV movie to your Web Page Tutorial by R. Berdan Oct 16 2008 To do this tutorial you will need Flash 8 or higher, Dreamweaver 8 or higher. You will also need some movie clips

More information

CourseBuilder Extension ADOBE elearning SUITE 6

CourseBuilder Extension ADOBE elearning SUITE 6 CourseBuilder Extension ADOBE elearning SUITE 6 Legal notices Legal notices For legal notices, see http://help.adobe.com/en_us/legalnotices/index.html. iii Contents Chapter 1: Getting Started Overview..............................................................................................................

More information

TakeMySelfie ios App Documentation

TakeMySelfie ios App Documentation TakeMySelfie ios App Documentation What is TakeMySelfie ios App? TakeMySelfie App allows a user to take his own picture from front camera. User can apply various photo effects to the front camera. Programmers

More information

on (release) { geturl (clicktag1, "_blank"); De tweede button action (enz..) on (release) { geturl (clicktag2, "_blank");

on (release) { geturl (clicktag1, _blank); De tweede button action (enz..) on (release) { geturl (clicktag2, _blank); Online advertising specifications 2015 General Requirements A working url should be provided. Landing pages must open in a new tab or window. Clicking on an ad must not initiate a download of any type

More information

Have you seen the new TAMUG websites?

Have you seen the new TAMUG websites? 4 For all Cascade Management System request for PUBLISHING please email cms@tamug.edu for the quickest response. For all Cascade Management System request for QUESTIONS or COMMENTS please email cascadeusers@tamug.edu

More information

3dCart Shopping Cart Software V3.X Affiliate Program Guide

3dCart Shopping Cart Software V3.X Affiliate Program Guide INTRODUCTION 2 SETUP THE AFFILIATE MENU LINK 2 UPLOAD BANNERS 4 ENABLE THE AFFILIATE PROGRAM 6 REGISTRATION PROCESS 7 APPROVE AFFILIATES 11 MANAGE ORDERS 12 MANAGE COMMISSION PAYOUTS 13 END YOU VE REACHED

More information

Preparing Images for the Internet

Preparing Images for the Internet Preparing Images for the Internet Introduction By using a digital camera or scanner you can acquire digital images (photos) to be used on your website. The problem is that the raw output from these devices

More information

CONNECTING A CLOUD CAMERA TO NCS

CONNECTING A CLOUD CAMERA TO NCS Next Level Security Systems Cloud Services (NCS) provides centralized, cloud-based configuration and management for individual or multiple Sony IPELA, Gen V and above cameras. Video from Sony IPELA cameras

More information

USER S MANUAL JOOMLA! GOVERNMENT WEB TEMPLATE

USER S MANUAL JOOMLA! GOVERNMENT WEB TEMPLATE USER S MANUAL JOOMLA! GOVERNMENT WEB TEMPLATE 1 TABLE OF CONTENTS Introduction 3 Parts of the Government Web Template (GWT) 4 Logging In and Getting Started 5 GWT Joomla! Module Map 8 Editing the Top Bar

More information

DocuSign Signing Resource File Information

DocuSign Signing Resource File Information DocuSign Information Guide DocuSign Signing Resource File Information Overview This guide provides information about the settings, text of messages, dialog boxes and error messages contained in the Account

More information

How to create a Flash banner advert in DrawPlus X2

How to create a Flash banner advert in DrawPlus X2 How to create a Flash banner advert in DrawPlus X2 Open DrawPlus X2 and choose Start New: Keyframe Animation Select WebPlus 10 Flash Banner and click on Open The work area should look like the screenshot.

More information

ADOBE MUSE. Building your first website

ADOBE MUSE. Building your first website ADOBE MUSE Building your first website Contents Chapter 1... 1 Chapter 2... 11 Chapter 3... 20 Chapter 4... 30 Chapter 5... 38 Chapter 6... 48 Chapter 1 Installing the software and setting up the sample

More information

Table of Contents. Overview... 2. Supported Platforms... 3. Demos/Downloads... 3. Known Issues... 3. Note... 3. Included Files...

Table of Contents. Overview... 2. Supported Platforms... 3. Demos/Downloads... 3. Known Issues... 3. Note... 3. Included Files... Table of Contents Overview... 2 Supported Platforms... 3 Demos/Downloads... 3 Known Issues... 3 Note... 3 Included Files... 5 Implementing the Block... 6 Configuring The HTML5 Polling Block... 6 Setting

More information

Super Resellers // Getting Started Guide. Getting Started Guide. Super Resellers. AKJZNAzsqknsxxkjnsjx Getting Started Guide Page 1

Super Resellers // Getting Started Guide. Getting Started Guide. Super Resellers. AKJZNAzsqknsxxkjnsjx Getting Started Guide Page 1 Getting Started Guide Super Resellers Getting Started Guide Page 1 Getting Started Guide: Super Resellers Version 2.1 (1.6.2012) Copyright 2012 All rights reserved. Distribution of this work or derivative

More information

Advertising Specifications, Standards and Guidelines

Advertising Specifications, Standards and Guidelines Advertising Specifications, Standards and Guidelines www.sitomobile.com MOBILE AD FORMATS Formats and functionality by device type Standard Banners Dimensions File Format Expansion MOBILE LEADERBOARD 320x50

More information

understand how image maps can enhance a design and make a site more interactive know how to create an image map easily with Dreamweaver

understand how image maps can enhance a design and make a site more interactive know how to create an image map easily with Dreamweaver LESSON 3: ADDING IMAGE MAPS, ANIMATION, AND FORMS CREATING AN IMAGE MAP OBJECTIVES By the end of this part of the lesson you will: understand how image maps can enhance a design and make a site more interactive

More information

Introduction to Drupal 6

Introduction to Drupal 6 Ready Reference 063014 Introduction Introduction to Drupal 6 This page provides instructions for using the Drupal Web Content Management System. Drupal makes publishing content relatively easy and allows

More information

6. If you want to enter specific formats, click the Format Tab to auto format the information that is entered into the field.

6. If you want to enter specific formats, click the Format Tab to auto format the information that is entered into the field. Adobe Acrobat Professional X Part 3 - Creating Fillable Forms Preparing the Form Create the form in Word, including underlines, images and any other text you would like showing on the form. Convert the

More information

SOCS Javascript Editor

SOCS Javascript Editor Javascript Editor Tool Bar and Buttons Insert Article Redirect Use the Article Redirect icon when you want a Section to redirect to another website, to a webpage or file within your site. The article containing

More information

WebFOCUS BI Portal: S.I.M.P.L.E. as can be

WebFOCUS BI Portal: S.I.M.P.L.E. as can be WebFOCUS BI Portal: S.I.M.P.L.E. as can be Author: Matthew Lerner Company: Information Builders Presentation Abstract: This hands-on session will introduce attendees to the new WebFOCUS BI Portal. We will

More information

Flash MX Image Animation

Flash MX Image Animation Flash MX Image Animation Introduction (Preparing the Stage) Movie Property Definitions: Go to the Properties panel at the bottom of the window to choose the frame rate, width, height, and background color

More information

Logo Design Studio Pro Guide

Logo Design Studio Pro Guide Logo Design Studio Pro Guide This guide is distributed with software that includes an end-user agreement, this guide, as well as the software described in it, is furnished under license and may be used

More information

Unit Dimension 234 x 60 Flash Version Flash 10/AS 3.0. 30KB maximum file size. Flash Version Flash 10/AS 3.0

Unit Dimension 234 x 60 Flash Version Flash 10/AS 3.0. 30KB maximum file size. Flash Version Flash 10/AS 3.0 MSN Windows Live Messenger Interactive Panel ad Kit Ad Format Description Expandable banner Interactive panel is a Rich media ad unit with a 3D FLIP feature. On user interaction the panel expands and rotates

More information

ONLINE BANNER AND EMAIL ADVERTISING SPECIFICATIONS 2014

ONLINE BANNER AND EMAIL ADVERTISING SPECIFICATIONS 2014 1 General Guidelines 2 Newsletters 3 Rich Media 5 Video 6 Mobile Specs 7 Flash 8 Custom Content/ Microsites 8 Skin Specifications ONLINE BANNER AND EMAIL ADVERTISING SPECIFICATIONS 2014 GENERAL GUIDELINES

More information

Camtasia Studio Components for Macromedia Flash MX User's Guide

Camtasia Studio Components for Macromedia Flash MX User's Guide Components for Macromedia Flash MX User's Guide Overview Components provide Flash developers with an easy way to incorporate and control SWF files in Macromedia Flash MX. The three are the first iteration

More information

Table of Contents. I. Banner Design Studio Overview... 4. II. Banner Creation Methods... 6. III. User Interface... 8

Table of Contents. I. Banner Design Studio Overview... 4. II. Banner Creation Methods... 6. III. User Interface... 8 User s Manual Table of Contents I. Banner Design Studio Overview... 4 II. Banner Creation Methods... 6 a) Create Banners from scratch in 3 easy steps... 6 b) Create Banners from template in 3 Easy Steps...

More information

Web Portal User Guide. Version 6.0

Web Portal User Guide. Version 6.0 Web Portal User Guide Version 6.0 2013 Pitney Bowes Software Inc. All rights reserved. This document may contain confidential and proprietary information belonging to Pitney Bowes Inc. and/or its subsidiaries

More information

Installation Guide. (You can get these files from http://www.clariostechnology.com/intelligentreports/install)

Installation Guide. (You can get these files from http://www.clariostechnology.com/intelligentreports/install) Clarios Technology Pty. Ltd. Intelligent Reporter Installation Guide Installing Intelligent Reports JIRA plugin The Intelligent Reports plugin for JIRA is available through the Atlassian Marketplace. Follow

More information

WEB DESIGN COURSE CONTENT

WEB DESIGN COURSE CONTENT WEB DESIGN COURSE CONTENT INTRODUCTION OF WEB TECHNOLOGIES Careers in Web Technologies How Websites are working Domain Types and Server About Static and Dynamic Websites Web 2.0 Standards PLANNING A BASIC

More information

Getting Started with ADOBE elearning SUITE 6

Getting Started with ADOBE elearning SUITE 6 Getting Started with ADOBE elearning SUITE 6 Legal notices Legal notices For legal notices, see http://help.adobe.com/en_us/legalnotices/index.html. iii Contents Components of Adobe elearning Suite 6.0.............................................................................

More information

Web Mail Guide... Error! Bookmark not defined. 1 Introduction to Web Mail... 4. 2 Your Web Mail Home Page... 5. 3 Using the Inbox...

Web Mail Guide... Error! Bookmark not defined. 1 Introduction to Web Mail... 4. 2 Your Web Mail Home Page... 5. 3 Using the Inbox... Powered by Table of Contents Web Mail Guide... Error! Bookmark not defined. 1 Introduction to Web Mail... 4 1.1 Requirements... 4 1.2 Recommendations for using Web Mail... 4 1.3 Accessing your Web Mail...

More information

DropSend Getting Started Guide

DropSend Getting Started Guide DropSend Getting Started Guide DropSend Ltd. 2012 Step 1: How to send a file without registration If you want to quickly send a large file, you can do it from the homepage in just a couple of clicks. Here

More information

User Guide. BrightAuthor. BrightSign HD110, HD210, HD410, HD810, and HD1010. COMPATIBLE WITH

User Guide. BrightAuthor. BrightSign HD110, HD210, HD410, HD810, and HD1010.  COMPATIBLE WITH User Guide BrightAuthor COMPATIBLE WITH BrightSign HD110, HD210, HD410, HD810, and HD1010 www.brightsign.biz Copyright Copyright 2009 by BrightSign, a division of Roku, Inc. All rights reserved. Roku,

More information

Figure 3.5: Exporting SWF Files

Figure 3.5: Exporting SWF Files Li kewhatyou see? Buyt hebookat t hefocalbookst or e Fl ash + Af t eref f ect s Chr i sjackson ISBN 9780240810317 Flash Video (FLV) contains only rasterized images, not vector art. FLV files can be output

More information

QUICK START. GO-Global Cloud 4.1 SETTING UP A LINUX CLOUD SERVER AND HOST INSTALL THE CLOUD SERVER ON LINUX

QUICK START. GO-Global Cloud 4.1 SETTING UP A LINUX CLOUD SERVER AND HOST INSTALL THE CLOUD SERVER ON LINUX GO-Global Cloud 4.1 QUICK START SETTING UP A LINUX CLOUD SERVER AND HOST This guide provides instructions for setting up a cloud server and configuring a host so it can be accessed from the cloud server.

More information

SAHARA DIGITAL8 RESPONSIVE MAGENTO THEME

SAHARA DIGITAL8 RESPONSIVE MAGENTO THEME SAHARA DIGITAL8 RESPONSIVE MAGENTO THEME This document is organized as follows: Chater I. Install ma_sahara_digital8 template Chapter II. Features and elements of the template Chapter III. List of extensions

More information

MAGENTO THEME SHOE STORE

MAGENTO THEME SHOE STORE MAGENTO THEME SHOE STORE Developer: BSEtec Email: support@bsetec.com Website: www.bsetec.com Facebook Profile: License: GPLv3 or later License URL: http://www.gnu.org/licenses/gpl-3.0-standalone.html 1

More information

How to create pop-up menus

How to create pop-up menus How to create pop-up menus Pop-up menus are menus that are displayed in a browser when a site visitor moves the pointer over or clicks a trigger image. Items in a pop-up menu can have URL links attached

More information

Adobe Flash Catalyst CS5.5

Adobe Flash Catalyst CS5.5 Adobe Flash Catalyst CS5.5 Create expressive interfaces and interactive content without writing code Use a new efficient workflow to collaborate intelligently and roundtrip files with developers who use

More information

Campus 2.0 Student s Guide. For PC and Mac Users

Campus 2.0 Student s Guide. For PC and Mac Users Campus 2.0 Student s Guide For PC and Mac Users July 7, 2009 IMPORTANT NOTICE Copyright 2009 Tegrity, Inc. DISCLAIMER 2009 Tegrity, Inc. all rights reserved Campus 2.0 Student s Guide Disclaimer iii TABLE

More information

Dreamweaver and Fireworks MX Integration Brian Hogan

Dreamweaver and Fireworks MX Integration Brian Hogan Dreamweaver and Fireworks MX Integration Brian Hogan This tutorial will take you through the necessary steps to create a template-based web site using Macromedia Dreamweaver and Macromedia Fireworks. The

More information

Adobe Acrobat 9 Pro Accessibility Guide: Creating Accessible PDF from Microsoft Word

Adobe Acrobat 9 Pro Accessibility Guide: Creating Accessible PDF from Microsoft Word Adobe Acrobat 9 Pro Accessibility Guide: Creating Accessible PDF from Microsoft Word Adobe, the Adobe logo, Acrobat, Acrobat Connect, the Adobe PDF logo, Creative Suite, LiveCycle, and Reader are either

More information

Vodafone Business Product Management Group. Hosted Services Announcer Pro V4.6 User Guide

Vodafone Business Product Management Group. Hosted Services Announcer Pro V4.6 User Guide Vodafone Business Product Management Group Hosted Services Announcer Pro V4.6 User Guide Vodafone Group 2010 Other than as permitted by law, no part of this document may be reproduced, adapted, or distributed,

More information