NEPA/DO-12 Web Based Training Design Document
|
|
- Damon Powers
- 8 years ago
- Views:
Transcription
1 NEPA/DO-12 Web Based Training Design Document October 10, 2004 Lisa Bradshaw, Annie Persson, Keith Regensburger Prototype URL Prototype Pages The design prototype consists of three types of pages: the Main Screen, the Begin Lesson Screen and the Lesson Content Screen. We understand that the navigation for login and between lessons will be handled by the MLM interface. The Main Screen introduces the learner to the course, the Begin Lesson Screen introduces the topic for the lesson, and the Lesson Content Screen can be modified as needed to include text sections, photos/graphics, callout text, self check boxes, and areas for other links as needed. NPS Prototype Main Screen Color Scheme Based on the audience analysis, the prototype uses natural, earthy colors as the most suitable and familiar to the learners. The color scheme is based on shades of green, to reflect colors found in nature and to emphasize the topic of natural resources that the training addresses (Lohr, 145). To meet NPS standards, we are using colors from the browser-safe hexadecimal palette (December, Weinman). The dominant color is a medium green, with a darker shade of green as the secondary color, and lighter green for balance and to provide part of the background. The footer is in a dark green to tie together the top mountain header with the bottom of the page. Using the same shade of dark green as part of the header and in the footer frames the page and creates a feeling of balance and symmetry (Lohr, 150). The framing elements create a focal point for the center of the page, which is the body text. The background of the Back/Next and Begin links at the bottom right of the screen is assigned the medium shade of green, providing contrast with the text (Lohr, 159). 1
2 We include a contrasting maroon accent color in the navigation bar and Reference/Quick Links menus, creating a complementary color scheme of red and green (Lohr, 142). For the main text background, we use a light ivory color rather than white. The ivory background softens the page, adds warmth, and does not have a glaring effect. A softer background color for text is easier on the eyes and for readability (Bernard, How should text be presented within a website?). The main text is black, to provide the most contrast and optimize the figure-ground difference. For titles and headers, black text is used on ivory, medium or light green backgrounds except the page header, which is dark green to coordinate with the dominant color. White text is used over dark green or maroon backgrounds, again to provide the strongest figure/ground contrast (Lohr, 159, 175). The use of white rather than ivory in the text helps to provide the appearance of an additional color. CCFFC 99CC FFFFC NPS Prototype Begin Lesson Screen and Color Scheme Page Element Color Description Hexadecimal/ Browser Safe Number Mountain Header Dark Green Mountain Header Medium Green 99CC99 Mountain Header Light Green CCFFCC Navigation Bar Maroon Navigation Selection Pale Maroon References Bar Maroon Search Field White FFFFFF Main Text Background Ivory FFFFCC You Are Here Column Dark Green Footer Bar Dark Green Begin/Back/Next Bar Medium Green 99CC99 Screen Elements and Assigned Colors 2
3 Page Layout The layout of the prototype screens are designed to have a natural sense of flow. Vertical and horizontal planes help guide the viewer s eye from the prominent logo in the upper left, through the text and down to the footer and the lower right navigation links that direct the learner to the next page. This takes advantage of the tendency of the target audience to read from left to right and top to bottom, and establishes reading hierarchy for the learner (Lohr, ). Consistent, predictable use of page elements such as the NPS logo, photographs, color schemes, navigation and page layout enhances learner confidence in their ability to navigate the site (Lynch and Horton, User-centered design). The header area for each page will have a mountain graphic in a horizontal plane across the top, composed of the three different shades of green. A light green box is used in the upper right corner within the banner to draw attention to the drop down Quick Links and References menus. The top four inches of the page are the most efficient in revealing the page s options to the viewer (Lynch and Horton, Page headers and footers).the navigation bar is placed horizontally across the top of the page below the header area. The location for the header area and top navigation elements are predictable and maintain the identity of the pages throughout the site (Lynch and Horton, User-centered design). The left column, a vertical plane, will contain a photograph of a natural scene as a shadow background in the medium green range, extending into the footer below it. The shadow photograph adds texture and perspective, helping to create a sense of depth (Lohr, 147, Campbell, 48). A text box with a lighter ivory toned background will overlay the left column photograph, depending on the content required for the page. The text will be placed in columns optimized for readability, with horizontal line lengths of characters or 4-5 inches (Lohr, 96). The main content text is left aligned for better readability (Lohr, 163). The other text elements are left-aligned except the Back/Next/Begin footer links and the links in the maroon navigation bar, which are centered in their background areas for balance. In the body of the text, graphics and/or more callout text such as self-test questions can be used to break up the paragraphs. Photographs will be added for visual appeal (Lohr, 188). The screens are designed to fit onto the page in resolutions as low as 800x600, without the need for scrolling, since the need to scroll is often viewed as an obstacle and some users prefer not to have to scroll (Campbell, 26, 43). Using paging rather than scrolling can help users move through pages faster (National Cancer Institute, Reading & Scanning). Fonts The prototype uses Verdana, a sans-serif font which is optimized for Web display, and typically considered easy to read on screen (Lohr, 77). Using a familiar font helps to improve reading speed (National Cancer Institute, Font/Text Size). We use different sizes, colors, and weights to provide variety and contrast. Below are the specifications for each text element: Text Element Size Weight Color Description Hexadecimal/ Browser Safe Number NPS Title 14 Bold Black Screen Title 18 Bold White FFFFFF Navigation Bar 10 Bold White FFFFFF Search Text 10 Bold Black References Link 12 Bold White FFFFFF References Menu List 8 Bold White FFFFFF Page Header 18 Bold Dark Green
4 Page Subheader 12 Bold Black Main Text 12 Normal Black Footer Bar 10 Bold White FFFFFF Self Test Header 12 Bold White FFFFFF Self Test Text 12 Normal White FFFFFF Callout Header 14 Bold Black FFFFFF You Are Here Header 14 Bold White FFFFFF You Are Here Text 10 Bold White FFFFFF Callout Text 12 Normal Black Begin/Back/Next Bar 10 Bold Black Screen Text Elements and Assigned Colors NPS Logo Location The NPS logo appears at the top left corner of each page, reinforcing the organization s identity (Lynch and Horton, User-centered design). The NPS logo appears to point down to the left column, to draw attention to the contents of that column (Lohr, 210). When the column contains callout text, this will help to emphasize it. Since the typical reading pattern for our audience is from left to right and top to bottom (Lohr, 203), the upper left corner placement makes the logo prominent and easily recognizable by the learners. Navigation within Lessons The unit, number, and time estimate text cues in the footer indicate to the user where they are and how long the lesson will take to complete. These cues give learners a sense of pace and help them to manage their training time. Knowing how far along they are in a unit, how many lessons remain, and the time estimate per lesson enables students to focus on the content of the lesson rather how to navigate through the pages (Coe, 12). If the pages are customized so that some students see pages that others do not, the page numbering structure will be revised or removed. Navigation Unit, page number, estimate NPS Prototype Lesson Content Screen and Navigation 4
5 The links at the bottom right for Back/Next and Begin allow linear or sequential navigation through the screens. The Quick Links and References menu will allow non-linear navigation to screens containing specific information. Using both types of navigation allows the user to choose between types of access they prefer to the information, or use both types (Coe, 139, Campbell, 77, 91). Site Map/Course Structure It appears from our discussions that the learners will be asked to take the lessons in sequence. The MLM interface is expected to keep track of which lessons the users have taken and which they need to complete. Page headings contain the lesson number and name, providing orientation cues to the learner reflecting the organization and structure of the pages. Well-designed headings also help learners to scan text and place material in context (National Cancer Institute, Use Well-Designed Headings). The You Are Here map on the Begin Lesson screen helps the learner understand where they are in the larger scheme of the training. The footer also tells the learner where they are in the units and the lesson. As mentioned earlier, if the pages are customized so that some students see pages that others do not, the page numbering structure in the footer will be revised or removed. In addition, we include a link in the maroon navigation bar to a complete site map page with an outline of the whole site to help the user quickly see the depth of the site and the structure of its content (Lynch and Horton, Site Guides). If the user clicks one of the links in the navigation bar, the link for the page being viewed will appear in a lighter maroon color than the others, as a visual indicator to the learner which page they are currently viewing in the site. If the link is a drop-down menu, the menu background will be in the same light maroon color. Cues such as these help the learner with navigation by giving them a general idea of the overall contents of the site (Coe, 241). A Search feature is included on each page, allowing the user to enter keywords to search the site, and as a complement to the menu navigation system (Lynch and Horton, Search features). Reference Materials Reference materials and Quick Links drop-down menus display on each page, for easy access and consistency. The drop-down menus will be set to stay open for a specific time frame (number of seconds) or until the user clicks the menu again, to accommodate users with mobility problems. The References menu will contain links to descriptions of the Laws, Acts, and Executive Orders that the learners will need to use as resources, and the Quick Links menu will contain reviews of information for users who have taken the course and just want to use it as a resource to look up and review what they have learned. Learners can be intimidated by pages with too many links, and drop-down menus and submenus can link to submenu pages such as the References and Quick Links page, directed to a more specific audience (Lynch and Horton, Menus and subsites). 5
6 Drop-down menu NPS Prototype Main Screen with Open Drop-Down Menu Justification References Bernard, Michael L. (2003) Criteria for optimal web design (designing for usability). Optimal Web Design, Software Research Usability Laboratory. Retrieved October 2004 from Coe, Marlana. (1996) Human Factors for Technical Communicators. New York, NY: John Wiley & Sons, Inc. Dabbs, Alistair. (2002) Interface Design. New York, NY: Watson-Guptill Publications. December, John. (2004) Safe Hexadecimal Color Codes. Retrieved October 2004 from Lohr, Linda. (2003) Creating Graphics for Learning and Performance. Upper Saddle River, NJ: Pearson Education, Inc. Lynch and Horton. (2002) Web Style Guide. Retrieved October 2004 from National Cancer Institute. Research-Based Web Design and Usability Guidelines. Retrieved October 2004 from Weinman, Lynda. The browser-safe web palette. Retrieved October 2004 from 6
Aviva. Mobile Style guidelines v1.0
Aviva Mobile Style guidelines v1.0 Logo The Aviva logo represents our business to the wider world and is the most recognisable part of our brand identity. 1. Aviva landscape logo The Aviva logo is available
More informationQUICK START GUIDE FOR CLUB WEBSITES
QUICK START GUIDE FOR CLUB WEBSITES Introduction Quick Start Guide for Club Websites For more than 100 years, Rotary has united leaders committed to applying their expertise to better their communities.
More informationWeb Standards. Chapter Organization To better organize this chapter, topics are grouped according to content, design and technical criteria.
Overview This chapter addresses the University of San Diego s web standards, which are used to create consistency among university web pages and tie the university s website to its printed materials and
More informationMobile Web Site Style Guide
YoRk University Mobile Web Site Style Guide Table of Contents This document outlines the graphic standards for the mobile view of my.yorku.ca. It is intended to be used as a guide for all York University
More informationHow To Change Your Site On Drupal Cloud On A Pcode On A Microsoft Powerstone On A Macbook Or Ipad (For Free) On A Freebie (For A Free Download) On An Ipad Or Ipa (For
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 informationAre Your Client Reports Brand-boosters or Brand-busters?
Are Your Client Reports Brand-boosters or Brand-busters? November 2, 2015 by Joyce Walsh Seven ways advisors can harness the power of design to better-serve clients and reinforce their brand promise Advisor
More informationDreamweaver Domain 2: Planning Site Design and Page Layout
Dreamweaver Domain 2: Planning Site Design and Page Layout Adobe Creative Suite 5 ACA Certification Preparation: Featuring Dreamweaver, Flash, and Photoshop 1 Objectives Identify best practices for designing
More informationGoogle Sites: Site Creation and Home Page Design
Google Sites: Site Creation and Home Page Design This is the second tutorial in the Google Sites series. You should already have your site set up. You should know its URL and your Google Sites Login and
More informationThe AA Style Guide VC501 Historical and Contextual Studies Tyrone Duke
The AA Style Guide VC501 Historical and Contextual Studies Tyrone Duke For the road ahead Logo The AA logo is one of the most recognised logos in the UK. Modern style requirements have updated it, but
More informationBasic Formatting of a Microsoft Word. Document for Word 2003 and 2007. Center for Writing Excellence
Basic Formatting 1 Basic Formatting of a Microsoft Word Document for Word 2003 and 2007 Center for Writing Excellence Updated April 2009 Basic Formatting 2 Table of Contents GENERAL FORMATTING INFORMATION...
More informationVirtual Exhibit 5.0 requires that you have PastPerfect version 5.0 or higher with the MultiMedia and Virtual Exhibit Upgrades.
28 VIRTUAL EXHIBIT Virtual Exhibit (VE) is the instant Web exhibit creation tool for PastPerfect Museum Software. Virtual Exhibit converts selected collection records and images from PastPerfect to HTML
More informationMessage from Marketing & Creative Services
Web Style Guide September 2013 Message from Marketing & Creative Services 2 Campus Community Members: The University of West Florida web presence is one of the most valuable assets we have as an institution.
More informationCONTENTM 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 informationStyle Guide Provided courtesy of Innovative Emergency Management Inc.
Style Guide 1. Introduction Louisiana.gov is an enterprise approach for state agencies to work together to provide citizen-centric digital government services and information. Key to achieving this goal
More informationJoomla 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 informationInstructions for Formatting APA Style Papers in Microsoft Word 2010
Instructions for Formatting APA Style Papers in Microsoft Word 2010 To begin a Microsoft Word 2010 project, click on the Start bar in the lower left corner of the screen. Select All Programs and then find
More informationGuide To Creating Academic Posters Using Microsoft PowerPoint 2010
Guide To Creating Academic Posters Using Microsoft PowerPoint 2010 INFORMATION SERVICES Version 3.0 July 2011 Table of Contents Section 1 - Introduction... 1 Section 2 - Initial Preparation... 2 2.1 Overall
More informationPowerPoint 2007: Basics Learning Guide
PowerPoint 2007: Basics Learning Guide What s a PowerPoint Slide? PowerPoint presentations are composed of slides, just like conventional presentations. Like a 35mm film-based slide, each PowerPoint slide
More informationApplying the Corporate Identity to the Web WEB GUIDELINES
$SSO\LQJWKH&RUSRUDWH,GHQWLW\WRWKH:HE Learning Technology Section WHY HAVE A WEB CORPORATE IDENTITY? 1 1. Competitive Market Place 1 2. Complex Target Audience 1 3. Usability 1 4. Maintenance 1 WHAT IS
More informationIntroduction to Microsoft Word 2003
Introduction to Microsoft Word 2003 Sabeera Kulkarni Information Technology Lab School of Information University of Texas at Austin Fall 2004 1. Objective This tutorial is designed for users who are new
More informationECDC CORPORATE. Web design guidelines. Draft v0.3. www.ecdc.europa.eu
ECDC CORPORATE Web design guidelines Draft v0.3 www.ecdc.europa.eu CORPORATE REPORT Web design guidelines Introduction Part of a whole design project which includes: Web portal Extranet Intranet Sub-branded
More informationDeVry University and Keller Graduate School of Management C O - B R A N D E D GUIDELIN ES
C O - B R A N D E D GUIDELIN ES 2009 Table of contents Introduction... 1-4 Look and feel... 5-7 Layout examples Vertical... 8-9 Horizontal... 10-11 Brochures and printed materials... 12-13 Web... 14 What
More informationACE: Illustrator CC Exam Guide
Adobe Training Services Exam Guide ACE: Illustrator CC Exam Guide Adobe Training Services provides this exam guide to help prepare partners, customers, and consultants who are actively seeking accreditation
More informationDesigning a Logo. Design 1
Design 1 Learn all about logos, branding, and identity as we show you the secrets of effective logo design. In this tutorial, we ll design logos suitable for business cards and other publications. You
More informationInstructions for Creating a Poster for Arts and Humanities Research Day Using PowerPoint
Instructions for Creating a Poster for Arts and Humanities Research Day Using PowerPoint While it is, of course, possible to create a Research Day poster using a graphics editing programme such as Adobe
More informationGraphic Design Basics. Shannon B. Neely. Pacific Northwest National Laboratory Graphics and Multimedia Design Group
Graphic Design Basics Shannon B. Neely Pacific Northwest National Laboratory Graphics and Multimedia Design Group The Design Grid What is a Design Grid? A series of horizontal and vertical lines that evenly
More informationReading 4.2 - An Introduction to Color Theory for Web Designers
Reading 4.2 - An Introduction to Color Theory for Web Designers In A Nutshell, What is Color Theory? Color Theory actually covers a number of things, but at the most basic level it is the interaction of
More informationVISUAL IDENTITY STYLE GUIDE. JUNE 23, 2014 VERSION 1.0 QUESTIONS: nyuad.design@nyu.edu
VISUAL IDENTITY STYLE GUIDE JUNE 23, 2014 VERSION 1.0 QUESTIONS: nyuad.design@nyu.edu PAGE 2 ABOUT THE GUIDELINES The visual presentation used in our communication is more than simply design; it is a reflection
More informationHow To Use Microsoft Word 2003
Microsoft Word 2003 Module 2 Microsoft Word 2003: Module 2 August, 2006 2006 Hillsborough Community College - Professional Development Services Hillsborough Community College - Professional Development
More informationGoogle 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 informationUX DESIGN FINAL PROJECT
UX DESIGN FINAL PROJECT WEBSITE redesign www. sewsimplymonkey.com By Carolyne C. Hao I m choosing to redesign www.sewsimplymonkey.com because unfortunately, it was one of the worst websites chosen from
More informationHow to create pop-up menus
How to create pop-up menus Pop-up menus are menus that are displayed in a browser when a site visitor moves the pointer over or clicks a trigger image. Items in a pop-up menu can have URL links attached
More informationTasmanian Government Web Design and Navigation Guidelines
Tasmanian Government Web Design and Navigation Guidelines Version 2.1, July 2010 Office of egovernment Department of Premier and Cabinet Table of Contents Amendments in this release... 3 1 Introduction...
More informationMicrosoft Office PowerPoint 2003. Creating a new presentation from a design template. Creating a new presentation from a design template
Microsoft Office PowerPoint 2003 Tutorial 2 Applying and Modifying Text and Graphic Objects 1 Creating a new presentation from a design template Click File on the menu bar, and then click New Click the
More informationWord 2007: Basics Learning Guide
Word 2007: Basics Learning Guide Exploring Word At first glance, the new Word 2007 interface may seem a bit unsettling, with fat bands called Ribbons replacing cascading text menus and task bars. This
More informationCreating a Poster Presentation using PowerPoint
Creating a Poster Presentation using PowerPoint Course Description: This course is designed to assist you in creating eye-catching effective posters for presentation of research findings at scientific
More informationWEBSITE DESIGN CONSIDERATIONS
WEBSITE DESIGN CONSIDERATIONS A bad design can cost a Web site 40 percent of repeat traffic. A good design can keep them coming back. (Kalin, 1999) If you captivate a viewer s attention with a compelling,
More informationGraphic Design. Background: The part of an artwork that appears to be farthest from the viewer, or in the distance of the scene.
Graphic Design Active Layer- When you create multi layers for your images the active layer, or the only one that will be affected by your actions, is the one with a blue background in your layers palette.
More informationBEST PRACTICES EMAIL DESIGN
BEST PRACTICES for EFFECTIVE EMAIL DESIGN July 2008 BEST PRACTICES for EFFECTIVE EMAIL DESIGN The number of professionals and businesses using email as part of their marketing campaign is growing. According
More informationIn this session, we will explain some of the basics of word processing. 1. Start Microsoft Word 11. Edit the Document cut & move
WORD PROCESSING In this session, we will explain some of the basics of word processing. The following are the outlines: 1. Start Microsoft Word 11. Edit the Document cut & move 2. Describe the Word Screen
More informationPaper 10-27 Designing Web Applications: Lessons from SAS User Interface Analysts Todd Barlow, SAS Institute Inc., Cary, NC
Paper 10-27 Designing Web Applications: Lessons from SAS User Interface Analysts Todd Barlow, SAS Institute Inc., Cary, NC ABSTRACT Web application user interfaces combine aspects of non-web GUI design
More informationState of Illinois Web Content Management (WCM) Guide For SharePoint 2010 Content Editors. 11/6/2014 State of Illinois Bill Seagle
State of Illinois Web Content Management (WCM) Guide For SharePoint 2010 Content Editors 11/6/2014 State of Illinois Bill Seagle Table of Contents Logging into your site... 2 General Site Structure and
More informationNDSU Technology Learning & Media Center
1 NDSU Technology Learning & Media Center QBB 150C 231-5130 www.ndsu.edu/its/tlmc Creating a Large Format Poster (Plot) Using PowerPoint 2013 Posters should be designed and created in a manner that best
More information{COMPANY NAME} website proposal
{COMPANY NAME} website proposal MONTH YEAR Prepared By: The Brand Affect, LLC Prepared For: [Prospective Client] INTRODUCTION Thank you for the opportunity to submit a proposal for the design of the {COMPANY
More informationFundamentals of Design
Fundamentals of Design One of Ottawa s most prominent marketing and communications firms, gordongroup offers award-winning design for a complete range of communications products from corporate brand identities
More informationOnline Brand Guide JANUARY 2013
Online Brand Guide JANUARY 2013 Hello! This is a guide to the basic elements of the Sacred Heart University website. For General Usage questions, please contact: Nancy Boudreau Director of Web Content
More informationCreating Custom Crystal Reports Tutorial
Creating Custom Crystal Reports Tutorial 020812 2012 Blackbaud, Inc. This publication, or any part thereof, may not be reproduced or transmitted in any form or by any means, electronic, or mechanical,
More informationEditing the Web Template Files
Editing the Web Template Files This tutorial describes the process of editing the PHP files to make global changes to the layout, color, font, and text within the CONTENTdm Web templates. This documentation
More informationInstructions for Formatting MLA Style Papers in Microsoft Word 2010
Instructions for Formatting MLA Style Papers in Microsoft Word 2010 To begin a Microsoft Word 2010 project, click on the Start bar in the lower left corner of the screen. Select All Programs and then find
More informationWeb Design. www.ltscotland.org.uk/sustainabledevelopment/climatechange
Web Design www.ltscotland.org.uk/sustainabledevelopment/climatechange Web Design Personnel Web design involves a range of skills. Everyone in the class can be involved in planning the website structure
More informationThere are a number of ways to use the Trapeze Networks logo. Here are the guidelines to use that will help strengthen our logo awareness:
WHAT WE LOOK LIKE Identity Our logo. The Trapeze Networks logo consists of five elements: wording, color, background color, clear space and placement. All of these pieces must be addressed when using the
More informationTheWebStyleGuide. Because you have nothing... if you don t have style. Web Communications we ve got style.
TheWebStyleGuide. Because you have nothing... if you don t have style. Web Communications we ve got style. 1 Table of Contents What is a Web Style Guide? 3 Updating and creating a website 4 Layout and
More informationCreating Newsletters in Microsoft Word
Creating Newsletters in Microsoft Word This document provides instructions for creating newsletters in Microsoft Word. Opening Comments There are several software applications that can be used for creating
More informationPersonal 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 informationTable of Contents Logo Implementation Typography Corporate Stationery Divisional Stationery Collateral Materials Web Site
Standards Manual Table of Contents Letter from the President II Introduction III Logo Implementation Logo Usage A.1 Colour Usage A.2 Proportion Grid A.3 Clearance Area A.4 Minimum Size A.4 Reverse Treatment
More informationCommunicationBulletins
C-BULLETIN 6 CommunicationBulletins SEPTEMBER 2012 Visual and Web Design for Audiences with Lower Literacy Skills Good layouts and visuals enable audiences with lower literacy skills to find and understand
More informationNDSU 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 informationContents. Downloading the Data Files... 2. Centering Page Elements... 6
Creating a Web Page Using HTML Part 1: Creating the Basic Structure of the Web Site INFORMATION TECHNOLOGY SERVICES California State University, Los Angeles Version 2.0 Winter 2010 Contents Introduction...
More informationJoomla! 2.5.x Training Manual
Joomla! 2.5.x Training Manual Joomla is an online content management system that keeps track of all content on your website including text, images, links, and documents. This manual includes several tutorials
More informationRADFORD 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 informationDreamweaver and Fireworks MX Integration Brian Hogan
Dreamweaver and Fireworks MX Integration Brian Hogan This tutorial will take you through the necessary steps to create a template-based web site using Macromedia Dreamweaver and Macromedia Fireworks. The
More informationManaging your Joomla! 3 Content Management System (CMS) Website Websites For Small Business
2015 Managing your Joomla! 3 Content Management System (CMS) Website Websites For Small Business This manual will take you through all the areas that you are likely to use in order to maintain, update
More informationUniversity of Manitoba Web Standards Guidelines. Version 4 - August 2012
University of Manitoba Web Standards Guidelines Version 4 - August 2012 The web is a powerful communications tool. The experience visitors have when they come to our website can either positively or negatively
More informationI. Purpose. To publish the Navy Medicine organizational logo for Bureau of Medicine and Surgery (BUMED) Headquarters and throughout Navy Medicine.
DEPARTMENT OF THE NAVY BUREAU OF MEDICINE AND SURGERY 7700 ARLINGTON BOULEVARD FALLS CHURCH, VA 22042 IN REPLY REFER TO BUMEDINST 5030.3 BUMED-MOOP BUMED INSTRUCTION 5030.3 From: Chief, Bureau of Medicine
More informationDivide your material into sections, for example: Abstract, Introduction, Methods, Results, Conclusions
Creating a Research Poster in PowerPoint Adapted by Libertad Flores from guidelines by the Department of Medical Graphics and Photography, Memorial Sloan-Kettering Cancer Center, July 2011 1) Planning
More informationThe finalisation of the web design will be based on an indicative homepage design submitted by showpony Advertising.
KD/0/5.5/0.1 Meeting Date: 7 June 2007 Agenda Item 3 Web design As part of agreements made between the University and showpony Advertising, the work required to finalise the web design will be undertaken
More informationBasic Excel Handbook
2 5 2 7 1 1 0 4 3 9 8 1 Basic Excel Handbook Version 3.6 May 6, 2008 Contents Contents... 1 Part I: Background Information...3 About This Handbook... 4 Excel Terminology... 5 Excel Terminology (cont.)...
More informationInteractive Brand Guidelines Brand Standards 2012
Brand Guidelines for 2012 Production Specifications Web Page Samples Interactive Brand Guidelines Brand Standards 2012 One of the most valuable advantages an organization has is it s brand - an image based
More informationWeb Design Foundations (2015-16)
Course Description Web Design Foundations is a course that prepares students with work-related web design skills for advancement into postsecondary education and industry. The course is intended to develop
More informationWEBMAIL User s Manual
WEBMAIL User s Manual Overview What it is: What it is not: A convenient method of retrieving and sending mails while you re away from your home computer. A sophisticated mail client meant to be your primary
More informationCreating User-Friendly Web Sites
Creating User-Friendly Web Sites ADA National Network Knowledge Translation University of Washington Funded by NIDRR Grant # H133A11014 Table of Contents I. Information Architecture... 3 Organization...3
More informationintroduces the subject matter, presents clear navigation, is easy to visually scan, and leads to more in-depth content. Additional Resources 10
STYLE GUIDE Style Guide for Course Design Think of your Moodle course page as the homepage of a website. An effective homepage: introduces the subject matter, presents clear navigation, is easy to visually
More informationLEAGUE OF WOMEN VOTERS NAME & LOGO GUIDELINES
Updated 3/15/2013 4:07 PM LEAGUE OF WOMEN VOTERS NAME & LOGO GUIDELINES The League of Women Voters logo, like our name, is our identity. It conveys the full collective power of the LWV mission to the public,
More information3 What s New in Excel 2007
3 What s New in Excel 2007 3.1 Overview of Excel 2007 Microsoft Office Excel 2007 is a spreadsheet program that enables you to enter, manipulate, calculate, and chart data. An Excel file is referred to
More informationFireworks CS4 Tutorial Part 1: Intro
Fireworks CS4 Tutorial Part 1: Intro This Adobe Fireworks CS4 Tutorial will help you familiarize yourself with this image editing software and help you create a layout for a website. Fireworks CS4 is the
More informationForms & Surveys. Schoolwires Centricity2
Forms & Surveys Schoolwires Centricity2 Trademark tice Schoolwires, the Schoolwires logos, and the unique trade dress of Schoolwires are the trademarks, service marks, trade dress and logos of Schoolwires,
More informationSECURETRAY ADVERTISING COPY. g u i d e l i n e s & b e s t p r ac t i c e s
SECURETRAY ADVERTISING COPY g u i d e l i n e s & b e s t p r ac t i c e s SecureTray Advertising Copy Guidelines & Best Practices Simplicity is the fundamental guideline for creating effective, engaging
More informationADOBE MUSE. Building your first website
ADOBE MUSE Building your first website Contents Chapter 1... 1 Chapter 2... 11 Chapter 3... 20 Chapter 4... 30 Chapter 5... 38 Chapter 6... 48 Chapter 1 Installing the software and setting up the sample
More informationELEMENTS AND PRINCIPLES OF DESIGN
APPENDIX A1 4 T T ELEMENTS AND PRINCIPLES OF DESIGN Groups: 1. Select an advertisement. 2. Examine the advertisement to find examples of a few elements and principles of design that you are familiar with.
More informationCreating Accessible Word Documents
Center for Faculty Development and Support Creating Accessible Word Documents With Microsoft Word 2008 for Macintosh CREATING ACCESSIBLE WORD DOCUMENTS 3 Overview 3 Learning Objectives 3 Prerequisites
More information-SoftChalk LessonBuilder-
-SoftChalk LessonBuilder- SoftChalk is a powerful web lesson editor that lets you easily create engaging, interactive web lessons for your e-learning classroom. It allows you to create and edit content
More informationMicrosoft Word defaults to left justified (aligned) paragraphs. This means that new lines automatically line up with the left margin.
Microsoft Word Part 2 Office 2007 Microsoft Word 2007 Part 2 Alignment Microsoft Word defaults to left justified (aligned) paragraphs. This means that new lines automatically line up with the left margin.
More informationHow to Build a SharePoint Website
How to Build a SharePoint Website Beginners Guide to SharePoint Overview: 1. Introduction 2. Access your SharePoint Site 3. Edit Your Home Page 4. Working With Text 5. Inserting Pictures 6. Making Tables
More informationAnimation Action STUDIO. PROJECT 11 For use with Chapter 8. Objective SUPPLIES
STUDIO PROJECT 11 For use with Chapter 8 Name Animation Action Date Class Period Objective Draw a simple animation sequence in a sketchbook and import your drawings into a multimedia program to create
More informationBRAND STYLE GUIDE. Free to do what s right for you ṢM
BRAND STYLE GUIDE Free to do what s right for you ṢM TABLE OF CONTENTS ABOUT THIS GUIDE CAMPAIGN OVERVIEW CAMPAIGN OBJECTIVE 5 CAMPAIGN IDEA 6 CAMPAIGN PHASES 7 CAMPAIGN TONE 8 CAMPAIGN ELEMENTS TRUSTED
More informationSample Table. Columns. Column 1 Column 2 Column 3 Row 1 Cell 1 Cell 2 Cell 3 Row 2 Cell 4 Cell 5 Cell 6 Row 3 Cell 7 Cell 8 Cell 9.
Working with Tables in Microsoft Word The purpose of this document is to lead you through the steps of creating, editing and deleting tables and parts of tables. This document follows a tutorial format
More informationUtah State University Web Standards
Utah State University Web Standards Table of Contents: 1. Introduction 1.1 About Web Identity.2 1.2 General Web Standards...2 1.3 Who should use the USU Web Template...3 2. The USU Website 2.1 USU Homepage
More informationWebsite Design Worksheet
Sonia Howard, Designer Phone: (706) 399-1194 Email: sonia@soarwebdesign.com Website: www.soarwebdesign.com Website Design Worksheet This design worksheet is designed to enhance communications between SoaR
More informationDirections: Read Chapter 3 Site Design in Lynch & Hoi-ton. Using the information you gather from your research, answer the questions below.
Directions: Read Chapter 3 Site Design in Lynch & Hoi-ton. Using the information you gather from your research, answer the questions below. 1. What is the fundamental organizing principle in web site design?
More informationDesign Guidelines. U.Va. Sustainability. Office for Sustainability. Contents:
U.Va. Sustainability Design Guidelines Office for Sustainability Contents: Date: 1.0 Introduction (page 1) 2.0 The Logo Design (page 3) 2.1 The Logo Usage (page 6) 3.0 Color Scheme (page 10) 4.0 Typography
More informationDRUPAL WEB EDITING TRAINING
LOGIN AND VIEW CONTENT Work in Firefox DRUPAL WEB EDITING TRAINING the black logo in the upper right corner to log into Drupal The User Work Area will come up: General Information My Recent Edits the content
More informationPage Layout. Page Layout. All Web pages should be structured for ease of
6 All Web pages should be structured for ease of comprehension. This includes putting items on the page in an order that reflects their relative importance. Designers should place important items consistently,
More informationMicrosoft PowerPoint 2010 Templates and Slide Masters (Level 3)
IT Services Microsoft PowerPoint 2010 Templates and Slide Masters (Level 3) Contents Introduction... 1 Installed Templates and Themes... 2 University of Reading Templates... 3 Further Templates and Presentations...
More informationCreate your own teacher or class website using Google Sites
Create your own teacher or class website using Google Sites To create a site in Google Sites, you must first login to your school Google Apps account. 1. In the top-right corner of any apps, you can click
More informationMicrosoft PowerPoint 2010 Computer Jeopardy Tutorial
Microsoft PowerPoint 2010 Computer Jeopardy Tutorial 1. Open up Microsoft PowerPoint 2010. 2. Before you begin, save your file to your H drive. Click File > Save As. Under the header that says Organize
More informationLesson Plan. Course Title: Web Technologies Session Title: Web Site Planning & Design
Lesson Plan Course Title: Web Technologies Session Title: Web Site Planning & Design Lesson Duration: 3 Hours Performance Objective: Upon completion of the lesson, students will understand how to develop
More informationCreate a Simple Website. Intel Easy Steps 1 2012 Intel Corporation All rights reserved.
Create a Simple Website Intel Easy Steps 1 2012 Intel Corporation Website Creating a Simple Website As more and more people are using the Internet to get information, it has become very important for businesses
More informationBRAND + STYLE GUIDELINES
BRAND + STYLE GUIDELINES the thawte brand Thawte is a globally recognized certificate authority that has been delivering comprehensive trusted services for more than a decade. We enable businesses and
More information