913.888.0772 | imodules.com Building Time-Saving Email Templates Presented by Chris Smith, Design Services Team Lead.

Slides:

Advertisements

Similar presentations

MS® PowerPoint.

Advertisements

KompoZer. This is what KompoZer will look like with a blank document open. As you can see, there are a lot of icons for beginning users. But don't be.

MIS 425 Lecture 2 – HTML Navigation, Colors, tables and Styles Instructor: Martin Neuhard

RESEARCH POSTER PRESENTATION DESIGN © (—THIS SIDEBAR DOES NOT PRINT—) DESIGN GUIDE This PowerPoint 2007 template produces.

Information Technology in Travel, Hospitality and Tourism

Site Modules > Page Builder Access the Page Builder module through the Site Modules top navigation link. Access Page Builder from the Site Modules navigation.

1 ADVANCED MICROSOFT POWERPOINT Lesson 5 – Using Advanced Text Features Microsoft Office 2003: Advanced.

A02 Creating my website NAME ______________. UNIT 2 – A02 – Creating my Website The purpose of this assessment objective is to create 5 web pages containing.

| imodules.com Building Time-Saving Templates Presented by Chris Smith, Design Services Team Lead.

BY: SAVEY CATHEY BEST MARKETING DESIGN PRACTICES: HOW TO.

With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)

HTML Tables. Start of page where we want to place a table.

Newsletters Getting Started These training materials have been prepared by Aspiration.

Creating Effective School and PTA Websites Sam Farnsworth Utah PTA Technology Appointee

Website design Feng Zhao College of Educatioin California State University, Northridge.

HTML & CSS A brief introduction. OUTLINE 1.What is HTML? 2.What is CSS? 3.How are they used together? 4.Troubleshooting/Common problems 5.More resources.

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.

Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.

Using Dreamweaver. Slide 1 Dreamweaver has 2 screens that do different things The Document window where you create your WebPages The Site window where.

CITY UNIVERSITY / Vysoká Škola Manažmentu.:MG Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 1 1.Open FrontPage – View -> Page 2.Open.

Class 3 – Creating Lists In this lesson, you will learn to use HTML to organize your text into lists.

MIS 201 Web Design. Website Planning Before even considering the practical aspects of creating a website, there are some important fundamental questions.

Creating your Webpage with tables. This is a 2 column by 1 row table!

| imodules.com Making Your Site Mobile-Ready Presented by Chris Smith and Mark Werner.

Creating Effective School and PTA Websites Sam Farnsworth Utah PTA Technology Specialist

Using FrontPage Express. Slide 1 Standard toolbars and menus Time indicator: gives an approximation of download time of the page.

Schoolwires 101 Frequently used “shortcut key” within the editor. ~Created by, Shannon Conley.

