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

Save this PDF as:
 WORD  PNG  TXT  JPG

Size: px
Start display at page:

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

Transcription

1 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 ad unit 4. File folder containing any images from the fully expanded HTML ad updated 11/7/2013 Preview of ZIP folder Key Takeaways Creative ZIP has a max of 100 files Each file has to be less than 500 KB in size Max image size in pixels is 650x Teaser Teaser ad info saved as text file: 'teaser.txt' Sender: 15 characters (must be either the domain or recognized name of the advertiser) Subject: 25 Characters (can include an offer, % discount or compelling announcement) Body: 100 Characters (short summary or powerful call to action) URL: 25 characters such as Note: No ALL CAPS words are allowed in the teaser. We automatically generate the HTML for this as seen below. Provide the above components for the teaser.txt file.

2 2. Teaser Logo Image Small icon, graphic or brand logo for teaser banner ad. Image saved as 'teaser.png', 'teaser.gif' or 'teaser.jpg' Image size: 50x50 pixels 3. Fully Expanded Ad: the HTML creative asset Basic Message Ad Max Width: 650px Height: Unlimited (recommend no more than 650px) Recommend use of Table to ensure consistent presentation on multiple browsers Allowed Markup: HTML No Javascript (inline or linked.js files) No Stylesheets (style attribute of tags is okay though) No Flash, HTML5, Audio, iframes or animated images Some CSS is not supported. See below for further details. No 3rd party pixels: only static click trackers, no dynamic click trackers. Sample Creatives: Ask your Google rep for a mock and we ll send a template creative ZIP for reference. Test it out: Please try all creatives in the tool: https://www.google.com/ads/gsp/creative/ Good to know: Please make sure to push the Request Approval button for review. Policy/Legal Issues around ad copy: If there is any uncertainty around messaging you are planning to run, please reach out to the GSP team for clearance.

3 4. Images Folder Provide the files of any images that feature in the HTML creative. This will be a folder, saved as 'images', with any image files saved as '.png', '.gif' or.'jpg' Preview: Detailed HTML Specs The HTML is the main body of the advertisement. The HTML and CSS must be well formed. It will be rendered with <!DOCTYPE html>. Guidelines for index.html Fixed maximum width of 650px Use UTF 8 encoding Styling / CSS guidelines Tables tend to give the most consistent layout across various browsers Use per attribute style declarations e.g. <div style= color: black; font size: 1.2em > background image is okay to use Supported CSS in GMAIL Note: Not all possible values of each property are supported. background attachment', border top right radius', margin', background clip', border top style', max height', background color', border top width', max width', background image', border top', min height', background origin', border width', min width', background position', border', outline color',

4 background repeat', font family', outline style', background size', font size', outline width', background', caption side', outline', border bottom color', clear', overflow x', border bottom left radius', color', overflow y', border bottom right radius', direction', overflow', border bottom style', display', padding bottom', border bottom width', empty cells', padding left', border bottom', float', padding right', border collapse', font stretch', padding top', border color', font style', padding', border left color', font variant', quotes', border left style', font weight', table layout', border left width', font', text align', border left', letter spacing', text decoration', border radius', line height', text indent', border right color', list style image', text overflow', border right style', list style position', text transform', border right width', list style type', vertical align', border right', list style', white space', border spacing', margin bottom', width', border style', margin left', word break', border top color', margin right', word spacing', border top left radius', margin top', word wrap'

5 Embedding a YouTube Video A YouTube video can be embedded into an ad with a preview window. When the user clicks on the video teaser, the video will play in a lightbox inside of Gmail. To embed a video Include this snippet: <a href="http://www.youtube.com/watch?v=ohg5sjyrha0"> <img src="images/gmail ninja preview.jpg" alt="gmail Ninja Video"> </a> Just make sure to replace the youtube link, image source and alt to be appropriate for your ad. If you happen to use this html snippet and you don t want the video to play in a lightbox, please set the class nonplayable, as shown below: <a href="http://www.youtube.com/watch?v=ohg5sjyrha0" class="nonplayable"> <img src="images/gmail ninja preview.jpg" alt="gmail Ninja Video"> </a> It is recommended that the image you use (in this example, images/gmail ninja preview.jpg) include some type of play button so that users will know that clicking will play a video. The system does not add anything to this image to indicate that it will play a video. Removing ad overlays from your embedded videos Within the host Youtube account, there is a setting to disable ads on top of your videos. Embedding a Form Use a Form in the expanded ad to shorten the steps to conversion. Embedded forms are the most recommended use of GSP because it reduces the path to convert and drives higher conversion rates, right within Gmail. Your customer will fill out the text fields and click to submit, sign up, or complete any other desired action and continue on to your landing page. All information will be passed directly to the advertiser, nothing is passed or saved on Google servers.

6 Form Field Validation Types To add more value to forms, several validation types have been built into Gmail Sponsored Promotions. To take advantage of these validations, the advertiser can make several small adjustments to their creative. Non empty input or textarea: To ensure that a text field in a form is not left empty, simply add the attribute required to the input. ex: <input required type="text" size="25"> or <textarea required rows="3" cols="20"></textarea> Telephone type input: To ensure that a telephone type text field has a valid US phone number, simply add the attribute x autocompletetype="phone full" to the input. If the field is not marked as required, it will only be validated if it contains a value. The accepted format will be anything that has 10 digits, spaces, dashes and parentheses such as / /(650) /etc.

