FIFA.com Graphic Guidelines
|
|
- Audra Dixon
- 5 years ago
- Views:
Transcription
1 FIFA.com Graphic Guidelines issue # Copyright FIFA. All rights reserved.
2 Contents FIFA.com Graphic Guidelines Pages Layout Slicing General Color Code Picture Sizes Font Slot Html Design Elements SubSections Navigation Main Navigation / Main Content Design elements 2
3 72 62 Page Layout Home Page and Key Pages layout GRAPHIC LAYOUTS Dimension: Slot 3/3 760 pixel 1/2 377 pixel 1/3 20 pixel 2/3 0 pixel Ex 210 pixel (back) ExSlot 200 pixel (Content) Spacing between slot White Sheet pixel 98 pixel (for all orizzontal spacing between slot) 20 0 (for all vertical spacing between slot) (for left and right margin) 98 (white sheet) 3
4 GRAPHIC LAYOUTS Page Layout 02 Tournament pages Dimension: Slot 3/3 61 pixel 1/2 30 pixel 1/3 202 pixel and 201 central 2/3 409 pixel Ex 210 pixel (back) ExSlot 200 pixel (Content) Menu Nav Spacing between slot White Sheet 140 pixel pixel 98 pixel 30 (for all orizzontal spacing between slot) (for all vertical spacing between slot) 409 (for left and right margin) 4
5 Main Header (always on top) GRAPHIC LAYOUTS Main Navigation Header and Main Navigation Section Header Association Header (example) Tournaments Header Interactive World Cup Tournament Section Header Special Section could allow different header and main navigation (for ex. Fifa Interactive WC)
6 Slot Extra Content GRAPHIC LAYOUTS Main Content Slot and Application HP News Module VIDEO/PHOTO APPLICATION NEWS READER FLASH APPLICATION NEWS HIGHLIGHTS ABOUT FIFA SECTION TOURNAMENT FLASH APPLICATION NEWS HIGHLIGHTS MEDIA INFORMATION SECTION 6
7 7 px (only for headers and tournament bottom) GRAPHIC LAYOUTS Design elements graphics designign Corner Rounded Header rounded = 7px Slot rounded = px px (Title Slot, Banners, bottom, all other graphics elements) 7 px px 7
8 Title header ( background image ) Main Slot 18 GRAPHIC LAYOUTS Slicing Main Slot and Extra Content slot Body (html) footer ( background image ) 20 header (bg image) header Title Slot(bg image) Extra Content Slot 18 Body (html) footer (bg img) 20 footer sponsor(bg img) 8
9 GRAPHIC LAYOUTS General Color Code M2 M1 L2 L1 L1 E A B C H G Q P D F F D E F B F F A G H C L1 L2 M1 M2 Z N O Z N O P Q 9
10 GRAPHIC LAYOUTS Picture Sizes There are sizes for the picture used in all the site: 0 x 0 80 x x 10 0 x 0 px 80 x 80 px 10 x 10 px 180 x 180 px 300 x 300 px 180 x 180 For Video Thumbnails Example: Only two sizes: 80 x x x 300 For Videos: 80 x x 180 For Classic Videos: 80 x x 180 FIFA.com Graphic Guidelines issue #
11 GRAPHIC LAYOUTS Picture Sizes special format - landscape Only for About FIFA Sub Section 48 x 200 ( big ) 240 x 90 ( small ) 48 x x 90 11
12 GRAPHIC LAYOUTS Picture Sizes special format - landscape Only for Tournaments / FIFA World Cup Section 600 x 200 ( big ) 291 x 97 ( small ) 600 x x 97 FIFA.com Graphic Guidelines issue #
13 GRAPHIC LAYOUTS Header: Section Header: Verdana 11 pt Bold Impact 30 pt (Bitmap) Verdana 10 pt Bold Font Header Main navigation: VERDANA 11 pt Bold Tools navigation: VERDANA 10 pt Bold Arial 11 pt Bold Arial 10 pt Bold Slot: Extra Content: Section Header Title: IMPACT 30 Pt (Bitmap) Navigation: ARIAL 11 pt Bold Slot Title: ARIAL 11 pt Bold Content: VERDANA 9, 10, Bold and Regular (see the picture for detail) Extra Content Slot Title: ARIAL 10 pt Bold ALL CAPS Article Pages Title: IMPACT 28 pt Regular Body: VERDANA 10 pt Regular Article: 13
14 GRAPHIC LAYOUTS Slot some example for: News List, Latest Videos, Photo Gallery, Tab Slot 14
15 Main FIFA Header GRAPHIC LAYOUTS Html Design Elements Headers Backgrounds elements Almost graphics in the FIFA website based on CSS Sprites For more information about CSS Sprite: Backgrounds elements based on CSS Sprites repeat Backgrounds elements based on CSS Sprites repeat background foreground 1
16 GRAPHIC LAYOUTS Html Design Elements Tournaments Headers trasparent
17 74 GRAPHIC LAYOUTS Html Design Elements Section Headers backgrounds submenu elements based on CSS Sprites Standard Section 9 Classic Football Section link highlight bg, standard section link highlight bg, classic footballl section 17
18 GRAPHIC LAYOUTS Html Design Elements Special Section Headers Special Section could allow different header and main navigation (for ex. Fifa Interactive WC)
19 GRAPHIC LAYOUTS SubSections Navigation About FIFA / News Centre / World Football 2nd Level Navigation Font: Arial 11pt bold Color: # (when selected is same Color on white bg stripe) 3rd Level Page Title Font: Impact 28pt regular Color: # 43d7a 3rd Level Navigation Font: Arial 10pt bold Color: # (when selected is same Color on white bg stripe) 19
20 GRAPHIC LAYOUTS SubSections Navigation FIFA World Cup / Single Tournaments 2nd Level Navigation Font: Arial 11pt bold Color: #ffffff (when selected is Color # on white bg stripe) 3rd Level Page Title Font: Impact 28pt regular Color: # 43d7a 3rd Level Navigation Font: Verdana 10pt bold Color: #ffffff (when selected is Color # on white bg stripe) Sub 3rd Level Navigation Font: Verdana 10pt (normal: REGULAR / selected: BOLD / rollover: ITALIC) Color: #
21 Copyright FIFA. All rights reserved.
Diploma in Digital Applications Unit 5: Coding for the Web
Pearson Edexcel Level 2 Diploma in Digital Applications Unit 5: Coding for the Web 8 May 12 May 2017 Time: 2 hours 30 minutes Paper Reference DA205/01 You must have: A computer workstation, appropriate
More informationStyles, Style Sheets, the Box Model and Liquid Layout
Styles, Style Sheets, the Box Model and Liquid Layout This session will guide you through examples of how styles and Cascading Style Sheets (CSS) may be used in your Web pages to simplify maintenance of
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 informationWebsite Style Guide. January 27, Color Palette. 02 Typography Guidelines 02 Homepage 05 Subpage
Website Style Guide January 27, 2011 Table of ontents 01 olor Palette 02 Typography Guidelines 02 Homepage 05 Subpage 08 Layout Style Guidelines 08 Homepage 09 Subpage 11 Image Style Guidelines 11 Homepage
More informationASMP 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 informationDreamweaver Tutorial #2
Dreamweaver Tutorial #2 My web page II In this tutorial you will learn: how to use more advanced features for your web pages in Dreamweaver what Cascading Style Sheets (CSS) are and how to use these in
More informationTaking Fireworks Template and Applying it to Dreamweaver
Taking Fireworks Template and Applying it to Dreamweaver Part 1: Define a New Site in Dreamweaver The first step to creating a site in Dreamweaver CS4 is to Define a New Site. The object is to recreate
More informationINTRODUCTION MICHIGAN STATE UNIVERSITY WEB RESOURCES: WEB STYLE GUIDE V1.4 DECEMBER 5, 2011 PAGE 1 OF 13
PAGE 1 OF 13 INTRODUCTION The experience of browsing content, accessing information, and using Web-based services and tools on Michigan State University Web pages affects a visitor s perception of our
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 informationCSS: The Basics CISC 282 September 20, 2014
CSS: The Basics CISC 282 September 20, 2014 Style Sheets System for defining a document's style Used in many contexts Desktop publishing Markup languages Cascading Style Sheets (CSS) Style sheets for HTML
More informationTIPS FOR WORKING WITH THE HONORS COLLEGE SENIOR PROJECT TEMPLATE
TIPS FOR WORKING WITH THE HONORS COLLEGE SENIOR PROJECT TEMPLATE There are several issues that arise when using the Honors College Senior Project Template. Most common are formatting tabs, margins, and
More informationIntroduction to CS Page layout and graphics. Jacek Wiślicki, Laurent Babout,
Word processors offer many facilities for making the page layout more flexible and capable of displaying different kinds of information. In the previous exercises there where discussed some ways to format
More information8/19/2018. Web Development & Design Foundations with HTML5. Learning Objectives (1 of 2) More on Relative Linking. Learning Objectives (2 of 2)
Web Development & Design Foundations with HTML5 Ninth Edition Chapter 7 More on Links, Layout, and Mobile Slides in this presentation contain hyperlinks. JAWS users should be able to get a list of links
More informationStep 1 Download and Install KompoZer Step by step instructions to build your first web page using KompoZer web editor.
All Creative Designs HTML Web Tutorial for PC Using KompoZer New version 2012 now available at: http://www.allcreativedesigns.com.au/pages/tutorials.html Step 1 Download and Install KompoZer Step by step
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 informationWord 2016: Using Section Breaks
Word 2016: Using Section Breaks Section formatting allows you to apply different page layout settings within the same document. For example, you can change the following formats for each section: Margins
More informationMark Scheme. Edexcel Level 2 Certificate in Digital Applications. Unit 5: Coding for the Web
Mark Scheme Edexcel Certificate in Digital Applications Unit 5: Coding for the Web General marking guidance All candidates must receive the same treatment. Examiners must mark the first candidate in exactly
More informationSoftChalk-Style Builder
SoftChalk-Style Builder This feature is used to create a personal style for a lesson. It also can be used to import a style that has been created for your institution or department. This type of style
More informationWanted! Introduction. Step 1: Styling your poster. Activity Checklist. In this project, you ll learn how to make your own poster.
Wanted! Introduction In this project, you ll learn how to make your own poster. Step 1: Styling your poster Let s start by editing the CSS code for the poster. Activity Checklist Open this trinket: jumpto.cc/web-wanted.
More informationComputer Applications Data Processing
Lesson 4: Changing the Workbook Appearance Microsoft Excel 2016 IN THIS CHAPTER, YOU WILL LEARN HOW TO Format cells. Define styles. Apply workbook themes and Excel table styles. Make numbers easier to
More informationOctober 28, 2011 Version 1.0. Online Marketing Usage Guide
October 28, 2011 Version 1.0 Online Marketing Usage Guide Version log. Name Version Date Page # Changes Ashley O Neal 1.0 10/27/11 Start Document Document key. 55Designer check point 99DO NOT ÊÊ File available
More informationCascading Style Sheets Level 2
Cascading Style Sheets Level 2 Course Objectives, Session 1 Level 1 Quick Review Chapter 6 Revisit: Web Fonts Chapter 8: Adding Graphics to Web Pages Chapter 9: Sprucing Up Your Site s Navigation Begin
More informationHow to Make Your Content ADA Compliant
How to Make Your Content ADA Compliant Apptegy provides school districts with a fully ADA compliant website that meets WCAG 2.0 AA compliance. The big concern is how to keep a website compliant as users
More informationUsing Dreamweaver CC. Logo. 4 Creating a Template. Page Heading. Page content in this area. About Us Gallery Ordering Contact Us Links
Using Dreamweaver CC 4 Creating a Template Now that the main page of our website is complete, we need to create the rest of the pages. Each of them will have a layout that follows the plan shown below.
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 informationPage Layout Using Tables
This section describes various options for page layout using tables. Page Layout Using Tables Introduction HTML was originally designed to layout basic office documents such as memos and business reports,
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 informationPROFILE DESIGN TUTORIAL KIT
PROFILE DESIGN TUTORIAL KIT NEW PROFILE With the help of feedback from our users and designers worldwide, we ve given our profiles a new look and feel. The new profile is designed to enhance yet simplify
More informationNote: The screenshots in this document were taken on Windows in Firefox, which may differ from your system.
CSCI 366 (Database and Web Dev) Dr. Schwartz Lab 5: HTML and CSS (Adapted from Web Programming Step by Step) Due Monday, March 26 th at 11:59pm 100 pts total (69 pts Autolab) Introduction This assignment
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 informationFrontPage 2000 Tutorial -- Advanced
FrontPage 2000 Tutorial -- Advanced Shared Borders Shared Borders are parts of the web page that share content with the other pages in the web. They are located at the top, bottom, left side, or right
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 informationWEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5
WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 3 Key Concepts 1 LEARNING OUTCOMES In this chapter, you will learn how to... Describe the evolution of style sheets from print media to the Web List
More informationChapter 7 BMIS335 Web Design & Development
Chapter 7 BMIS335 Web Design & Development Site Organization Use relative links to navigate between folders within your own site o Sometimes dividing your site into folders makes maintenance and updating
More informationTo illustrate how to set TAG styles the <body> and <h1> tags (for the BODY and the HEADING 1 styles) will be adjusted.
Chapter The formatting of CSS pages is carried out by setting the required styles. There are four different types of styles: Class which are custom styles that you create. You did this in Chapter 12. Tag
More informationWebsite Development with HTML5, CSS and Bootstrap
Contact Us 978.250.4983 Website Development with HTML5, CSS and Bootstrap Duration: 28 hours Prerequisites: Basic personal computer skills and basic Internet knowledge. Course Description: This hands on
More informationCSS. https://developer.mozilla.org/en-us/docs/web/css
CSS https://developer.mozilla.org/en-us/docs/web/css http://www.w3schools.com/css/default.asp Cascading Style Sheets Specifying visual style and layout for an HTML document HTML elements inherit CSS properties
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 informationTIPS FOR WORKING WITH THE HONORS COLLEGE SENIOR PROJECT TEMPLATE
TIPS FOR WORKING WITH THE HONORS COLLEGE SENIOR PROJECT TEMPLATE There are several issues that arise when using the Honors College Senior Project Template. Most common are formatting tabs, margins, and
More informationStyle Guide & Specifications
Style Guide & Specifications Introduction This style guide has been developed to assist you in the production and maintenance of the new MultiChannel Merchant website and newsletters. The recommendations
More informationDigital Media, UX-UI Design > Website Principles
Contents At a glance: Page layout header To ensure the correct appearance of our brands in a broad spectrum of applications with a web front end, uniform treatment of design elements is an absolute necessity.
More informationNational CAPT Website Key Elements Style Guide
National CAPT Website Key Elements Style Guide 10/1/04 - Version 1.0 The key elements style guide should be used by the CAPTs to promote consistency across the various sections of the CAPT Website. This
More informationGuidelines for doing the short exercises
1 Short exercises for Murach s HTML5 and CSS Guidelines for doing the short exercises Do the exercise steps in sequence. That way, you will work from the most important tasks to the least important. Feel
More informationChapter 7 Typography, Style Sheets, and Color. Mrs. Johnson
Chapter 7 Typography, Style Sheets, and Color Mrs. Johnson Typography Typography refers to the arrangement, shape, size, style, and weight of text. Affects the navigation and usability of a web site and
More informationMark Scheme. June Pearson Level 2 Certificate in Digital Applications. Unit 5: Coding for the Web
Mark Scheme June 016 Pearson Level Certificate in Digital Applications Unit 5: Coding for the Web General marking guidance All candidates must receive the same treatment. Examiners must mark the first
More informationGIMP WEB 2.0 MENUS. Web 2.0 Menus: Horizontal Navigation Bar. Hover Effect:
GIMP WEB 2.0 MENUS Web 2.0 Menus: Horizontal Navigation Bar WEB 2.0 MENUS: HORIZONTAL NAVIGATION BAR Hover Effect: Images required: 58 x 1 px high background image (black gloss gradient) for the nav bar
More informationACSC 231 Internet Technologies
ACSC 231 Internet Technologies Lecture 7 Web Typography Efthyvoulos Kyriacou - Assoc. Prof. Frederick University Resources: C. Markides (Frederick University) Slide 1 ACSC 231: Internet Technologies 23/12/2008
More informationCreating Accessible Word Documents
Creating Accessible Word Documents 1 of 11 Creating Accessible Word Documents Contents 1. General principles... 1 2. Styles/ Headings... 2 3. Table of Contents... 3 Updating a Table of Contents... 5 4.
More informationITNP43: HTML Lecture 4
ITNP43: HTML Lecture 4 Niederst, Part III (3rd edn) 1 Style versus Content HTML purists insist that style should be separate from content and structure HTML was only designed to specify the structure and
More informationCreating Booklets Using Microsoft Word 2013 on a PC
Creating Booklets Using Microsoft Word 2013 on a PC Booklets are a great way to collect information and graphic samples and format them in a user-friendly publication to share with others. Examples: Collect
More informationBlackboard staff how to guide Accessible Course Design
The purpose of this guide is to help online course authors in creating accessible content using the Blackboard page editor. The advice is based primarily on W3C s Web Content Accessibility Guidelines 1.0
More informationLesson 1 using Dreamweaver CS3. To get started on your web page select the link below and copy (Save Picture As) the images to your image folder.
Lesson 1 using Dreamweaver CS3 To get started on your web page select the link below and copy (Save Picture As) the images to your image folder. Click here to get images for your web page project. (Note:
More informationLab Chapter 5: Applying The Box Model Habitat for Humanity
Lab Chapter 5: Applying The Box Model This lab will demonstrate how to apply the Box Model format for the website. When done adding the CSS for the box model your website will look like the example below.
More informationHow to Make Headers for APA, Section Breaks, Line Spacing, and Hanging Indents
How to Make Headers for APA, Section Breaks, Line Spacing, and Hanging Indents *Please note: There is now an option to select an APA style report when you are creating a new Word document. This already
More informationHow to Create Accessible Word (2016) Documents
How to Create Accessible Word (2016) Documents Heading Styles 1. Create a uniform heading structure through use of Styles in Word under the Home ribbon. a. Proper heading structure is necessary for screen
More informationHow to lay out a web page with CSS
How to lay out a web page with CSS You can use table design features in Adobe Dreamweaver CS3 to create a simple page layout. However, a more powerful technique is to use Cascading Style Sheets (CSS).
More informationResponsive web design (RWD) CSS3 Media queries. Mobile vs desktop web sites. Web Development 1 CS1115/CS5002
1 of 13 CS1115/CS5002 Web Development 1 Dr Derek Bridge School of Computer Science & Information Technology University College Cork Mobile vs desktop web sites A few organization have two web sites, one
More informationEasy English Writing Style Guide
Easy English Writing Style Guide Introduction Who is this guide for? Many people find it hard to read complex text. This guide has been designed to assist you when preparing documents for people who have
More informationUsing Dreamweaver CS6
Using Dreamweaver CS6 4 Creating a Template Now that the main page of our website is complete, we need to create the rest of the pages. Each of them will have a layout that follows the plan shown below.
More informationHeader. Article. Footer
Styling your Interface There have been various versions of HTML since its first inception. HTML 5 being the latest has benefited from being able to look back on these previous versions and make some very
More informationTeacher Webpages. Login onto Enter your username/password
Login onto http://admin.dublinschools.net Enter your username/password Username (first letter of your first name and last name)! Ex: Trish Dempsey; username: tdempsey Click on your school: Next, click
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 informationAGENDA :: MULTIMEDIA TOOLS :: (1382) :: CLASS NOTES
CLASS :: 13 12.01 2014 AGENDA SIMPLE CSS MENU W/ HOVER EFFECTS :: The Nav Element :: Styling the Nav :: UL, LI, and Anchor Elements :: Styling the UL and LI Elements TEMPLATE CREATION :: Why Templates?
More informationCOMP519 Web Programming Lecture 8: Cascading Style Sheets: Part 4 Handouts
COMP519 Web Programming Lecture 8: Cascading Style Sheets: Part 4 Handouts Ullrich Hustadt Department of Computer Science School of Electrical Engineering, Electronics, and Computer Science University
More informationUniversal Ad Package (UAP)
Creative Unit Name Medium Rectangle imum Expanded not Additional for OBA Self- Reg Compliance (Note 1) Polite File User- Initiated File Additional Streaming File for Universal Ad Package (UAP) Video &
More informationCOSC 2206 Internet Tools. CSS Cascading Style Sheets
COSC 2206 Internet Tools CSS Cascading Style Sheets 1 W3C CSS Reference The official reference is here www.w3.org/style/css/ 2 W3C CSS Validator You can upload a CSS file and the validator will check it
More informationCSS (CASCADING STYLE SHEETS) LAYOUT: INTRODUCTION ON PAGE BACKGROUNDS. By Ted Mitchell
CSS (CASCADING STYLE SHEETS) LAYOUT: INTRODUCTION ON PAGE BACKGROUNDS By Ted Mitchell CSS IS USED TO CREATE BOXES ON/IN THE PAGE THAT ARE POSITIONED IN CERTAIN PLACES AND GIVEN STYLES OR CHARACTERISTICS
More informationStep by step instructions for layout for Theology papers Part 1 Setting up margins
Step by step instructions for layout for Theology papers Part 1 Setting up margins The formatting of these research papers can be thought of in terms of sections. Each of these sections has different formatting
More informationTips and Tricks with MS Word and Mac OSX
Office of Academic Innovation Portland State University Tips and Tricks with MS Word and Mac OSX Microsoft Word 2011 for Mac OSX does not come equipped with an Accessibility Checker built in. Most screen
More informationDesigning the Home Page and Creating Additional Pages
Designing the Home Page and Creating Additional Pages Creating a Webpage Template In Notepad++, create a basic HTML webpage with html documentation, head, title, and body starting and ending tags. From
More informationIntroduction to Cascading Style Sheet (CSS)
Introduction to Cascading Style Sheet (CSS) Digital Media Center 129 Herring Hall http://dmc.rice.edu/ dmc-info@rice.edu (713) 348-3635 Introduction to Cascading Style Sheets 1. Overview Cascading Style
More informationHow to Format Modern Language Association (MLA) Style Papers
McGregor 1 How to Format Modern Language Association (MLA) Style Papers The tutorial is designed for Microsoft Word 2013, but the process should be similar for other versions. Complete this tutorial for
More informationProject 1: Creating a Web Site from Scratch. Skills and Tools: Use Expression Web tools to create a Web site
E00EW3.qxp 4/14/2007 3:17 PM Page 1 Workshops w Introduction The Workshop is all about being creative and thinking outside of the box. These workshops will help your right-brain soar, while making your
More informationSetting Up a Paper in APA Style Using Microsoft Word 2008 for MACs
Setting Up a Paper in APA Style Using Microsoft Word 008 for MACs Open Microsoft Word 008. By default Word opens a new blank document. It is easiest if you create all of these settings before you begin
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 informationCreating your first website Part 4: Formatting your page with CSS
Adobe - Developer Center : Creating your first website Part 4: Formatting your page... Page 1 of 23 Dreamweaver Article Creating your first website Part 4: Formatting your page with CSS Jon Varese Adobe
More information2018 Brand Guidelines
2018 Brand Guidelines Logo Final Logo Our logo mark is the benchmark of our brand and one of our most valuable assets. Logo Versions Full Version - Linear A. Full Color The preferred way to use the Kinesics
More informationLesson 1 New Presentation
Powerpoint Lesson 1 New Presentation 1. When PowerPoint first opens, there are four choices on how to create a new presentation. You can select AutoContent wizard, Template, Blank presentation or Open
More informationWord 2007 Basic Formatting Objectives
Word 2007 Basic Formatting Objectives Customize Word 2007 document view. Learn basic page layout changes. Learn to change page background Basic Character Formatting Contents Page Word Document View...
More informationZen Garden. CSS Zen Garden
CSS Patrick Behr CSS HTML = content CSS = display It s important to keep them separated Less code in your HTML Easy maintenance Allows for different mediums Desktop Mobile Print Braille Zen Garden CSS
More informationGuidelines for work on the Genebank KB site
Guidelines for work on the Genebank KB site (By Geert Claessens. For extra information email to geert.jef.claessens@gmail.com) These guidelines are written for users of the Crop Genebank Knowledge Base
More informationIntroducing Cascading Style Sheets. Cascading Style Sheet Basics Creating Styles Using Styles Manipulating Styles Text Formatting with CSS
Introducing Cascading Style Sheets Cascading Style Sheet Basics Creating Styles Using Styles Manipulating Styles Text Formatting with CSS Cascading Style Sheet Basics CSS has many benefits: The pages look
More informationProduct Page PDF Magento Extension
Product Page PDF Magento Extension User Manual This is the user manual of Magento Product Page PDF v2.0.2 and was last updated on 26-11-2017. To see what this extension can do, go to the Magento Product
More informationThe following slides present guidelines and suggestions for the use of fonts, colors, and graphics when preparing PowerPoint presentations.
PowerPoint Presentation Guidelines The following slides present guidelines and suggestions for the use of fonts, colors, and graphics when preparing PowerPoint presentations. This media (PPT) is designed
More informationthe missing manual0 O'REILLY Third Edition David Sawyer McFarland Beijing Cambridge The book that should have been in the box Farnham
Farnham Third Edition the missing manual0 The book that should have been in the box David Sawyer McFarland Beijing Cambridge O'REILLY Koln Sebastopol Tokyo Contents The Missing Credits vii Introduction
More informationGdes2000 Graphic Design for Internet & MM. Dreamweaver: Simple page construction with DIVs.
Dreamweaver: Simple page construction with DIVs. Websites and the design process 1/17: 1. We're making the assumption that you've been given a project or brief and are looking to create a basic web page
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 informationADDITIONAL GUIDES Customer SAP Enable Now Customization. Customer SAP SE or an SAP affiliate company. All rights reserved.
ADDITIONAL GUIDES Customer 1811 2018-11-01 Customer 2018 SAP SE or an SAP affiliate company. All rights reserved. Table of Contents 1 Introduction... 4 1.1 Workarea Resources... 4 1.2 Customization Editors...
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 informationCreating Universally Designed Word 2010 Documents - Quick Start Guide
Creating Universally Designed Word 2010 Documents - Quick Start Guide Overview Creating accessible documents ones that work well with all sorts of technology can be a daunting task. The purpose of this
More informationCORPORATE WEBSITE DNN CMS GUIDE FOR CONTENT MANAGERS
CORPORATE WEBSITE DNN CMS GUIDE FOR CONTENT MANAGERS V11 07.16.14 DNN documentation is available at: http://www.dnnsoftware.com/help#documentation/introduction.html%3ftocpath%3d 1 CONTENTS 2 Logging In
More informationE-Business Systems 1 INTE2047 Lab Exercises. Lab 5 Valid HTML, Home Page & Editor Tables
Lab 5 Valid HTML, Home Page & Editor Tables Navigation Topics Covered Server Side Includes (SSI) PHP Scripts menu.php.htaccess assessment.html labtasks.html Software Used: HTML Editor Background Reading:
More informationReading 2.2 Cascading Style Sheets
Reading 2.2 Cascading Style Sheets By Multiple authors, see citation after each section What is Cascading Style Sheets (CSS)? Cascading Style Sheets (CSS) is a style sheet language used for describing
More informationWEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5
WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 7 Key Concepts 1 In this chapter, you will learn how to... LEARNING OUTCOMES Code relative hyperlinks to web pages in folders within a website Configure
More informationDreamweaver Template Tutorial - How to create a website from a template
Dreamweaver Template Tutorial - How to create a website from a template In this tutorial you will create a website using Dreamweaver s premade templates. You are going to learn how to style them using
More information.hedgehog { background-image: url(backyard.jpg); color: #ffff99; height: 6in; width: 12in; } .tube {
.hedgehog { background-image: url(backyard.jpg); color: #ffff99; height: 6in; width: 12in;.tube { color: #996600; height: 3in; width: 12in; position: fixed; What is CSS? Cascading Style Sheets CSS is responsible
More informationCSS THE M\SS1NG MANUAL. David Sawyer McFarland. POGUE PRESS" O'REILLr Beijing Cambridge Farnham Köln Paris Sebastopol Taipei Tokyo
CSS THE M\SS1NG MANUAL David Sawyer McFarland POGUE PRESS" O'REILLr Beijing Cambridge Farnham Köln Paris Sebastopol Taipei Tokyo Table of Contents The Missing Credits Introduction xiii I Part One: CSS
More informationICT IGCSE Practical Revision Presentation Web Authoring
21.1 Web Development Layers 21.2 Create a Web Page Chapter 21: 21.3 Use Stylesheets 21.4 Test and Publish a Website Web Development Layers Presentation Layer Content layer: Behaviour layer Chapter 21:
More informationCreating Universally Designed Word 2013 Documents - Quick Start Guide
Creating Universally Designed Word 2013 Documents - Quick Start Guide Overview Creating accessible documents ones that work well with all sorts of technology can be a daunting task. The purpose of this
More informationFILE TYPES & SIZES BOOK COVER
Content Conversion Guidelines Revised August 2017 Welcome to Kobo Writing Life! These guidelines are intended to help you format your book so that it uploads smoothly into our store and displays beautifully
More information