DREAMWEAVER Adding photos and other tips!. Making photo gallery  Gather ALL the photos you need into your images folder. (remember to copy the URL so.

Website Development with Dreamweaver

Font change in Word Font change in Excel 1. Click on Font Face and choose Tsuig_04 2. Click on Font Size and choose 28 pt 3. Press Shift+Alt to turn on.

 Word doc for you to download › Link at the beginning of class › 10 Questions › Answers to be added inline  Post to Sakai when completed › No resubmits.

 Remember that HTML is just text  Need to point to pictures  Use the img tag  alt: › screen reader › REQUIRED for this class and to validate.

Dreamweaver MX. 2 Overview of Templates n Templates represent a web page design or _______ that will be common to multiple pages. n There are two situations.

Business Documents with Word

® IBM Software Group © 2006 IBM Corporation “Essential” HTML Tags and Page Development Techniques This Learning Module describes the standard HTML tags.

Html Tables Basic Table Markup. How Tables are Used For Data Display Tables were originally designed to display and organize tabular data (charts, statistics,

| imodules.com Best Practices in Content Management Craig Juneau / Web Designer.

4 Chapter Four Introduction to HTML. 4 Chapter Objectives Learn basic HTML commands Discover how to display graphic image objects in Web pages Create.

© 2008 The McGraw-Hill Companies, Inc. All rights reserved. WORD 2007 M I C R O S O F T ® THE PROFESSIONAL APPROACH S E R I E S Lesson 15 Advanced Tables.

| imodules.com Best Practices in Content Management Craig Juneau / Web Designer.

HTML— More Tags, Formatting, and Lists. Formatting Tags  Bold  Italics  Underline  Big text  Small text  Subscript (H 2 O)  Superscript (10 3 )

DotNetNuke Workshop Presented by: Sara Sharick. Topics What is DotNetNuke Components Requesting a DDN Site Creating Pages Modules Adding Content Document.

CHAPTER 5 Working with Data Tables and Inline Frames.

Who Wants to be a Millionaire? LIFELINES 1.50/50 2.Poll the audience 3.Ask Another Student.

Key Applications Module Lesson 17 — Organizing Worksheets Computer Literacy BASICS.

| imodules.com HTML Best Practices: The Key to a Successful Starts with the Template Presented by Chris Smith, Manager of Design.

CSE 409 – Advanced Internet Technology Today you will learn  Styles  Themes  Master Pages Themes and Master Pages.

Module ESSENTIALSBEYOND THE ESSENTIALS © 2012 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly.

Computer Literacy for IC 3 Unit 2: Using Productivity Software Chapter 4: Importing Text and Formatting a Newsletter © 2010 Pearson Education, Inc. | Publishing.

Guidelines for PowerPoint

Building a Web Page. Create A New Folder  Right click on the desktop and select New / Folder  Name the folder playpen.

1 Preparation for site Create a folder in MyDocuments: beavercheese. Create a subfolder, images Classes, career, DW beginner Download.

| imodules.com How to Use Encompass like an iModules Designer Presented by Craig Juneau, Erin Messel & John Stringer iModules Design Team.

 Add one element at a time  If it doesn’t do what you want, › Delete it › DON’T just keep piling on more items.

| imodules.com It’s a Mobile World Out There, Shouldn’t Your be as Well? Presented by Chris Smith, Manager of Design Services.

Use Colors From the Established Palette

Create and edit web pages 4

Page Design in Canvas.

Key Applications Module Lesson 17 — Organizing Worksheets

With Microsoft FrontPage 2000

How to Make a Simple Poster in Adobe Photoshop CS4

Positioning Objects with CSS and Tables

Making Your Site Mobile-Ready

Fixed Positioning.

Word: Layout & Pagination Participation Project

Using FrontPage Express

Microsoft Publisher 2016.

A02 Creating my website NAME ______________.

Positioning Objects with CSS and Tables

Powerpoint Widescreen Updated 4/1/2019.

Presentation transcript:

| imodules.com Building Time-Saving Templates Presented by Chris Smith, Design Services Team Lead

Exactly what makes an template time-saving? – It’s flexible enough to add, subtract or reposition items of importance – Any admin can manage the content – The styling is all in the template – If you’re thinking mobile, think simple & one column (at first)

Flexibility is all in the design – The number of articles can easily be adjusted – Column content can be easily repositioned – News items must be added by 3’s – Adding events would cause awkward white space – Content position is locked in place

Tame those “wild” admins by using the News Module – Create a newsletter specific News Listing Type – Create a hidden Newsletter Admin page in your sitemap and go to that page – Drop the News Module that utilizes the newsletter listing type on this admin page

Tame those “wild” admins by using the News Module – Turn on Content Builder – Edit the News Module pattern to show thumbnail images

Tame those “wild” admins by using the News Module – Save the default options for the Manage Calendar / Listing step to advance to the Listing Format step – Select the Edit checkbox and choose Next – Select the HTML view

Tame those “wild” admins by using the News Module Paste the code below as your listing format and choose Next to advance through the rest of the steps: [Link][Content Name][/Link] [Tool Icons] [Preview]

Tame those “wild” admins by using the News Module Was all that worth it? By patternizing the content in your template you’ve reduced the burden on the admin down to 3 things: Article Title Thumbnail Image Preview Text

Basic styling: Skin Builder setup tips Set a max width of 600 and units to px Set default styles as a backup Make sure all hex colors have the #

Stay calm, we’re going to talk about the HTML editor Why should I use the HTML editor? – You have better control over the layout and styling of content – You will reduce the amount of unnecessary markup – Troubleshooting issues will become much easier – You’ll never achieve consistency without it

Getting to know HTML Tables Why should I use tables? – Tables provide the best structure and reduce the risk of your template breaking – Styling is more consistent when driven by tables vs. header or paragraph tags – Tables override a lot of inconsistent formatting from different readers Things to think about – Tables cancel out most of the skin builder font styling – All styling must be handled inline – You can, and should, nest tables when necessary to achieve your desired layout. This can be overwhelming at first so stick to easier layouts while learning

Getting to know HTML Tables So what is an HTML Table? = HTML Table = Table Data or Table Cell = Table Row

Getting to know HTML Tables Remember the News Module?

[Title] [Preview Text] Getting to know HTML Tables Remember the News Module?

[Title] [Preview Text] Getting to know HTML Tables Remember the News Module?

[Title] [Preview Text] Getting to know HTML Tables Remember the News Module?

[Title] [Preview Text] Getting to know HTML Tables Remember the News Module?

[Title] [Preview Text] Getting to know HTML Tables Remember the News Module?

[Title] [Preview Text] Getting to know HTML Tables Remember the News Module?

So where do I get started? Must have resources for anyone interested in building tempaltes

| imodules.com Questions?