CAFEMOM MOBILE STYLE GUIDE
|
|
- Vivian Evans
- 6 years ago
- Views:
Transcription
1 AUGUST 13, 2012
2 COLORS d4e4a3 77a208 f5fce0 e7f2c5 ffcc66 a98130 f0e7d8 faf8ef cccccc 29b6bf c6e9ed ff6c64 d13e3e ffffff fbeeee
3 FONTS ASAP BOLD Arial Bold Arial Regular
4 PATTERN SPACERS Spacers come in 2 varieties on the mobile site. Either they are tall or tall It is a repeting pattern that goes behind individual modules dropshadows REPEATING PATTERN 9px
5 01 NAV BAR 01 NAV BAR LOGGED IN 01A NAV BAR NOT LOGGED IN ON HOMEPAGE 01B NAV BAR LOGGED IN BUT WITH NO USER NOTIFICATIONS 01C NAV BAR NOT LOGGED IN ON EVERY PAGE BUT HOME PAGE 01D NAV BAR FOR REGISTRATION PAGES ONLY
6 01 NAV BAR 50px 6px 23px 3px 11 40px 6px 79px default this is the expand point all menu items centered verticaly in box ASAP bold 1 Box #d4e4a3 copy #77a208 arial bold 14px 0em letter spacing box #ff6c64 copy #ffffff
7 01E NAV BAR DROP DOWNS MY STUFF
8 01E NAV BAR DROP DOWNS MY STUFF 26px Box & line #77z px 1 Box #f5fce0 18px Box #d4e4a3 for close buton as well buffer buffer buffer This nav bar should be 3 evenly distributed columns to the width of the phone but not matter what each columns of items should be indented 10 px from the edge of the column with a buffer for the font to wrap on each column arial bold 12px l14px line height 0em letter spacing copy 77a208 ASAP bold 13px copy #77a208 ASAP bold 1 Box #77a208 copy #ffffff arrow goes over the shadow ALWAYS
9 01F NAV BAR DROP DOWNS NOTIFICATIONS
10 01F NAV BAR DROP DOWNS NOTIFICATIONS 26px Box & line #77z px 1 Box #f5fce0 18px Box #d4e4a3 LINK buffer arial bold 12px 14px line height 0em letter spacing copy 77a208 buffer This nav bar should be 2 evenly distributed columns to the width of the phone but not matter what each columns of items should be indented 10 px from the edge of the column with a buffer for the font to wrap on each column WITH NUMBER 19px arial bold 14px 0em letter spacing box #ff6c64 copy #ffffff box #e7f2c5 30px 3px text centerd to pink box arial bold 14px 0em letter spacing box #77a208 copy #ffffff Arial bold 13px 0 em letter spacing Box #ff6c4 copy #ffffff ASAP bold 13px copy #77a208 arrow goes over the shadow ALWAYS NO NUMBER
11 01GNAV BAR DROP DOWNS MY MENU
12 01GNAV BAR DROP DOWNS MY MENU 26px Box & line #77z px 1 1 Box #d4e4a3 18px for close buton as well buffer buffer buffer This nav bar should be 3 evenly distributed columns to the width of the phone but not matter what each columns of items should be indented 10 px from the edge of the column with a buffer for the font to wrap on each column 10 LINK arial bold 12px 14px line height 0em letter spacing copy 77a208 ASAP bold 13px copy #77a208 ASAP bold 1 Box #77a208 copy #ffffff arrow goes over the shadow ALWAYS
13 01H NAV BAR DROP DOWNS SEARCH
14 01H NAV BAR DROP DOWNS SEARCH 26px Box & line #77z px Box #f5fce0 18px Box #d4e4a3 search box stretches full width for close buton as well arial bold 12px # buffer 20 SQUARE BUTTON ASAP bold 13px copy #77a208 Box #77a208 icon #f5fce0 arrow goes over the shadow ALWAYS
15 02 FOOTER
16 02 FOOTER 1 1 Box #f5fce0 12 COPY 09 LINK
17 03 WELCOME BAR 03 WELCOME BAR DEFAULT 03A WELCOME BAR LOGGED IN WITH THANKS 03B WELCOME BAR NOT LOGGED IN
18 03 WELCOME BAR DEFAULT Box #d4e4a3 drop shadow side shadow max width 60 picture shrinks to fit arial regular arial bold 12px 40px 0em letter spacing 14px line height copy #a em letter spacing copy # Box #ffcc66 this is the expand point WITH THANKS 12 COPY drop shadow Box #faf8ef PRELOG IN drop shadow 19 ARROW BUTTON 20 SQUARE BUTTON
19 04 NOTIFICATION BAR drop shadow arial bold 12px 14px line height 0em letter spacing copy # Box #ffcc66 drop shadow
20 05 MESSAGE INDICATOR drop shadow buffer buffer This nav bar should be 2 evenly distributed columns to the width of the phone but not matter what each columns of items should be indented 10 px from the edge of the column with a buffer for the font to wrap on each column 19px 30px Arial bold 13px 0 em letter spacing Box #ff6c4 copy #ffffff 19px 30px Arial bold 13px 0 em letter spacing Box #ffcc00 copy #a98130 arial bold 12px 14px line height 0em letter spacing copy #999999
21 06 MAIN HEADERS ASAP bold 24px 24 line height Box #29b6bf copy #ffffff SPONSOR LOGO AREA 120x50
22 07 SUBHEADER ASAP bold 17px 17line height Box #c6e9ed copy #29b6bf 08 THIRD LEVEL HEADER Zip Code Arial bold 14px 0em letter spacing 16 line height copy #29b6bf
23 09 TO 15 S 09 SMALL LINK arial regular 11px 12px line height 0em letter spacing #d4e4a3 10 LINK arial bold 12px 14px line height 0em letter spacing copy 77a FORM FIELD arial bold 12px 14px line height 0em letter spacing copy #ff6c64 12 COPY arial regular 12px 18px line height 0em letter spacing copy # FORM ERROR 14 INDICATOR TEXT arial bold 11px 12px line height 0em letter spacing #ff6c64 arial bold 11px 12px line height 0em letter spacing #aa8131 arial bold 11px 12px line height 0em letter spacing #ff6c64 NOTE: ALL INDICATOR TEXT SHOULD BE OFF SET TO CENTER WITH THE LINE OF TEXT THAT IT IS NEXT TO 15 IN NAVIGATION INDICATOR 19px 30px Arial bold 13px 0 em letter spacing Box #ff6c64 copy #ffffff box #e7f2c5 Arial bold 13px 0 em letter spacing Box #ffcc00 copy #a98130 NOTE: ALWAYS CENTER NUMBER VERTICALLY AND HORIZONTALLY
24 16 TO 20 S 16 IN PAGE INDICATOR 17 FORM FIELD ACTIVE INSTRUCTIONS 20 px 19px 7px voice bubble 18 LIST 1 30px Arial bold 13px 0 em letter spacing Box #f0e7d8 copy #ff6c4 1 Arial regular 12px line height 16px 0 em letter spacing Box #29b6bf copy #ffffff NOTE: ALWAYS CENTER NUMBER VERTICALLY AND HORIZONTALLY IN THE BOX LINK 20 SQUARE BUTTON 19 ARROW BUTTON 22 px ASAP bold 13px copy #77a208 box # d4e4a3 11px arrow 18px 18px 22 px 11px arrow 18px ASAP bold 13px copy #a98130 box # ffcc66 ASAP bold 13px copy #77a208 box # d4e4a3 ASAP bold 13px copy #ff6c64 box # fbeeee INACTIVE ASAP bold 13px copy #f5fce0 3px ASAP bold 13px copy # box #f0e7d8
25 21 IN PAGE EXPANDER 23px 3px ASAP bold 13px copy #77a208 box # d4e4a3
26 22 VERTICAL SLIDER
27 22 VERTICAL SLIDER ASAP bold 13px Box #77a208 copy #ffffff 23px 20 px to start of arrow 18 LIST 19 ARROW BUTTON 23px 23px 3px ASAP bold 13px copy #77a208 box # d4e4a3 arrow goes over the shadow ALWAYS
28 23 BREADCRUMB 29px 10 LINK Arial bold 18px 0 em letter spacing copy # NOTE arrow is not a > but is a like on the moms matter site and should be set to be 1px lower than the links so it lines up right
29 24 TAB NAVIGATION 23px 3px 20 px to start of arrow ASAP bold 13px copy #77a208 box # d4e4a3 ASAP bold 13px Box #77a208 copy #ffffff Box #f5fce0 arrow goes over the shadow ALWAYS
30 25 PULL DOWN NAVIGATION 4px 4px 26px 3px 30 px to start of arrow ASAP bold 13px Box #77a208 copy #ffffff 20 SQUARE BUTTON Box #f5fce0 arrow goes over the shadow ALWAYS
31 26 EXPANDER WITH MULTIPLE OPTIONS 28px 3px 3px 3px 3px 20 SQUARE BUTTON Box #f5fce0
32 27 EXPANDED MODULE ASAP bold 13px Box #77a208 copy #ffffff 28px 3px ASAP bold 13px copy #77a208 box # d4e4a3 18px 10 LINK 20 SQUARE BUTTON arrow goes over the shadow ALWAYS
33 28 ADMIN INDICATOR icon #fbeeee box # ff6c64 20 SQUARE BUTTON 29 ADMIN EXPANDED 20 SQUARE BUTTON copy #ffffff box #d13e3e 23px 3px 18px arrow goes over the shadow ALWAYS
34 30 PREVIOUS NEXT WITH POSITION INDICATOR 19 ARROW BUTTON Box #f5fce0 10 LINK arial regular 11px 12px line height 0em letter spacing #999999
35 31 PREVIOUS NEXT WITH BREADCRUMB 19 ARROW BUTTON Box #f5fce0 23 BREADCRUMB
36 32 HORIZONTAL SCROLLER Picture 134 x 81px Arial bold 14px line height 16px 0 em letter spacing copy # px 4px dot #77a208 active dot #faf8ef box # d4e4a3 16 IN PAGE INDICATOR 1 NOTE: DOTS CENTER VERTICALLY AND HORIZONTALLY IN BAR Arial bold 14px line height 16px 0 em letter spacing copy # COPY
37 33 LIST WITH PICTURES 14 INDICATOR TEXT Box #faf8ef Arial bold 14px line height 16px 0 em letter spacing copy #444444
38 34 LIST WITHOUT PICTURES Box #faf8ef 16 IN PAGE INDICATOR
39 35 POST
40 35 POST 26 EXPANDER WITH MULTIPLE OPTIONS
41 35 POST 12 COPY 09 SMALL LINK
42 36 REPLY
43 36 REPLY Box #faf8ef 26 EXPANDER WITH MULTIPLE OPTIONS 26 EXPANDER WITH MULTIPLE OPTIONS
44 36 REPLY 12 COPY 09 SMALL LINK 26 EXPANDER WITH MULTIPLE OPTIONS
45 37 MIDPAGE AD 50px
46 38 HOME SCREEN MODULE ASAP bold 14px line height 14px copy #ffffff CafeMom Mobile Text #ffcc66 Box #77a208 30px 100px 1 57 x 57 px icon with 1px stroke Box #d4e4a3 ASAP bold 13px copy #77a208 ASAP bold 14px line height 14px copy #77a208 Arial bold 14px line height 14px 0em letter spacing copy #444444
ASMP Website Design Specifications
Page 1 ASMP Website Design Specifications Page 2 All Pages 130 pixels (background = #ffffff) 100 pixels (background = #000000) Header Bar Use logo provided in PSD file. Match size and placement. AMERICAN
More informationUNSW Global Website Branding Guidelines. Website Brand Guidelines
Website Brand Guidelines I Contents 1 Introduction... 1 2 Website Structure... 1 2.1 Page structure overview... 1 2.2 Home page structure... 1 2.3 Secondary page structure... 4 3 Page elements... 6 3.1
More informationAdditional catalogs display. Customize text size and colors.
Collapsible Skin The collapsible skin option displays the catalogs and categories in a collapsible format enabling enhanced navigation on Qnet. Categories can be expanded to view all of the sub categories
More informationENGINEERING DATA HUB VISUAL DESIGN SPECIFICATIONS VERSION 3. Created: 2/10/2017
ENGINEERING DATA HUB VISUAL DESIGN SPECIFICATIONS VERSION 3 Created: 2/10/2017 Table of Contents ENGINEERING DATA HUB... 1 DESKTOP VIEW... 3 HEADER... 4 Logo... 5 Main Title... 6 User Menu... 7 Global
More informationKSB Online-Styleguide
KSB Online-Styleguide Guide Stand Version November August 204 203 Design guidelines for online presence 2 In addition to print media, KSB also has an online presence. This style guide documents the main
More informationProvider Application User Interface Guidelines. Page 1
Provider Application User Interface Guidelines Page 1 Typography The Provider application includes one typeface: Lato ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!@ $%^&*()-?/Æ Lato
More informationNielsen Answers User Interface Standards. Version 4.0 4/27/09
Nielsen Answers User Interface Standards Version 4.0 4/27/09 Contents How to Use This Guide Contents INTRODUCTION... 1 HOW TO USE THIS GUIDE... 1 CAN T FIND THE STANDARD YOU NEED?... 1 APPLICATION TYPES...
More informationCheckbox 5 - Style Guide
Checkbox 5 - Style Guide Survey Styles are style templates that can be applied to surveys and reports. This guide will show you how to create a new Survey Style and apply it (and other appearance configurations)
More informationGoogle Sites Training
The How to Dos of Google Sites Overview Page 1 Google Sites offers tremendous functionality to make collaborating and sharing information simple. This job aid provides the step-by-step instructions that
More informationLabels and Envelopes in Word 2013
Labels and Envelopes in Word 2013 Labels... 2 Labels - A Blank Page... 2 Selecting the Label Type... 2 Creating the Label Document... 2 Labels - A Page of the Same... 3 Printing to a Specific Label on
More informationRadioplayer. Style Guide Version 1.1. Radioplayer November 2010
Radioplayer Style Guide Version. Contents 00. Introduction Page 3 0. Core design Page 4 0. Use of logos Page 5 03. Background Page 8 04. Errors Page 9 05. Overlays Page 06. Controls Page 07. Fuctionality
More informationThe Newsletter will contain a Title for the newsletter, a regular border, columns, Page numbers, Header and Footer and two images.
Creating the Newsletter Overview: You will be creating a cover page and a newsletter. The Cover page will include Your Name, Your Teacher's Name, the Title of the Newsletter, the Date, Period Number, an
More informationFlash Info Cube. User Guide. Copyright 2006 Data Springs Inc. All rights reserved.
Flash Info Cube User Guide Copyright 2006 Data Springs Inc. All rights reserved. Table of contents: 1 INTRODUCTION...3 2 INSTALLATION PROCEDURE...4 3 ADDING FLASH INFO CUBE MODULE TO A PAGE...7 4 FLASH
More informationMcMaster Brand Standard for Websites
McMaster University s policy calls for all university websites to follow its brand standard. McMaster websites share common elements, presentation and behavior and a consistent design, enabling visitors
More informationInstallation and Activation of Foody pro theme
Installation and Activation of Foody pro theme Installation 1. Install Word Press from http://codex.wordpress.org/installing_wordpress. 2. Upload via Word press Admin: - Go to your WordPress admin panel,
More informationWEBSITE REDESIGN: STYLESHEET & MEASUREMENTS
WEBSITE REDESIGN: STYLESHEET & MEASUREMENTS WEB COLORS 1.0 PRIMARY COLOR PALETTE HEX #f0b323 HEX #d22730 HEX #004c97 HEX #00a9e0 HEX #059949 HEX #f45712 SECONDARY COLOR PALETTE HEX #f4c24f HEX #d84f57
More informationMICROSOFT ACADEMY WORD STUDY GUIDE FOR CERTIFICATION EXAM
MICROSOFT ACADEMY WORD STUDY GUIDE FOR CERTIFICATION EXAM SKILLS TO KNOW: 1. How to find a word and replace it with another word a. Home Tab b. Editing Group c. Select Find type in word in Navigation pane
More informationTo upgrade to ifeature Pro visit:
1 ifeature Free Documentation for ifeature v1.0.7 (last updated 4/26/2011) TABLE OF CONTENTS: Topic Page(s) Installing ifeature 2 Templates and Widgets 3 imenu 4 ifeature Settings 5 General Settings 6
More informationCreating a Newsletter
Chapter 7 Creating a Newsletter In this chapter, you will learn the following to World Class standards: Setting the Margins Changing the Font and Font Size Inserting a Table Inserting a Picture Adding
More informationWeb Development & Design Foundations with HTML5 & CSS3 Instructor Materials Chapter 2 Test Bank
Multiple Choice. Choose the best answer. 1. What tag pair is used to create a new paragraph? a. b. c. d. 2. What tag pair
More informationHIERARCHICAL ORGANIZATION
A clearly defined home page Navigation links to major site sections HIERARCHICAL ORGANIZATION Often used for commercial and corporate websites 1 Repetition DESIGN PRINCIPLES Repeat visual elements throughout
More informationSUGAR fx. Bubble Buddy User Manual
SUGAR fx Bubble Buddy User Manual Contents Contents Installation................................. 3 Bubble Buddy.............................. 4 Using Bubble Buddy....................... 5 Parameters................................
More informationproject / date / JANUARY 20, 2012
project / date / JANUARY 20, 2012 MONTREAT COLLEGE THIRD-PARTY WEBSITE STYLE GUIDE contents / 1 / GRAPHIC ELEMENTS OVERVIEW 2 / NAVIGATION TOP HEADER WITH NAV 3 / EXAMPLES PORTAL 4 / PHOTO TREATMENT PHOTOGRAPHY
More informationWhat is Publisher, anyway?
What is Publisher, anyway? Microsoft Publisher designed for users who need to create and personalize publications such as marketing materials, business stationery, signage, newsletters and other items
More informationDESIGNING A WEBSITE LAYOUT IN PHOTOSHOP CS4. Step 1
DESIGNING A WEBSITE LAYOUT IN PHOTOSHOP CS4 Step 1 We ll be using the 960s Grid System (download here) to keep everything aligned. Once you have it, open the included Photoshop document called: 960_grid_24_col.psd.
More informationSetting Up a Paper in APA Style Using Microsoft Word 2007
Setting Up a Paper in APA Style Using Microsoft Word 007 Open Microsoft Word 007. By default Word opens a new blank document. It is easiest if you create all of these settings before you begin your paper.
More informationExpression Design Lab Exercises
Expression Design Lab Exercises Creating Images with Expression Design 2 Beaches Around the World (Part 1: Beaches Around the World Series) Information in this document, including URL and other Internet
More informationQuick Reference Card Business Objects Toolbar Design Mode
Icon Description Open in a new window Pin/Unpin this tab Close this tab File Toolbar New create a new document Open Open a document Select a Folder Select a Document Select Open Save Click the button to
More informationReference Services Division Presents. Microsoft Word 2
Reference Services Division Presents Microsoft Word 2 Welcome to Word 2. This handout includes step-by-step instructions for each of the tasks we will be covering in class. Changes to Word 2007 There are
More informationPriceMaster UI Standards 1
SAMPLES DETAILS Font: Verdana Size: 11pt, bold, sharp Text Color: Black (#000000) Background: Gradient Image Font: Verdana Size: 10pt, bold, sharp Text Color: Black (#000000) Background: Gradient Image
More informationUsing CSS for page layout
Using CSS for page layout Advantages: Greater typographic control Style is separate from structure Potentially smaller documents Easier site maintenance Increased page layout control Increased accessibility
More informationWeb Style Guide. Version 2.0
Web Style Guide Version 2.0 Document Overview Reflecting Ryerson s new visual identity, Ryerson's Web Style Guide is a tool to create visual consistency and simplicity across all Ryerson websites. This
More informationAce Corporate Documentation
Ace Corporate Documentation Introduction Welcome To Ace Corporate! We would like to thank you for donwloading Ace Corporate, Business WordPress theme. It is the lite version of Ace Corporate Pro. Before
More informationWEBSITE PROJECT 2 PURPOSE: INSTRUCTIONS: REQUIREMENTS:
WEBSITE PROJECT 2 PURPOSE: The purpose of this project is to begin incorporating color, graphics, and other visual elements in your webpages by implementing the HTML5 and CSS3 code discussed in chapters
More informationUX Style Guide. Color palette MAIN COLORS
UX Style Guide 1 Color palette 1.1 MAIN COLORS 1.2 NEUTRAL COLORS 1.3 UTILITY COLORS 2 Icons 2.1 EXCEPTIONS 3 Typography 4 Content and Language 4.1 CAPITALIZATION & PUNCTUATION 4.2 DATA FORMATS 4.3 LANGUAGE
More information3. Centralize your title. To do this, click the Center button on the tab s paragraph group.
LESSON 1: BASIC WORD OBJECTIVES: In this lesson, you would learn how to deal with: a) Paragraphing b) Numbering c) Manipulating font d) Header and Footer e) Footnote 1. Open the Word Practice 1.doc file.
More informationReference Services Division Presents. Microsoft Word 2
Reference Services Division Presents Microsoft Word 2 This handout covers the latest Microsoft Word 2010. This handout includes instructions for the tasks we will be covering in class. Basic Tasks Review
More informationQantas Mobile Style Guide. Last updated on 22/11/2010 by Gabriel Santos
Qantas Mobile Style Guide Last updated on 22/11/2010 by Gabriel Santos Table of Contents Page Structure... 3 Header... 3 Footer... 4 Page Elements... 5 Text... 5 Errors and Alerts... 8 Lists... 9 Tabs...
More informationCreate and edit word processing. Pages.
Create and edit word processing documents with Pages. In this chapter, we begin to get work done on the ipad by using Pages to create and format documents. Creating a New Document Styling and Formatting
More informationUnit D Lecture Notes Word 2003
Unit D Lecture Notes Word 2003 Objectives: In this project you will learn: Set document margins Divide a document into sections Insert page breaks Insert page numbers Add headers and footers Edit headers
More informationbutton Double-click any tab on the Ribbon to minimize it. To expand, click the Expand the Ribbon button
PROCEDURES LESSON 1: CREATING WD DOCUMENTS WITH HEADERS AND FOOTERS Starting Word 1 Click the Start button 2 Click All Programs 3 Click the Microsoft Office folder icon 4 Click Microsoft Word 2010 1 Click
More informationCONSUMER CART STYLE GUIDE V2.1
CONSUMER CART STYLE GUIDE V2.1 TABLE OF CONTENTS Price Points, Package Description Text, Interactive Elements ABOUT General GUI Typography, Icons, General Specifications... 2 Package Cards Price points,
More informationNews Ticker. User Guide
News Ticker User Guide Table of contents: 1 INTRODUCTION...3 2 INSTALLATION PROCEDURE...4 3 ADDING NEWS TICKER MODULE TO A PAGE...8 4 NEWS TICKER MAIN MENU...9 5 MANAGING NEWS ITEMS...11 5.1 Adding a news
More informationSacred Heart Nativity
August 2016 Sacred Heart Nativity http://www.shnativity.org Credentials Wordpress Admin Login URL: http://www.shnativity.org/wp-login.php login = sarriola@shnativity.org pw = sent via system email Login
More informationAURUM Metro Navigation
AURUM Metro Navigation End User Document Version 1.0 Oct 2016 Table of Contents 1. Introduction... 3 2. Initialization... 4 2.1 Create Metro Navigation List... 4 2.1.1 Adding the Metro Navigation Web part...
More informationIntermediate Microsoft Office 2016: Word
Intermediate Microsoft Office 2016: Word Updated January 2017 Price: $1.20 Lesson 1: Setting Margins A margin is the distance from the text to the paper s edge. The default setting is 1 all around the
More informationCompany Design Specifications
Company Design Specifications File saving 1. Files should be saved in the appropriate folder in the CLE space for our team (i.e. templates in the template folder, etc.). 2. Files should be named such that
More informationMeijer.com Style Guide
TABLE OF CONTENTS Meijer.com Style Guide John Green Information Architect November 14, 2011 1. LAYOUT... 2 1.1 PAGE LAYOUT... 2 1.1.1 Header... 2 1.1.2 Body / Content Area... 3 1.1.2.1 Top-Level Category
More informationWeb Site Design and Development Lecture 6
Web Site Design and Development Lecture 6 CS 0134 Fall 2018 Tues and Thurs 1:00 2:15PM Inheritance Before we talk about font properties, it needs to be known that font properties are inherited by the descendants
More informationTLMC SHORT CLASS: THESIS FORMATTING
Table of Contents Introduction... 2 Getting Help... 2 Tips... 2 Working with Styles... 3 Applying a Style... 3 Creating A New Style... 3 Setting Margins... 4 Adding Page Numbers... 5 Step 1: Using Sections
More information- Is the process of combining texts and graphics layout to produce publications e.g. cards,
DESKTOP PUBLISHING (DTP) - Is the process of combining texts and graphics layout to produce publications e.g. cards, newspapers, catalogues etc. - A special DTP software is always used. PURPOSE OF DTP
More informationCreating a Special PowerPoint Title Slide Using WordArt
Creating a Special PowerPoint Title Slide Using WordArt 1. Open a new slideshow and delete the topic and content textboxes 2. Click on the Insert tab and click on the WordArt tool icon. (Suggestion: start
More informationGO! with Microsoft PowerPoint 2016 Comprehensive
GO! with Microsoft PowerPoint 2016 Comprehensive First Edition Chapter 1 Getting Started with Microsoft PowerPoint Learning Objectives Create a New Presentation Edit a Presentation in Normal View Add Pictures
More informationExploring Microsoft Office Word 2007
Exploring Microsoft Office Word 2007 Chapter 3: Enhancing a Document Robert Grauer, Keith Mulbery, Michelle Hulett Objectives Insert a table Format a table Sort and apply formulas to table data Convert
More informationMoore Stephens digital guidelines
Moore Stephens International PRECISE. PROVEN. PERFORMANCE. Contents Introduction 1 Typography 2 Colour palette 3 Logo and mast 4 Buttons, icons & tags 5 Images 7 Navigation 8 Rolling banner 10 Widgets
More informationMultimedia web page Board
Page where the users have a space (board) to create their own compositions with graphics and texts previously inserted by the author; furthermore, the users will be able to write their own texts: Multimedia
More informationFormatting and Editing Skills. Apply formatting and editing features and operational keys appropriately.
Formatting and Editing Skills Apply formatting and editing features and operational keys appropriately. Word Processing Word processing software is a type of application software that is used for creating
More informationWeb Development and Design Foundations with HTML5 8th Edition
Web Development and Design Foundations with HTML5 8th Edition Felke-Morris TEST BANK Full clear download (no formatting errors) at: Web Development and Design Foundations with HTML5 8th Edition Felke-Morris
More informationComputer Technology Study Guide for Final Exam
Name Computer Technology Study Guide for Final Exam Multiple Choice Identify the choice that best completes the statement or answers the question. 1. Which of the following is NOT shown in the figure above?
More informationIn this section you will learn some simple data entry, editing, formatting techniques and some simple formulae. Contents
In this section you will learn some simple data entry, editing, formatting techniques and some simple formulae. Contents Section Topic Sub-topic Pages Section 2 Spreadsheets Layout and Design S2: 2 3 Formulae
More informationFIFA.com Graphic Guidelines
FIFA.com Graphic Guidelines issue #1 2008 Copyright 1994-2008 FIFA. All rights reserved. www.fifa.com Contents FIFA.com Graphic Guidelines Pages Layout Slicing General Color Code Picture Sizes Font Slot
More informationGrade: 7 Lesson name: Creating a School News Letter Microsoft Word 2007
Grade: 7 Lesson name: Creating a School News Letter Microsoft Word 2007 1. Open Microsoft Word 2007. Word will start up as a blank document. 2. Change the margins by clicking the Page Layout tab and clicking
More informationlimelightplatform.com
1 limelightplatform.com Introduction: Email Template Overview: This document is an example of an email template. It contains the different sections that could be included. Email templates provide a layout.
More informationContents. Copyright 2016 CMS e-learning Department. All Rights Reserved For more handouts visit:
MS- WORD Handout: Level 2 elearning Department 2016 Contents MS-WORD... 3 1.1 Interface... 3 1.2 Create and Save Documents... 3 1.2.1 Save As and Save option:... 3 1.3 Home Tab:... 4 1.4 Editing text on
More informationShortcodes. Design a new short codes flow that eases the support team from hand-holding customers throughout the 8-week process.
Shortcodes Design a new short codes flow that eases the support team from hand-holding customers throughout the 8-week process. This design led to Twilio selling over 80% of the short codes in the United
More informationMs excel. The Microsoft Office Button. The Quick Access Toolbar
Ms excel MS Excel is electronic spreadsheet software. In This software we can do any type of Calculation & inserting any table, data and making chart and graphs etc. the File of excel is called workbook.
More informationifeature Pro Documentation for ifeature v1.1.2 (last updated 5/04/2011)
1 ifeature Pro Documentation for ifeature v1.1.2 (last updated 5/04/2011) TABLE OF CONTENTS: if Topic Page(s) Installing ifeature Pro 2 Updating ifeature Pro 3 Using the Menu 4 ifeature Pro Layout Templates
More informationHow to Create a Google Sites Website
How to Create a Google Sites Website * Google Sites must be built and maintained in either Google Chrome or Firefox. Google Sites is not supported by Internet Explorer. Let s get started! Go to google.com
More informationBasics of Web Design, 3 rd Edition Instructor Materials Chapter 2 Test Bank
Multiple Choice. Choose the best answer. 1. What element is used to configure a new paragraph? a. new b. paragraph c. p d. div 2. What element is used to create the largest heading? a. h1 b. h9 c. head
More informationINFORMATION TECHNOLOGY
INFORMATION TECHNOLOGY PowerPoint Presentation Section Two: Formatting, Editing & Printing Section Two: Formatting, Editing & Printing By the end of this section you will be able to: Insert, Edit and Delete
More informationComputer Nashua Public Library Introduction to Microsoft Word 2010
Microsoft Word is a word processing program you can use to write letters, resumes, reports, and more. Anything you can create with a typewriter, you can create with Word. You can make your documents more
More informationEventsNow. Getting Started Guide
EventsNow Getting Started Guide Contents Creating Your First Event... 3 Name Your Event... 3 Add an Event Contact... 3 Add Event Details... 5 Upload Your Logo/Image... 6 Add Tickets... 6 Add Donations...
More informationWordPress CMS How To Guide
TABLE OF CONTENTS CREATE AN EVENT POST... 1 THE FEATURED AREA Change the Order of the Featured Events... 3 Switch to a Full- Width Slider... 3 STATIC CONTENT Edit a Page... 3 Edit the Footer... 3 WordPress
More informationWELCOME TO ALL-TECH SYSTEMS & CO INTRODUCTION TO MICROSOFT WORD TUTORIAL
WELCOME TO ALL-TECH SYSTEMS & CO INTRODUCTION TO MICROSOFT WORD TUTORIAL 1 Microsoft Office Word 2010 allows you to create and edit personal and business documents, such as letters, reports, invoices,
More informationCascade V8.4 Website Content Management for the Site Manager UMSL
Cascade V8.4 Website Content Management for the Site Manager UMSL Contents Purpose & How to Use This Guide... 5 Getting Started and Logging In... 5 Login... 5 Dashboard... 5 Notifications... 5 Setting
More informationICT IGCSE Practical Revision Presentation Word Processing
Page Layout Header & Footer Font Styles Image wrapping List Styles Indentation & Spacing Find & Replace Create/Format Table Common Mistakes Orphan & Widows Completed Example Mail Merge Page Layout (Size
More informationWelcome to The Nova Scotia Government. Website Template
Welcome to The Nova Scotia Government Website Template Why a new web template? The new Nova Scotia Government website template is designed to help you maintain or create your government web pages. If right
More informationTABLE OF CONTENTS. i Excel 2016 Basic
i TABLE OF CONTENTS TABLE OF CONTENTS I PREFACE VII 1 INTRODUCING EXCEL 1 1.1 Starting Excel 1 Starting Excel using the Start button in Windows 1 1.2 Screen components 2 Tooltips 3 Title bar 4 Window buttons
More informationPART 7. Formatting Pages
PART 7 Formatting Pages In the preceding part, you learned how to format characters and paragraphs. In this part, you learn how to apply formatting that affects entire pages. You ll start with changing
More informationFormatting documents in Microsoft Word Using a Windows Operating System
Formatting documents in Microsoft Word Using a Windows Operating System 2017-07-20 Research & Scholarship, McLaughlin Library University of Guelph 50 Stone Road East Guelph, Ontario N1G 2W1 2 Contents
More informationInDesign Tools Overview
InDesign Tools Overview REFERENCE If your palettes aren t visible you can activate them by selecting: Window > Tools Transform Color Tool Box A Use the selection tool to select, move, and resize objects.
More informationCLASS 9 Chapter 7 Word Processing Tool: OpenOffice Writer
CLASS 9 Chapter 7 Word Processing Tool: OpenOffice Writer I. Word Search Find and circle ten terms related to this chapter. II. Who am I? Q K A R W E T Y U M I D S Z S S U E O V B N A A K T Y A U N P N
More informationUsing Styles In Microsoft Word 2002
INFORMATION SYSTEMS SERVICES Using Styles In Microsoft Word 2002 This document contains a series of exercises in the use of styles in the Microsoft Word 2002 word processing software. AUTHOR: Information
More informationHow to create a letter in Crystal
How to create a letter in Crystal Step 1. Open up Crystal. Step 2. Go to the records (EMR) page. Step 3. On the right hand of the page. Click the button Letter Step 4. Within the letter page that shows
More informationPublisher 2010 Foundation. Publisher 2010 Foundation Level SAMPLE
Publisher 2010 Foundation Publisher 2010 Foundation Level Microsoft Publisher 2010 Foundation - Page 2 1995-2012 Cheltenham Courseware Pty. Ltd. All trademarks acknowledged. E&OE. No part of this document
More informationWhen you complete this chapter, you will be able to:
Page Layouts CHAPTER 7 When you complete this chapter, you will be able to: Understand the normal fl ow of elements Use the division element to create content containers Create fl oating layouts Build
More informationSHADOWS READYTHEME CUSTOMIZATION
SHADOWS READYTHEME CUSTOMIZATION March 2018 Installing the Shadows ReadyTheme These instructions are for installing the Shadows ReadyTheme to a brand new store. If you have an existing store, please contact
More informationLab 2: Movie Review. overview.png background.png rottenbig.png rbg.png fresh.gif rotten.gif critic.gif
EDUCATIONAL GOALS Lab 2: Movie Review By the end of this lab, the student should be able to: Use Notepad++. Organize website contents. Use the basic of CSS and HTML for layout, positioning, and the CSS
More informationMicrosoft Word 2010 Lesson Plan
Microsoft Word 2010 Lesson Plan Objective: This class is a brief introduction to Word 2010. It consists of 2 one and one-half hour sessions. By the end of this class you should be able to create a simple
More informationBrand Central. User Guide. Polycom, Inc. All rights reserved.
Brand Central User Guide Polycom, Inc. All rights reserved. In This Guide This user guide is designed to walk you through the basic functionality of the new Brand Central. Topics include: Searching for
More informationCORPORATE BRAND GUIDELINES
CORPORATE BRAND GUIDELINES Brief recommendations for maintaining Positive Technologies visual identity in print and web media Contents 2 Logo 3 Logo comfort zone 4 Permissible styling option 5 Logo contrast
More informationGeneral: All cells have this format by default. Numbers display as typed except that leading and trailing zeroes are deleted becomes 12.
Home Ribbon: Formatting Tools Dialog Box Launcher: Click this symbol to open old-style dialog box giving additional options Allow text to appear on multiple lines in a cell Number Format box: Click here
More informationVISA/APCO/STAC 2P61 WEBSITE CREATION Fall Term 2012
VISA/APCO/STAC 2P61 WEBSITE CREATION Fall Term 2012 CSS 4 TWO COLUMN LAYOUT MORE ON DIVS Last week: Applied margins borders and padding and calculating the size of elements using box model. Wrote CSS shorthand
More information5. When the Plugin Installed Successfully message appears, click Activate Plugin. You re all set, so let s get started with your first recipe post.
ZipList Recipe Plugin: Getting Started It s easy to get started with the ZipList Recipe Plugin. Simply install the free WordPress plugin and then we ll walk through how to use this helpful tool below.
More informationLesson 4 Page Styles
Lesson 4 Page Styles The Concept of Styles: Styles: In the context of LibreOffice Writer, Styles refers to the characteristics of a part of a document. For example, a Page Style includes information about
More informationMi c r o s o f t Wo r d Qu i c k Re f e r e n c e Ca r d
Tech Talk # 5 Mi c r o s o f t Wo r d Qu i c k Re f e r e n c e Ca r d Introduction by Renae Schmidt Hello! Welcome to Tech Talk #5. This week we are sharing a Microsoft Word 2010 Quick Reference Card.
More informationShop by Brand. Magento Extension User Guide. Here you will find the latest Shop by Brand user guide version *
Shop by Brand Magento Extension User Guide Here you will find the latest Shop by Brand user guide version * * This user guide was created 22.11.2016 Page 1 Table of contents: 1. General Settings.....3
More informationAASHTO Materials Standard Template Users Guide
AASHTO Materials Standard Template Users Guide Prepared for: National Cooperative Highway Research Program Transportation Research Board 2101 Constitution Avenue N.W. Washington, DC 20418 Prepared by:
More information-Using Excel- *The columns are marked by letters, the rows by numbers. For example, A1 designates row A, column 1.
-Using Excel- Note: The version of Excel that you are using might vary slightly from this handout. This is for Office 2004 (Mac). If you are using a different version, while things may look slightly different,
More informationWord Tutorial 3. Creating a Multiple- Page Report COMPREHENSIVE
Word Tutorial 3 Creating a Multiple- Page Report COMPREHENSIVE Objectives Format headings with Quick Styles Insert a manual page break Create and edit a table Sort rows in a table Modify a table s structure
More information