7 ex: <input type="text" x autocompletetype="phone full" size="25"> or <input required type="text" x autocompletetype="phone full" size="25"> type input: To ensure that an type text field has a valid format, simply add the attribute x autocompletetype=" " to the input. If the field is not marked as required, it will only be validated if it contains a value. The accepted format will be a text string in the format ex: <input type="text" x autocompletetype=" " size="25"> or <input required type="text" x autocompletetype=" " size="25"> Zip code type input: To ensure that a zip code type text field has a valid zip format, simply add the attribute x autocompletetype="postal code" to the input. If the field is not marked as required, it will only be validated if it contains a value. The accepted format will be a string beginning with 5 digits. ex: <input type="text" x autocompletetype="postal code" size="25"> or <input required type="text" x autocompletetype="postal code" size="25"> Submit type input: To take advantage of forms in message ads the submit button must conform to the following format: <input type="submit" style="..."> Incorrect or invalid entries in form When validation of a field fails, user will not being to submit form. The user will be informed which fields require fixing. In browsers that support html5, the user will see a tooltip on fields that were marked as required and have no value; on older browsers the input will be highlighted red and they will see an error message at the top of their window. For fields which have specific validation (phone/ /zip code), the input will be highlighted red and they will see a specific error message at the top of their window. When the form validates successfully, it will submit.

8 Successful submission of the form will result in the user being directed to the advertiser's landing page!

9 Dynamic Ads Overview With the advent of Dynamic Ads, advertisers can use a special syntax to to insert dynamic fields into various parts of their ad teaser. These fields will then be populated by reading a feed that is defined in a Google spreadsheet when the ad serves. This allows for easy updating of frequently changing values in an ad (such as mortgage rates or daily discounts) without needing to access the Gmail Sponsored Promotions advertiser dashboard. Setting up a feed When the user navigates to the Ads section they will see a new button labelled +Feed. When they click on +Feed, a popup will open prompting the user for a feed name and offering a Create button.

10 When the user clicks on Create, a new Google spreadsheet is created and shared with them (this might take a few seconds). The url of the new spreadsheet is provided in the popup. The spreadsheet can also be opened later by using the link the the new menu called My Feeds on the Ads page. The newly created spreadsheet will have 3 sheets (seen at the bottom of the spreadsheet). The first sheet called sync data should not be edited as it contains a unique url required to sync the new feed, more on this later. The second sheet called feed data is where the user will enter the dynamic values. The third sheet is called do not edit and contains metadata for administrative use and should not be changed.

11 At this point the feed is set up and needs to be populated with data. To do so, values must be entered in the second tab called feed data. A column should be defined for each dynamic field the user intends to use in their ad. Column names should not contain spaces or special characters (they should be alpha numeric with underscores). For each field, a value must be defined. In the above example, the user has defined 3 dynamic fields; rate, today_date and tracking_url. A single value has been provided for each field. These are just examples, any field can be created. Once all the feed data has been populated, the user must sync the feed by clicking the link in the first sheet called sync data. Clicking this link should open a new tab and should eventually display a success message (this will take a few seconds). This means the data in the spreadsheet has been successfully synced.

12 Note: Any time the feed data is changed in the spreadsheet, the procedure should be repeated to ensure that the data is synced. Note on sharing When the spreadsheet is created it is shared only with the person who requested its creation. It is therefore important that this person share the spreadsheet with anyone else that may require access to it as it does not automatically inherit access permissions from the account. It is important to share the spreadsheet with anyone who may need to update it (this is also important because account managers move around and sharing the spreadsheet with a wider audience ensures that the feed won t be orphaned). People who do not have access to the spreadsheet but who have access to the account will still be able to use the feed, they just won t be able to update its values. Using the feed in an ad Once a feed has been created it will appear in the list of available feeds in the first step of the Ad wizard. The user must select the field they wish to use before proceeding to the next steps.

13 Once they have selected a feed, they can use the dynamic values in any of the supported fields using the following syntax: {$column_name=[some default value]}. The column name is defined in the spreadsheet (ex: tracking_url, rate or today_date) and the default value can be any text the user wishes to use if for some reason the dynamic value couldn t be used. One case where the default values would be used as opposed to the dynamic values is if one/several of the dynamic values cause the ad to violate some criteria such as length of a field (ex: causes title to be more than 25 characters). Dynamic values are all or nothing, if a single one causes the ad to be invalid then all will fall back to their default value.

14 The preview will show what the ad will look like with default values: The actual ad (unless invalid) will show the dynamic values when it is shown to users:

