Easy Responsive Design for Emails and Pages in Salsa.

Slides:



Advertisements
Similar presentations
Coding a Responsive HTML
Advertisements

Support.ebsco.com EBSCOhost Mobile Tutorial. Welcome to the EBSCOhost Mobile tutorial, a guide to the most popular EBSCOhost features available for use.
 hyperlinks  Audio Recordings  Video  Podcast  Text  Illustrations With creative book builder you can create interactive books that include.
UNIT-e futures and UNIT-e Mobile Ben Potter Systems Architect.
NEXT. Create Pages in Blogger Another top user-requested feature has just graduated from Blogger In Draft! Blogger now makes it easy to create Pages linked.
Annual Reviews: A Nonprofit Scientific Publisher Bringing the Best Review Literature to the Worldwide Scientific Community for over 75 Years 1.
Newsletter Plugin The newsletter plugin allows you to create and send newsletters to a managed list or multiple lists of users. Your users can subscribe.
Introducing new web content management tools for Priority...
E-Portfolio Using sites.Google.com. Why Google? Easy to use Easy to share Accessible Permanent.
Objectives Moodle is an online learning environment where instructors & their students interact. In this workshop you will learn: 1.Configure system requirements.
Engaging networks can help you to grow your online community Outreach top 10.
1 of 6 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation.
Chapter 1 Getting Started With Dreamweaver. Explore the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Training for ESF Schools Website 7. NEWSLETTER. Training for ESF Schools Website Create Newsletter Issue 1 To create Newsletter Issue, click on ‘Create.
Make Your Site Do More: Using Plugins If you can think of it, there’s probably a plugin that does it* * And we probably already have it installed.
Distributing an imported HTML newsletter Prerequisites: 1. Basic HTML knowledge 2.An external HTML editor - requires external HTMTL editing program (e.g.
Salesforce.com Web to Leads. Unit Name Web to Leads A web to lead provides users the ability to gather information from their website visitors which automatically.
Session 3C Using the Advocacy Online system Presenters: Emma Howlett Marketing Communications Manager Amy Greenfield Online marketing coordinator.
Google Calendar “How To” Brought to you by: A Virtual World LLC
ADVANCED CONCEPTS IN GOOGLE CALENDAR Advanced Session By Information Technology Services itservices.uncc.edu.
Welcome to Google Calendar Training. Google Calendar Features Add Events Invitations Calendar Sharing Search for Events Gmail Integration Mobile Access.
Send, Updates, Promotions, Announcements, And More. Reach your customers instantly … …by learning how to send an HTML newsletter.
Review of last session The Weebly Dashboard The Weebly Dashboard Controls your account and your sites Controls your account and your sites From here you.
1 New : Create your own message starting from scratch 2 New From Template: add professionally designed templates provided exclusively by Gorilla Contact.
A detailed guide on how to set-up your printing storefront. Please Note: Storefronts are compatible with all browsers, however for optimal use of the admin.
A guide for UICET for using Wikispaces.  A wiki is a web page or collection of web pages that can be linked together as a website.  Wikis are often.
BRIDGE COURSE of INFORMATION & COMMUNICATION TECHNOLOGY
Go to the MTSD Home Page In the URL add “/admin”
CMS I – BASIC WEB EDITING INTRODUCTION TO THE CMS Presented By: Rodneikka Scott, MS – Implementation Project Manager Lila Elliott, MA – Manager Client.
Creating Effective School and PTA Websites Sam Farnsworth Utah PTA Technology Specialist
In addition to Word, Excel, PowerPoint, and Access, Microsoft Office® 2013 includes additional applications, including Outlook, OneNote, and Office Web.
PUBLISHING ONLINE Chapter 2. Overview Blogs and wikis are two Web 2.0 tools that allow users to publish content online Blogs function as online journals.
Moodle (Course Management Systems). Forums, Chats, and Messaging.
HTML207 HTML e-Newsletter Donna Carnduff Susannah Finley.
Website Editing From Gingerweb. Re-size your image first Before you start with adding an image to your site it must be resized to suit your page. An image.
Teacher Websites Laura Wheeler Ridgemont High School misswheeler.pbworks.com photographybylaurawheeler.weebly.com.
Introducing HingX now with Capacity Development Network.
Product Slides Mary Manzano Team Lead, Enterprise Sales Orange & Bronze Software Labs.
Wikispaces in Education Tutorial Fatema Kashoob Nawal ALKathiri
HTML207 HTML e-Newsletter Donna Carnduff Susannah Finley.
Liam Beresford Group: C Digital Communication Liam Beresford Group: C.
HTML207 HTML e-Newsletter Donna Carnduff Susannah Finley.
12/14/20151 Uniquescriptz Backend Support Document Ver 2.0.
HTML207 HTML e-Newsletter Donna Carnduff Susannah Finley.
Internet Safety and Productivity Tips Presented by ITS Kerri Sorenson and Sean Hernandez December 11, 8:30-9:00 am.
COM: 111 Introduction to Computer Applications Department of Information & Communication Technology Panayiotis Christodoulou.
Creating Web Pages with Links, Images, and Embedded Style Sheets
| | MARKETING and MARKETING AUTOMATION for Microsoft Dynamics CRM.
Sitecore Basic Training Content Management System (CMS) University Communications Web Services
1. Begin Quick Start 2. Administration 3. Good to Know 4. Slightly Technical 5. User Experience 6. You are ready to go !
OneDrive for Home. Office 365 and OneDrive: Services available to staff for home use.
Transfer Contacts from iPhone to Android From:
TechKnowlogy Conference August 2, 2011 Using GoogleDocs for Collaboration.
Web Content And Customer Relationship Management Solution. Transforming web sites into a customer-focused, revenue generating channel with less stress.
How to fix Netflix Signing In Issues? For More Details Visit Our Website
What is New with the Website?
File Management in the Cloud
 Gmail is a free webmail service, developed by Google.  Gmail also supports advertising.  Users can access Gmail on the desktop, laptop or through.
Weebly Elements, Continued
Blogging What, Why and How? Ask the Experts Online 17th July, 2007
ΑΓΓ66 Creating a wiki Contact Session 3
HOW TO CREATE YOUR LISTING
Fix yahoo error code 1032 Call Toll-free Number
Gmail Settings
How To Use As Another Account On Gmail
Setup: Chrome tabs: Canvas > Dashboard
Anniston City Schools Gmail Setup on Your Smartphone
Tips for Importing into Another Gmail Account | GMAIL CUSTOMER SERVICE NUMBER
How to Check Your Gmail Account with the Google Toolbar? | Gmail Account Activation Number
Presentation transcript:

Easy Responsive Design for s and Pages in Salsa

Communications Workers of America CWA represents 700,000 workers in private and public sector employment in the United States, Canada and Puerto Rico in the following fields. Telecommunications & Information Technology | Airline Industry | News Media | Broadcast & Cable Television | Education | Health Care & Public Service | Law Enforcement | Manufacturing | Other Building a Movement to take on corporate power and restore our democracy.

CWA Recipients mobile users over 50%

CWA - Top 10 Clients July 17, 2014 eNewsletter Readers 1. Apple iPhone31% 2. Gmail13% 3. Apple iPad12% 4. Yahoo! Mail8% 5. Outlook7% 6. Google Android7% 7. Web version6% 8. Outlook.com6% 9. Apple Mail5% 10. Windows Live Mail2%

CWA 1. Apple iPhone31% 2. Gmail13% 3. Apple iPad12% 4. Yahoo! Mail8% 5. Outlook7% 6. Google Android7% 7. Web version6% 8. Outlook.com6% 9. Apple Mail5% 10. Windows Live Mail 2%

Gmail via Firefox iPhone 5

iPad Retina Android 2.3

Yahoo Mail (Chrome) Android 4.2

Template Foundation

Add Class to Image Add it in the HTML (Source code): Or, use the WYSIWYG editor: 1.Click the insert image icon 2.Click on the Advanced tab 3.Add the word full or half to the Stylesheet Classes field. Note: if it’s an image that is less than 320px wide, you don’t need to give it a class.

Template: Make It Yours 1.Add banner image – Optional: add link to website 2.Edit the place-holder content 3.Edit the footer contact information 4.Upload social image icons to your Salsa chapter and link to them 5.Edit the social links 6.Edit the disclaimer and unsubscribe info.

Note about Simple Tool The inline CSS is entered into the content of any blast that uses this template. If you have any users that use Salsa’s Simple tool, you need to remove the Inline CSS from the template. Explanation: The simple tool automatically generates the text version of an , so the text version would list the css with the content of the message.

Website Usage (cwa-union.org) mobile/tablet users over 36% iPhone/iPad accounts for over 56% of mobile use

Page Template: Make It Yours 1.Add banner image – Optional: add link to website 2.Edit the footer

Have fun files.cwa-union.org/salsa cwa-union.org