15 The advertiser must be conscious that all character limitations for teaser fields be honored with or without the dynamic values otherwise the defaults will be shown. Supported fields Currently fields that support dynamic content are: Teaser Sender name Title Body Sender display short URL Redirect URL Ad body Anchor href (ex: <a href= >) Form action (ex: <form action= >) Campaign specific dynamic values Often an advertiser needs to create multiple creatives that are essentially identical with only slight differences such as different tracking codes within the ad body url s for their different campaigns. With dynamic creatives, advertisers can now create a single creative and use dynamic field placeholders where those variable pieces need to be and decide what should be there on a per campaign basis by specifying the campaign id for each value in their feed. To use this feature, the advertiser needs to first set up all their campaigns as before. Once all the campaigns have been created, the campaign id s (which can be found on the overview page) can be used in the feed to specify which values to use for each campaign. To do so, create a column in the feed called "gsp_campaign_id" and list the id s of the desired campaigns in that column. Then add the other columns as before. Now every row of dynamic values will be used specifically for the given campaign.

16 NOTE: It is important to keep in mind that at the time of rendering the ad with dynamic values, if any single dynamic field used does not have an associated dynamic value, all will resort to using their default values for consistency. To avoid this situation, make sure you have provided a value in each column for every row.

Basics of Web Design: HTML5 & CSS Author: Terry Ann Felke-Morris, Ed.D.

Basics of Web Design: HTML5 & CSS Author: Terry Ann Felke-Morris, Ed.D. Chapter 1 Internet and Web Basics The Internet and the Web Web Standards and Accessibility Information on the Web Web Browsers and Web Servers Internet Protocols Uniform Resource Identifiers and Domain

More information

The Essential Guide to HTML Email Design

The Essential Guide to HTML Email Design The Essential Guide to HTML Email Design Index Introduction... 3 Layout... 4 Best Practice HTML Email Example... 5 Images... 6 CSS (Cascading Style Sheets)... 7 Animation and Scripting... 8 How Spam Filters

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

ECDL / ICDL Web Editing Syllabus Version 2.0

ECDL / ICDL Web Editing Syllabus Version 2.0 ECDL / ICDL Web Editing Syllabus Version 2.0 Purpose This document details the syllabus for ECDL / ICDL Web Editing. The syllabus describes, through learning outcomes, the knowledge and skills that a candidate

More information

HTML, XHTML and CSS for Web Designers & Developers

HTML, XHTML and CSS for Web Designers & Developers HTML, XHTML and CSS for Web Designers & Developers Course ISI-1254 - Five Days - Instructor-led - Hands on Introduction This course will give any web programmer an extra edge of effectiveness on the job.

More information

Garfield Public Schools Fine & Practical Arts Curriculum Web Design

Garfield Public Schools Fine & Practical Arts Curriculum Web Design Garfield Public Schools Fine & Practical Arts Curriculum Web Design (Half-Year) 2.5 Credits Course Description This course provides students with basic knowledge of HTML and CSS to create websites and

More information

Recreate your Newsletter Content and Layout within Informz (Workshop) Monica Capogna and Dan Reade. Exercise: Creating two types of Story Layouts

Recreate your Newsletter Content and Layout within Informz (Workshop) Monica Capogna and Dan Reade. Exercise: Creating two types of Story Layouts Recreate your Newsletter Content and Layout within Informz (Workshop) Monica Capogna and Dan Reade Exercise: Creating two types of Story Layouts 1. Creating a basic story layout (with title and content)

More information

RADFORD UNIVERSITY. Radford.edu. Content Administrator s Guide

RADFORD UNIVERSITY. Radford.edu. Content Administrator s Guide RADFORD UNIVERSITY Radford.edu Content Administrator s Guide Contents Getting Started... 2 Accessing Content Administration Tools... 2 Logging In... 2... 2 Getting Around... 2 Logging Out... 3 Adding and

More information

Inspiring Creative Fun Ysbrydoledig Creadigol Hwyl. Web Design in Nvu Workbook 1

Inspiring Creative Fun Ysbrydoledig Creadigol Hwyl. Web Design in Nvu Workbook 1 Inspiring Creative Fun Ysbrydoledig Creadigol Hwyl Web Design in Nvu Workbook 1 The demand for Web Development skills is at an all time high due to the growing demand for businesses and individuals to

More information

Web Development. Owen Sacco. ICS2205/ICS2230 Web Intelligence

Web Development. Owen Sacco. ICS2205/ICS2230 Web Intelligence Web Development Owen Sacco ICS2205/ICS2230 Web Intelligence Introduction Client-Side scripting involves using programming technologies to build web pages and applications that are run on the client (i.e.

More information

WEB DEVELOPMENT IA & IB (893 & 894)

WEB DEVELOPMENT IA & IB (893 & 894) DESCRIPTION Web Development is a course designed to guide students in a project-based environment in the development of up-to-date concepts and skills that are used in the development of today s websites.

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

Creating Web Pages with HTML Simplified. 3rd Edition

Creating Web Pages with HTML Simplified. 3rd Edition Brochure More information from http://www.researchandmarkets.com/reports/2248215/ Creating Web Pages with HTML Simplified. 3rd Edition Description: Are you new to computers? Does new technology make you

More information

Email Campaign Guidelines and Best Practices

Email Campaign Guidelines and Best Practices epromo Guidelines HTML Maximum width 700px (length = N/A) Maximum total file size, including all images = 200KB Only use inline CSS, no stylesheets Use tables, rather than layout Use more TEXT instead

More information

The Essential Guide to HTML Email Design

The Essential Guide to HTML Email Design The Essential Guide to HTML Email Design Emailmovers Limited, Pindar House, Thornburgh Road Scarborough, North Yorkshire, YO11 3UY Tel: 0845 226 7181 Fax: 0845 226 7183 Email: enquiries@emailmovers.com

More information

Site Maintenance. Table of Contents

Site Maintenance. Table of Contents Site Maintenance Table of Contents Adobe Contribute How to Install... 1 Publisher and Editor Roles... 1 Editing a Page in Contribute... 2 Designing a Page... 4 Publishing a Draft... 7 Common Problems...

More information

Creative Guidelines for Emails

Creative Guidelines for Emails Version 2.1 Contents 1 Introduction... 3 1.1 Document Aim and Target Audience... 3 1.2 WYSIWYG editors... 3 1.3 Outlook Overview... 3 2 Quick Reference... 4 3 CSS and Styling... 5 3.1 Positioning... 5

More information

Theater Signage Dimensions Notes Material. 20"w x 26"h Poster only DO NOT MOUNT. Price Chart Dimensions Notes Material

Theater Signage Dimensions Notes Material. 20w x 26h Poster only DO NOT MOUNT. Price Chart Dimensions Notes Material STAGE 4 Theater Signage Dimensions Notes Material 50th St. Pavilion Exterior Sign (case/sign) 27"w x 77"h (opening) 23 5/8"w x 73 1/2"h Mount on foam core 50th St. Pavilion Interior Sign 20"w x 26"h Poster

More information

Converting Prospects to Purchasers.

Converting Prospects to Purchasers. Email Template Guide LASSO EMAIL TEMPLATE EDITOR... 2 ABOUT LASSO EMAIL TEMPLATE EDITOR... 2 CREATING AN EMAIL TEMPLATE... 2 ACCESSING EMAIL TEMPLATES... 2 ADDING AN EMAIL TEMPLATE FOLDER... 3 BASIC PRINCIPLES

More information

Google Sites: Creating, editing, and sharing a site

Google Sites: Creating, editing, and sharing a site Google Sites: Creating, editing, and sharing a site Google Sites is an application that makes building a website for your organization as easy as editing a document. With Google Sites, teams can quickly

More information

STAGE 4. (case/sign) 27"w x 77"h. 50th St. Pavilion Exterior Sign. 50th St. Pavilion Interior Sign. 20"w x 26"h Poster only DO NOT MOUNT

STAGE 4. (case/sign) 27w x 77h. 50th St. Pavilion Exterior Sign. 50th St. Pavilion Interior Sign. 20w x 26h Poster only DO NOT MOUNT STAGE 4 50th St. Pavilion Exterior Sign (case/sign) 27"w x 77"h (opening) 23 5/8"w x 73 1/2"h Mount on foam core 50th St. Pavilion Interior Sign 20"w x 26"h Poster only DO NOT MOUNT 50th St. Slider Boards

More information

Coding HTML Email: Tips, Tricks and Best Practices

Coding HTML Email: Tips, Tricks and Best Practices Before you begin reading PRINT the report out on paper. I assure you that you ll receive much more benefit from studying over the information, rather than simply browsing through it on your computer screen.

More information

Getting Started with Google Sites

Getting Started with Google Sites Getting Started with Google Sites Getting Started with Google Sites 1 Background Information Google Sites is an online application that makes creating a team web site as easy as editing a document. With

More information

Table of Contents. What is ProSite? What is Behance? How do ProSite & Behance work together? Get Started in 6 Easy Steps.

Table of Contents. What is ProSite? What is Behance? How do ProSite & Behance work together? Get Started in 6 Easy Steps. The Beginners Guide Table of Contents 03 04 05 06 34 35 What is ProSite? What is Behance? How do ProSite & Behance work together? Get Started in 6 Easy Steps See Live Examples Need More Help? What is ProSite?

More information

Advanced Web Development SCOPE OF WEB DEVELOPMENT INDUSTRY

Advanced Web Development SCOPE OF WEB DEVELOPMENT INDUSTRY Advanced Web Development Duration: 6 Months SCOPE OF WEB DEVELOPMENT INDUSTRY Web development jobs have taken thе hot seat when it comes to career opportunities and positions as a Web developer, as every

More information

Mobile Web Design with HTML5, CSS3, JavaScript and JQuery Mobile Training BSP-2256 Length: 5 days Price: $ 2,895.00

Mobile Web Design with HTML5, CSS3, JavaScript and JQuery Mobile Training BSP-2256 Length: 5 days Price: $ 2,895.00 Course Page - Page 1 of 12 Mobile Web Design with HTML5, CSS3, JavaScript and JQuery Mobile Training BSP-2256 Length: 5 days Price: $ 2,895.00 Course Description Responsive Mobile Web Development is more

More information

SPHOL326: Designing a SharePoint 2013 Site. Hands-On Lab. Lab Manual

SPHOL326: Designing a SharePoint 2013 Site. Hands-On Lab. Lab Manual 2013 SPHOL326: Designing a SharePoint 2013 Site Hands-On Lab Lab Manual This document is provided as-is. Information and views expressed in this document, including URL and other Internet Web site references,

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

A quick guide to... Creating Newsletters

A quick guide to... Creating Newsletters A quick guide to... Creating Newsletters In this guide... Learn how to create attractive, well-designed HTML and plain-text messages to engage your contacts, meet their expectations and match their preferences.

More information

If your site has already been set up and the theme added on the Drupal server, you are able to add content to the site.

If your site has already been set up and the theme added on the Drupal server, you are able to add content to the site. Updating a Site in Drupal If your site has already been set up and the theme added on the Drupal server, you are able to add content to the site. You should be able to find your site at a URL similar to

More information

Web Development I & II*

Web Development I & II* Web Development I & II* Career Cluster Information Technology Course Code 10161 Prerequisite(s) Computer Applications Introduction to Information Technology (recommended) Computer Information Technology

More information

Ingeniux 8 CMS Web Management System ICIT Technology Training and Advancement (training@uww.edu)

Ingeniux 8 CMS Web Management System ICIT Technology Training and Advancement (training@uww.edu) Ingeniux 8 CMS Web Management System ICIT Technology Training and Advancement (training@uww.edu) Updated on 10/17/2014 Table of Contents About... 4 Who Can Use It... 4 Log into Ingeniux... 4 Using Ingeniux

More information

TECHNICAL SPECIFICATIONS

TECHNICAL SPECIFICATIONS TECHNICAL SPECIFICATIONS INDEX Leaderboard... 3 Medium Rectangle... 3 Skin... 3 Intro Fullscreen Flash... 3 Intro Fullscreen Video... 3 Custom (Skin+Leaderboard+Medium Rectangle)... 4 Leaderboard EXP....

More information

Personal Portfolios on Blackboard

Personal Portfolios on Blackboard Personal Portfolios on Blackboard This handout has four parts: 1. Creating Personal Portfolios p. 2-11 2. Creating Personal Artifacts p. 12-17 3. Sharing Personal Portfolios p. 18-22 4. Downloading Personal

More information

Joomla Article Advanced Topics: Table Layouts

Joomla Article Advanced Topics: Table Layouts Joomla Article Advanced Topics: Table Layouts An HTML Table allows you to arrange data text, images, links, etc., into rows and columns of cells. If you are familiar with spreadsheets, you will understand

More information

CONTENTM WEBSITE MANAGEMENT SYSTEM. Getting Started Guide

CONTENTM WEBSITE MANAGEMENT SYSTEM. Getting Started Guide CONTENTM WEBSITE MANAGEMENT SYSTEM Getting Started Guide Table of Contents CONTENTM WEBSITE MANAGEMENT SYSTEM... 1 GETTING TO KNOW YOUR SITE...5 PAGE STRUCTURE...5 Templates...5 Menus...5 Content Areas...5

More information

CMS Basic Training. Getting Started

CMS Basic Training. Getting Started The (Content Management System), was designed to allow most people in an organization to contribute to or edit their website(s). Utilizing a set of templates and stylesheets, users can add or edit information

More information

Detailed Ad Specifications Rev. 20/03/2015 Babatunde Akinse

Detailed Ad Specifications Rev. 20/03/2015 Babatunde Akinse Detailed Ad Specifications Rev. 20/03/2015 Babatunde Akinse Page 1 of 9 General Specifications General Specifications Clickthru URL(s) must be provided and Clicktag coding must be implemented in Flash

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

A quick guide to. Creating Newsletters

A quick guide to. Creating Newsletters A quick guide to Creating Newsletters In this guide... Learn how to create attractive, well-designed HTML and plain-text messages to engage your the template, which can be mobile, responsive. Table of

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

Guidelines for Effective Email Creative

Guidelines for Effective Email Creative Guidelines for Effective Email Creative While the need for quality and effective design has always existed from a marketing standpoint, challenges unique to the email space require a different look at

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

Microsoft Expression Web Quickstart Guide

Microsoft Expression Web Quickstart Guide Microsoft Expression Web Quickstart Guide Expression Web Quickstart Guide (20-Minute Training) Welcome to Expression Web. When you first launch the program, you ll find a number of task panes, toolbars,

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

Online Advertising Specification

Online Advertising Specification Online Advertising Specification Contact Ad Operations Email: Artwork@mb-insight.com 020 3033 2843 Neil Sinclair (Digital Production) 020 3033 4296 Jon Cooke (Production Manager) Format Size (WxH Pixels)

More information

Form Builder Manual. A brief overview of your website s Form Builder with screenshots.

Form Builder Manual. A brief overview of your website s Form Builder with screenshots. A brief overview of your website s with screenshots. 1 Table of Contents:...1...3 Creating a New Web Form...4 Editing a Form Element...7 Creating a Form Action...9 Adding a Form Layout to an Action...11

More information

A quick guide to... Creating Autoresponders

A quick guide to... Creating Autoresponders A quick guide to... Creating Autoresponders In this guide... Learn how the GetResponse autoresponder puts your follow-up messages on autopilot with drip campaigns, welcome messages and more! Table of Contents

More information

GUIDE TO CODE KILLER RESPONSIVE EMAILS

GUIDE TO CODE KILLER RESPONSIVE EMAILS GUIDE TO CODE KILLER RESPONSIVE EMAILS THAT WILL MAKE YOUR EMAILS BEAUTIFUL 3 Create flawless emails with the proper use of HTML, CSS, and Media Queries. But this is only possible if you keep attention

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

Designing HTML Emails for Use in the Advanced Editor

Designing HTML Emails for Use in the Advanced Editor Designing HTML Emails for Use in the Advanced Editor For years, we at Swiftpage have heard a recurring request from our customers: wouldn t it be great if you could create an HTML document, import it into

More information

USER GUIDE. Unit 4: Schoolwires Editor. Chapter 1: Editor

USER GUIDE. Unit 4: Schoolwires Editor. Chapter 1: Editor USER GUIDE Unit 4: Schoolwires Chapter 1: Schoolwires Centricity Version 4.2 TABLE OF CONTENTS Introduction... 1 Audience and Objectives... 1 Getting Started... 1 How the Works... 2 Technical Requirements...

More information

State of Nevada. Ektron Content Management System (CMS) Basic Training Guide

State of Nevada. Ektron Content Management System (CMS) Basic Training Guide State of Nevada Ektron Content Management System (CMS) Basic Training Guide December 8, 2015 Table of Contents Logging In and Navigating to Your Website Folders... 1 Metadata What it is, How it Works...

More information

Mastering the JangoMail EditLive HTML Editor

Mastering the JangoMail EditLive HTML Editor JangoMail Tutorial Mastering the JangoMail EditLive HTML Editor With JangoMail, you have the option to use our built-in WYSIWYG HTML Editors to compose and send your message. Note: Please disable any pop

More information

UH CMS Basics. Cascade CMS Basics Class. UH CMS Basics Updated: June,2011! Page 1

UH CMS Basics. Cascade CMS Basics Class. UH CMS Basics Updated: June,2011! Page 1 UH CMS Basics Cascade CMS Basics Class UH CMS Basics Updated: June,2011! Page 1 Introduction I. What is a CMS?! A CMS or Content Management System is a web based piece of software used to create web content,

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

TECHNICAL SPECIFICATION OF GAZETA.PL PORTAL'S ADVERTISING PRODUCTS

TECHNICAL SPECIFICATION OF GAZETA.PL PORTAL'S ADVERTISING PRODUCTS TECHNICAL SPECIFICATION OF GAZETA.PL PORTAL'S ADVERTISING PRODUCTS Contents 1. Formats, Sizes and Weights of Standard Advertising Products... 3 2. General Requirements for Advertisements... 3 2.1. GIF,

More information

WEBSITE CONTENT MANAGEMENT SYSTEM USER MANUAL CMS Version 2.0 CMS Manual Version 1.0 2-25-13

WEBSITE CONTENT MANAGEMENT SYSTEM USER MANUAL CMS Version 2.0 CMS Manual Version 1.0 2-25-13 WEBSITE CONTENT MANAGEMENT SYSTEM USER MANUAL CMS Version 2.0 CMS Manual Version 1.0 2-25-13 CONTENTS Things to Remember... 2 Browser Requirements... 2 Why Some Areas of Your Website May Not Be CMS Enabled...

More information

Guide to B2B email marketing. Part Three: Building great emails

Guide to B2B email marketing. Part Three: Building great emails Guide to B2B email marketing Part Three: Building great emails Executive Summary of Recommendations Take a look at our guidelines for building great emails in this quick, at-a-glance format Technical Email

More information

How to Edit Your Website

How to Edit Your Website How to Edit Your Website A guide to using your Content Management System Overview 2 Accessing the CMS 2 Choosing Your Language 2 Resetting Your Password 3 Sites 4 Favorites 4 Pages 5 Creating Pages 5 Managing

More information

CWU Content Management System (CMS) User Guide

CWU Content Management System (CMS) User Guide CWU Content Management System (CMS) User Guide Last Revision: July 14, 2014 Version: 1.7 CWU Content management System (CMS) User Guide 2 Table of Contents NOTE: Copyright Guidelines... 4 What is a content

More information

Course Information Course Number: IWT 1229 Course Name: Web Development and Design Foundation

Course Information Course Number: IWT 1229 Course Name: Web Development and Design Foundation Course Information Course Number: IWT 1229 Course Name: Web Development and Design Foundation Credit-By-Assessment (CBA) Competency List Written Assessment Competency List Introduction to the Internet

More information

User Guide for Smart Former Gold (v. 1.0) by IToris Inc. team

User Guide for Smart Former Gold (v. 1.0) by IToris Inc. team User Guide for Smart Former Gold (v. 1.0) by IToris Inc. team Contents Offshore Web Development Company CONTENTS... 2 INTRODUCTION... 3 SMART FORMER GOLD IS PROVIDED FOR JOOMLA 1.5.X NATIVE LINE... 3 SUPPORTED

More information

Web Design Basics. Cindy Royal, Ph.D. Associate Professor Texas State University

Web Design Basics. Cindy Royal, Ph.D. Associate Professor Texas State University Web Design Basics Cindy Royal, Ph.D. Associate Professor Texas State University HTML and CSS HTML stands for Hypertext Markup Language. It is the main language of the Web. While there are other languages

More information

Create a Web Page with Dreamweaver

Create a Web Page with Dreamweaver Create a Web Page with Dreamweaver Dreamweaver is an HTML editing program that allows the beginner and the advanced coder to create Web pages. 1. Launch Dreamweaver. Several windows appear that will assist

More information

Fast track to HTML & CSS 101 (Web Design)

Fast track to HTML & CSS 101 (Web Design) Fast track to HTML & CSS 101 (Web Design) Level: Introduction Duration: 5 Days Time: 9:30 AM - 4:30 PM Cost: 997.00 Overview Fast Track your HTML and CSS Skills HTML and CSS are the very fundamentals of

More information

HOW TO USE THIS GUIDE

HOW TO USE THIS GUIDE HOW TO USE THIS GUIDE This guide provides step-by-step instructions for each exercise. Anything that you are supposed to type or select is noted with various types and colors. WHEN YOU SEE THIS Click Help

More information

SiteBuilder 2.1 Manual

SiteBuilder 2.1 Manual SiteBuilder 2.1 Manual Copyright 2004 Yahoo! Inc. All rights reserved. Yahoo! SiteBuilder About This Guide With Yahoo! SiteBuilder, you can build a great web site without even knowing HTML. If you can

More information

AD UNIT SPECIFICATIONS SEP 2015

AD UNIT SPECIFICATIONS SEP 2015 AD UNIT SPECIFICATIONS SEP 2015 TABLE OF CONTENTS In-Stream Video Ad Formats 3-4 In-Banner Video Ad Formats 5-6 Display Ad Formats 7 Social Video Ad Formats 8 Mobile Ad Formats 9 Mobile Display 10 Smartphone

More information

Create a Google Site in DonsApp

Create a Google Site in DonsApp Create a Google Site in DonsApp 1 Google Web Site Interactive. Constructivist. Collaborative. Communities. WHAT IS GOOGLE SITE? With one single click, you can create a website without any knowledge of

More information

Web Design for Programmers. Brian Hogan NAPCS Slides and content 2008 Brian P. Hogan Do not reproduce in any form without permission

Web Design for Programmers. Brian Hogan NAPCS Slides and content 2008 Brian P. Hogan Do not reproduce in any form without permission Web Design for Programmers Brian Hogan NAPCS Slides and content 2008 Brian P. Hogan Do not reproduce in any form without permission Quick Disclaimers This is a crash course! Many topics are simplified

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

Google Sites Getting Started

Google Sites Getting Started Google Sites Getting Started 1. Log into your gmail account 2. Click on Sites 3. Click on Create 4. Choose a Template if you want (these will have preset elements and page settings which you can then adapt

More information

Welcome to the Drupal How to Guide for Business/Association Member

Welcome to the Drupal How to Guide for Business/Association Member www.webprophets.com.au PO Box 2007 St Kilda West Victoria Australia 3182 Phone +61 3 9534 1800 Fax +61 3 9534 1100 Email info@webprophets.com.au Web www.webprophets.com.au Welcome to the Drupal How to

More information

css href title software blog domain HTML div style address img h2 tag maintainingwebpages browser technology login network multimedia font-family

css href title software blog domain HTML div style address img h2 tag maintainingwebpages browser technology login network multimedia font-family technology software href browser communication public login address img links social network HTML div style font-family url media h2 tag handbook: id domain TextEdit blog title CANAJOHARIE CENTRAL SCHOOL

More information

Quick Reference Guide

Quick Reference Guide Simplified Web Interface for Teachers Quick Reference Guide Online Development Center Site Profile 5 These fields will be pre-populated with your information { 1 2 3 4 Key 1) Website Title: Enter the name

More information

How-to Guide: MIT DLC Drupal Cloud Theme

How-to Guide: MIT DLC Drupal Cloud Theme How-to Guide: MIT DLC Drupal Cloud Theme This guide will show you how to take your initial Drupal Cloud site... and turn it into something more like this, using the MIT DLC Drupal Cloud theme. See this

More information

The Easy Step Guide to Web Design

The Easy Step Guide to Web Design Victoria County CAP Sites Association presents: The Easy Step Guide to Web Design Using Google Sites Building Stronger Communities Through Technology Course Contents Overview Lesson 1: Website Setup Lesson

More information

Drupal Training Guide

Drupal Training Guide Drupal Training Guide Getting Started Drupal Information page on the IT site: http://it.santarosa.edu/drupal On this page is information about Drupal sign up, what Drupal is, which is a content management

More information

Online Advertising Specifications

Online Advertising Specifications Online Advertising Specifications Website Banner Ads pg. 2-3 Here you will discover the different banner ads that are available through ArtsAndCraftsHomes.com. There will be visual examples along with

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

HTML TIPS FOR DESIGNING

HTML TIPS FOR DESIGNING This is the first column. Look at me, I m the second column.

More information

IBM Unica emessage Version 8 Release 6 February 13, 2015. User's Guide

IBM Unica emessage Version 8 Release 6 February 13, 2015. User's Guide IBM Unica emessage Version 8 Release 6 February 13, 2015 User's Guide Note Before using this information and the product it supports, read the information in Notices on page 403. This edition applies to

More information

HOW Interactive Design Conference 2013

HOW Interactive Design Conference 2013 HOW Interactive Design Conference 2013 Photoshop to HTML Chris Converse Use this QR code to get the mobile schedule for this conference. Get session and speaker info, lunch ideas, and links for getting

More information

JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA

JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA All information presented in the document has been acquired from http://docs.joomla.org to assist you with your website 1 JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA BACK

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

NDSU Technology Learning & Media Center. Introduction to Google Sites

NDSU Technology Learning & Media Center. Introduction to Google Sites NDSU Technology Learning & Media Center QBB 150C 231-5130 www.ndsu.edu/its/tlmc Introduction to Google Sites Get Help at the TLMC 1. Get help with class projects on a walk-in basis; student learning assistants

More information

Creating a Website with Google Sites

Creating a Website with Google Sites Creating a Website with Google Sites This document provides instructions for creating and publishing a website with Google Sites. At no charge, Google Sites allows you to create a website for various uses,

More information

EUROPEAN COMPUTER DRIVING LICENCE / INTERNATIONAL COMPUTER DRIVING LICENCE WEB EDITING

EUROPEAN COMPUTER DRIVING LICENCE / INTERNATIONAL COMPUTER DRIVING LICENCE WEB EDITING EUROPEAN COMPUTER DRIVING LICENCE / INTERNATIONAL COMPUTER DRIVING LICENCE WEB EDITING The European Computer Driving Licence Foundation Ltd. Portview House Thorncastle Street Dublin 4 Ireland Tel: + 353

More information

Common Online Advertising Terms Provided by ZEDO, Inc.

Common Online Advertising Terms Provided by ZEDO, Inc. 3rd Party Ad Tag 3rd Party Redirect Action Action Tracking Tag Activity Ad Dimension Ad Hoc Report Ad Network Ad Tag Advanced Report Advertiser Advertiser Summary Report Advertiser Type Allocate per Ad

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

Learning Web Design. Third Edition. A Beginner's Guide to (X)HTML, Style Sheets, and Web Graphics. Jennifer Niederst Robbins

Learning Web Design. Third Edition. A Beginner's Guide to (X)HTML, Style Sheets, and Web Graphics. Jennifer Niederst Robbins Learning Web Design Third Edition A Beginner's Guide to (X)HTML, Style Sheets, and Web Graphics Jennifer Niederst Robbins O'REILLY Beijing- Cambridge Farnham Koln Paris Sebastopol -Taipei -Tokyo CONTENTS

More information

Creating Webpages in Dreamweaver MX for PC

Creating Webpages in Dreamweaver MX for PC Creating Webpages in Dreamweaver MX for PC Getting Started Before you can create a webpage you need to think about where the page will be stored both locally (i.e., hard drive, CD, disk) and remotely (i.e.,

More information

Advertising on Onet.pl. Ad products specification

Advertising on Onet.pl. Ad products specification Advertising on Onet.pl Ad products specification August 16, 2013 2 S t r o n a General rules... 3 Mobile Rich Media...... 4 General rules for Rich Media ads... 4 Rich Media top... 5 Cube 3D... 9 Formats

More information

JJY s Joomla 1.5 Template Design Tutorial:

JJY s Joomla 1.5 Template Design Tutorial: JJY s Joomla 1.5 Template Design Tutorial: Joomla 1.5 templates are relatively simple to construct, once you know a few details on how Joomla manages them. This tutorial assumes that you have a good understanding

More information

Access Edit Menu... 2. Edit Existing Page... 3. Auto URL Aliases... 5. Page Content Editor... 7. Create a New Page... 17. Page Content List...

Access Edit Menu... 2. Edit Existing Page... 3. Auto URL Aliases... 5. Page Content Editor... 7. Create a New Page... 17. Page Content List... DRUPAL EDITOR Content Management Instructions TABLE OF CONTENTS Access Edit Menu... 2 Edit Existing Page... 3 Auto URL Aliases... 5 Page Content Editor... 7 Create a New Page... 17 Page Content List...

More information

USER GUIDE. Unit 2: Synergy. Chapter 2: Using Schoolwires Synergy

USER GUIDE. Unit 2: Synergy. Chapter 2: Using Schoolwires Synergy USER GUIDE Unit 2: Synergy Chapter 2: Using Schoolwires Synergy Schoolwires Synergy & Assist Version 2.0 TABLE OF CONTENTS Introductions... 1 Audience... 1 Objectives... 1 Before You Begin... 1 Getting

More information

Projects on domain.com.au User guide

Projects on domain.com.au User guide Projects on domain.com.au User guide Contents Getting started 3 Creating your project 4-9 Adding listings to your project 10 Premium and Standard Projects - specs 11 2 Need help? Call 1300 799 109 Email

More information

03_Events Trainingv3 1

03_Events Trainingv3 1 03_Events Trainingv3 1 Publish Event You can publish some information about your content before you have set up all the details. In this way, people can learn about the event on your website prior to registrations

More information