Table of Contents. Page 1
|
|
- Gabriel Emory McDonald
- 8 years ago
- Views:
Transcription
1
2 Table of Contents Introduction... 2 Overall Page Design Guidelines... 3 Writing for the Web... 4 Photography Guidelines... 7 Typography Guidelines... 8 Accessibility Do s and Don ts Page 1
3 INTRODUCTION A consistent, unified look is crucial to the marketing efforts of The University of Texas at Brownsville. It is consistency that gives our institution a distinctive brand. These web guidelines apply to all official UTB web pages that have been generated by UTB, its departments, schools, colleges and other administrative offices. To guarantee a consistent web presence, official webpages for UTB should be visually related in order to help support usability and to reinforce UTB s brand identity. Page 2
4 OVERALL PAGE DESIGN GUIDELINES USE OF BULLETS Bullets points should be concise and to the point. They should be used to call out multiple points about a topic or to quickly relay information. They should not be used to bullet a whole paragraph or more than two sentences. Bullet points are also used in the secondary navigation section of the website to call out the tertiary navigation. Bullet points use the UTB blue and are 10 points in size. SIZE OF NAVIGATIONAL LINKS ON SECONDARY PAGES The links in the secondary navigation section should be concise and to the point. Links should not be more than five words if possible. Use common abbreviations. PARAGRAPH SIZE PAREMETERS When possible, it is recommended that all paragraphs be 100 words or fewer. Too much information can cause the user to become overwhelmed and disinterested, not allowing the intended message to come across. Pages of scrolling content are not reader friendly and should be avoided. LINKS TO EXTERNAL DOCUMENTS All links to external documents need to open up as PDFs in a new browser window. University administrative office PDFs need to be branded with a consistent header and should stay consistent with the UTB brand standards. PDF documents should be no larger than 1 megabyte. Please keep in mind that some users will be on dial-up or mobile devices and the larger the document the slower it will open depending on the connection speed. PDF documents should not be secured or locked in any way these muse be completely accessible or the document must be provided in an HTML format for the reader. Where possible, provide a text only version of the document. We suggest a link to Adobe s site to inform visually impaired people about current uses of Adobe Reader - HYPERLINKS Hyperlinks should be underlined and italicized to differentiate between the link and normal body copy. The text should stay the same size and weight. The font color will be the UTB blue Hex # and R0 G34 B68. USE OF BACKGROUND COLOR To keep consistent with the UTB brand identity on the website, the background color is to remain white. The use of other background colors is not allowed. Page 3
5 WRITING FOR THE WEB When writing, please follow the standards set forth in the UTB Style Guide for word usage. For questions about word usage not in the guide, consult the AP Style Book and then the Webster s New World College Dictionary. For any other questions about word usage, contact the Editor of Web Communications. Writing for the web is different than writing for printed material. People rarely read web pages word for word. Instead, they scan the page, picking out individual words and sentences. In research conducted by Jakob Nielson on people s websites reading habits, he found that 79 percent of the test users always scanned any new page they came across; only 16 percent read word by word. As a result, web pages have to employ scannable text, using: Highlighted keywords (weight variations and hot links are one way to highlight among others). Meaningful sub-headings (not just clever ones). Bulleted lists (see UTB Style Guide for specific usage). One idea per paragraph (users attention needs to be caught with the first few words of a paragraph). The inverted pyramid style, starting with the conclusion. Half the word count (or less) of conventional writing. The following checklist will assist in determining appropriate content for each web page: Who is the intended audience for this web page? Establish the message you want to convey and ask yourself why it is important to the audience. List the pertinent information you feel is necessary to convey this message. Prioritize the above list and identify the trigger words (common words the reader will look for). KEEP THE TARGET AUDIENCE IN MIND When writing, make sure you keep the target audience in mind by thinking about whom the readers are and what they need and want. Identify people who will be interested in the information, such as prospects, parents, alumni, potential donors and current students. Look at what you have written and try to look at it from the perspective of each of your audiences, Adjust, if needed. USE GENDER NEUTRAL LANGUAGE Write sentences in plural form to avoid using constructions such as he/she or he or she. This allows you to use their as a gender neutral pronoun. Page 4
6 WRITING FOR THE WEB (CONT) KEEP THE TARGET AUDIENCE IN MIND UTB strives to follow guidelines for creating plain language text established by the Center for Plain Language. The following are a few highlights from the guidelines. For additional information, visit Write in active voice as much as possible. Sentences in active voice are typically more concise than sentences in passive voice. Keep it short. Aim for an average sentence length of no more than 20 words, with no sentences running more than 40 words. Cover only one subject in each paragraph and keep paragraphs under 10 or 12 lines. Usability research suggests that 5-10 words per sentence and no more than about 5 sentences per paragraph are ideal. Use personal pronouns. Use personal pronouns when trying to create student, parent, or alumni interaction. Additionally, use personal pronouns when incorporating instructional text and FAQs. Write in a visually appealing style. Suggestions include: Using lots of information heading Writing short sections Using vertical lists Structure your writing to achieve the highest rate of comprehension from your reader by following these guidelines: Put the most important message first. Divide your material into short sections. Group related ideas together. Put material in an order that makes the best sense to the reader. Do not use and/or and other unnecessary constructions using the virgule (slash). Using the device and/or, he/she, do/don t makes the meaning of a document unclear. Avoid shall. Shall is an ambiguous word. It can mean must, ought or will. Don t use unnecessary qualifiers (such as seem lily, somewhat, usually, probably, often, appears). They add no additional meaning to a sentence. Don t use multiple negatives. Use a positive statement instead. For example, white He can instead of He can t not. Avoid redundancies. OTHER WEB DESIGN AND USABILITY TIPS The following are additional tips found in (name of publication) to use when developing content for the web. Make action sequences (such as filling out an application) clear. Structure the content so that the sequence is obvious and consistent. Avoid jargon when possible. Remember your target audience. Do not use words that typical viewers may not understand. Use familiar words and define any jargon that has been deemed necessary. Page 5
7 WRITING FOR THE WEB (CONT) Do not use unfamiliar or undefined acronyms or abbreviations on web sites. If abbreviations and acronyms are used, please spell out on first reference in the text. Common abbreviations and acronyms are preferred. Avoid when possible. Use mixed upper and lowercase letters. Reading text is easier when capitalization is used conventionally to start sentences and to indicate proper nouns and acronyms. If an item is intended to attract the viewer s attention, display the item in bold. But use this method sparingly. Do not use this emphasis for more than one or two words or short phrases. Limit the number of words and sentences. Remember that when writing for the web, keep text concise. A sentence should not contain more than twenty words. Use Plain Language Principles (outlined on previous page). Make the first sentence descriptive. Include the primary theme of a paragraph, and the scope of what it covers, in the first sentence of each paragraph. Page 6
8 PHOTOGRAPHY GUIDELINES WHEN TO ADD A PHOTO It is important that photography be added that is pertinent to the content of the page. We are trying to promote a sense of community and student life on campus. It is recommended to use architectural shots that include students. Strictly architectural shots should be avoided. PERMISSIONS Photos taken of people should have a photo release with it. Releases must be obtained from all models granting permission for specific terms of use on the UTB website. Photo releases are available on the Creative Services website. All other graphics and images comply with the U.S. copyright and trademark laws with the permission of the creator or owner. MINIMUM AND MAXIMUM PHOTOGRAPHY SIZE Image size for photography should be no more than 80 kilobytes and the resolution should be 72 dpi. Keep in mind that some users will be on mobile devices or a dial-up connection and the larger the photos, the longer it takes the website to load. HOW TO LOWER THE RESOLUTION OF A PHOTO To lower the resolution of a photo, open the photo in Photoshop type program, go to Edit and go to Image Size. Change the DPI (dots per inch) to 72. For larger photos make sure the size is around 7 inches wide and for small photos 2 inches wide. You can also click Save for Web and that will automatically change your resolution to 72 dpi, however it will not change your image size. After sizing the image, be sure to do a Save As so you don t overwrite your original, high resolution file. You ll want to save as a JPEG file. When choosing the compression level, keep quality in the medium to high range. You want to shoot for a file size of 30 to 100 KB per image. Go small if you will be putting several files on the same page. Try not exceeding 100 KB per Web page for the total of all images. PHOTO CAPTIONS Photo captions should be no more than two sentences and should be concise and to the point. Page 7
9 TYPOGRAPHY GUIDELINES All caps should be used for headlines and subheads Links, body copy and quotes should never be in all caps. Bold should only be used for headlines and subheads as well as callouts. Never go smaller or bigger than 11 point for the body copy. Please follow the guidelines listed below: HEADING 1 (H1) to be used for headlines or main topics. Headlines should be in all caps. Font: Verdana Size: 14 point Weight: bold Color: HEX # B76712 R183 G103 B18 HEADING 2 (H2) to be used for subheads. Subheads should be in all caps. Font: Verdana Size: 12 point Weight: bold Color: HEX # R0 G34 B68 Heading 3 (H3) bold, initial cap Font: Verdana Size: 11 point Weight: bold Color: HEX # R0 G34 B68 Heading 4 (H4) normal, initial cap Font: Verdana Size: 11 point Weight: normal Color: HEX # R0 G34 B68 BODY COPY Font: Verdana Size: 11 point Weight: regular Leading: 18 point Color: HEX # R0 G34 B68 Body copy is left justified QUOTES Font: Georgia Size: 11 point Weight: regular Leading: 20 point Color: HEX # R0 G34 B68 Page 8
10 TYPOGRAPHY GUIDELINES (CONT) CALL OUTS Font: Verdana Size: 11 point Weight: bold Leaving: 20 point Color: HEX # B76712 R183 G103 B18 Callouts are right justified USE OF COLOR Our institution enjoys a lot of equity in the familiar orange (G183 G103 B18) (HEX#B76712), white (R255 G255 B255) (HEX#FFFFFF) and blue (R0 G34 B68) (HEX#002244) of the UTB logo. Brand recognition, especially within the region served by UTB, is critical. Only these colors will be used on the website. Do not stray from this color palette. Page 9
11 ACCESSIBILITY DOS AND DON TS ACCESSIBILITY STANDARDS FOR UTB The following guidelines attempt to outline a best practice for creation and maintenance of UTB web properties to comply with and exceed TAC 206, TAC 213 and other deferral standards for accessibility. WEB DESIGN GOLDEN RULE When in doubt: Simplify. Use HTML best practices with a sensitivity for those who have visual, audible and physical impairments. If it looks too complex, it probably is not a good idea for a web page. GOOD HTML AND WEB PAGE CREATION STANDARDS Browsers UTB s website must be compatible at a minimum with four internet browsers: Internet Explorer, FireFox, Safari and Opera (a common browser used for accessibility). Page Sizing and Printing Adjustable page width The site must use an adjustable page width, sometimes called liquid design, which allows for adjustable resolution so that users can easily scale the site in their browsers for viewing. Page Printing All page text must print well or we must provide a printable alternative. Page Header Information: Document Types, Title and Meta Tags DOCTYPE Tag A doctype of HTML 4.01 Transitional in all Web pages and validation to that standard or greater. This tab tells a validator which version of HTML to use in checking the document s syntax. Ex. <!DOCTYPE html PUBLIC -//W3C//DTD html 4.01 Transitional//EN > Title <Title> Tag it should be seven words or less and descriptive Ex. <title> Applied Business Technology Home Page </title> META Tags - A number of meta tags must be used to define: Content-language Must be used to declare language of the document. This is especially important because our two main audiences are Spanish and English speaking. For American English, use <META HTTP-EQUIV= Content-Language CONTENT= EN-US > For Latin American/Mexican Spanish, use <META HTTP-EQUIV= Content- Language CONTENT= ES-MX > Content-type Use this tag. Failure to do so may cause display problem where, for instance, the document uses UTF-8 punctuation characters but displays in ISO or ASCII charsets. In other words, the characters will look like gibberish. Ex. <META HTTP-EQUIV= Content-Type CONTENT= text/html;charset=iso > Author Typically an unqualified author s name. use the name of the organization responsible for the page. Ex. <META NAME= author CONTENT= Office of Student Affairs, contactperson@utb.edu > Page 10
12 ACCESSIBILITY DOS AND DON TS (CONT) Heading Tags Description A short, plain-language description of the page s content. Ex. <META NAME= description CONTENT= The UTB Business Office provides the most effective and efficient professional support services to students, faculty, staff and management of the university and the community college. > Keywords These are short word phrases that will help highlight the page for web searches. Ex. <META NAME= keywords CONTENT= news, press releases > Every page should use heading tags to create a hierarchy of information like an outline for the reader to follow, using the H1, H2, H3 and H4 tags, All Heading tags must have text content and must be different from any ALT tags on that page. Do not use bold, underlining or other font attributes to indicate sections, use Heading Tags. Heading1 <H1> There must be at least one and no more than 2 <H1> headers on a page H1 tag text content should match part or all of the Title page Page Text No unnecessary text styling. Do not use unique fonts, font sizes, styles, and text attributes unless absolutely necessary. Rather, use the text fonts and styling as these are defined by the CSS (Cascading Style Sheets) within the SharePoint system. In this way, it will be easier to globally change the appearance of text in the future and it will be easier for all internet browsers to read. If you copy and paste text into a web page, first copy it into Notepad to strip out all the formatting. Then copy it from Notepad into the SharePoint web page. If you look at the source, you will see the difference in some places a 10 percent reduction in unnecessary html code and there will be no font problems with the text. Bold, Italics and Underline Tags <B><I><U> Use these sparingly only for emphasis, not as section headers (Use Headers for that) Other Tags Don t use other types of tags like Strikethrough to negate text. Just remove the text. Don t use tags to shadow, outline, emboss, engrave or otherwise enhance a good-looking font. It s just annoying, confusing to people with visual impairments and a circa-1995 type of thing to do. Paragraph Tabs <P> Use the <P> tag for all paragraphs; do not simply type text and separate information with Break <BR> tags. Page 11
13 ACCESSIBILITY DOS AND DON TS (CONT) Break Tags <BR> Use this tag only to further separate paragraphs, lists and other elements that already are using the proper HTML tags. Do not use <BR> tags to create paragraphs. Tables <Table> Limit the use of tables. The use of tables should be restricted to only presentation of data, not for page design. All columns and rows must be clearly marked. TH Tag <TH> - For each table, the first cell in each column must use the <TH> tag to identify that it is the heading for the column of information. Make smaller tables of information, rather than large tables that are too complex. Frames <Frames> No frames; that s an archaic form of web design. Images, Graphics, Charts, Maps, Videos, Audible Recordings Alternate Tags <Alt> - All important images, graphics, charts, maps and other visual elements should use the <Alt> tag to create a meaningful explanation of the element. Image maps that use the <Area> tag should also use an <alt> tag to describe each section of the image Any charts, graphics or pictures using color to delineate information must also use text and lines to define that information. Also, text in the <alt> tag should summarize the chart. Any images (using the <img> tag) that are decorative should be nulled out (or hide) the <alt> tag like this <img src= image_name.jpg alt= /> Do not allow images to open in empty pages without supporting information text. All people hate that. Page 12
14 ACCESSIBILITY DOS AND DON TS (CONT) UNIQUE ATTRIBUTES FOR ACCESSIBILTY Navigation by Keyboard All information on the page should be accessible using a PC keyboard. Site Map There must be a site map automatically updated by the system. Maximum Page Length We recommend web pages should not be longer than 2000 pixels (roughly 2 screen heights) Breadcrumb Navigation Use breadcrumb navigation links to assist people in knowing where they are located within the website No New Browser Window Openings No automatic opening of new browser windows for linked html pages within the utb.edu domain. Exception Automatic opening of new browser window for PDF and other linked file types. Brackets No brackets ( ) in phone numbers. Ordered and Unordered List <OL> <UL> Do not use these in navigation bars Mouseovers <onmouseout><onmouseover> None allowed. Banners, Marquees, Flashing Graphics None allowed. Text/Background Distinction The difference in contrast between text and background colors must be obvious and legible for visually impaired people. If there s a questions as to whether or not text and background are compatible for accessibility purposes, the web designer should test the elements (using Hex code for background and text colors) at this website: or by using a similar tool. Status Bar No information or messages should be displayed in the bottom status bar of the browser window. Video Videos must have closed captioning or at a minimum text alternative documentation available in HTML format; Videos or animations should provide an audio description of what s happening. Scripts Ensure all scripts allow accessibility, not prevent it. Image Maps Provide text links for each active region of an image map (either client side or server side). Web Site Plug-Ins Use limited plug-ins for web development. If plug-ins are used, these must be compatible with IE, FireFox and Opera. In addition, the page should provide a link to download the plug-in for those people that do not currently have it on their computer. Page 13
Creating a Resume Webpage with
Creating a Resume Webpage with 6 Cascading Style Sheet Code In this chapter, we will learn the following to World Class CAD standards: Using a Storyboard to Create a Resume Webpage Starting a HTML Resume
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 informationFlinders University Writing for the Web
Flinders University Writing for the Web inspiring achievement Consider how readers use the web Readers process information on web pages differently than on printed pages. Studies show that: 80% of people
More informationQuick Guide to the Cascade Server Content Management System (CMS)
Quick Guide to the Cascade Server Content Management System (CMS) Waubonsee Community College Cascade Server Content Administration January 2011 page 1 of 11 Table of Contents Requirements...3 Logging
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 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 informationIntroduction to Web Design Curriculum Sample
Introduction to Web Design Curriculum Sample Thank you for evaluating our curriculum pack for your school! We have assembled what we believe to be the finest collection of materials anywhere to teach basic
More informationWRITING FOR THE WEB. Lynn Villeneuve lynn@astrolabewebsites.ca
. WRITING FOR THE WEB Lynn Villeneuve lynn@astrolabewebsites.ca Adopting a specialized writing style for the web is important for reasons such as readability, search engine optimization and accessibility.
More informationWeb Style Guide. Columbia College
Web Style Guide Columbia College Technology Services 11/2014 Table of Contents 1. Layout 1.1 Required Elements... 4 1.2 Page guidelines... 5 1.21 Navigation... 5 1.22 Data tables... 5 1.3 Accessibility...
More informationContent Management System User Guide
CWD Clark Web Development Ltd Content Management System User Guide Version 1.0 1 Introduction... 3 What is a content management system?... 3 Browser requirements... 3 Logging in... 3 Page module... 6 List
More informationWeb Editing Basics 1 TOPICS
Web Editing Basics 1 TOPICS 1. Opening your site.1 2. What you see.1 3. Navigate to your Web page 2 4. Make text edits...2 5. Prepare documents and images for the Web 3 6. Move documents and images from
More informationExpression Engine Editing
Expression Engine Editing Old Site vs New Site WWW2 Internal work Desktop Oriented Pages Formatting options Edit using sitebuilder Many users have access including student editors WWW External commercial
More informationBest Practices for Enhancing the User Experience on Your Website
Best Practices for Enhancing the User Experience on Your Website 1. How Users Read on the Web 2. The Five Second Test 3. The Role of Introductory Text 4. Layout Essentials 5. Audiences and Top Tasks 6.
More informationTASKSTREAM FAQs. 2. I have downloaded a lesson attachment, but I cannot open it. What is wrong?
TASKSTREAM FAQs Why do I not receive emails from TaskStream? It could be that your email program is interpreting incoming TaskStream mail as spam, which is a term for junk mail Spam is not typically stored
More informationNJCU WEBSITE TRAINING MANUAL
NJCU WEBSITE TRAINING MANUAL Submit Support Requests to: http://web.njcu.edu/its/websupport/ (Login with your GothicNet Username and Password.) Table of Contents NJCU WEBSITE TRAINING: Content Contributors...
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 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 informationSRCSB General Web Development Policy Guidelines Jun. 2010
This document outlines the conventions that must be followed when composing and publishing HTML documents on the Santa Rosa District Schools World Wide Web server. In most cases, these conventions also
More informationIntroduction to XHTML. 2010, Robert K. Moniot 1
Chapter 4 Introduction to XHTML 2010, Robert K. Moniot 1 OBJECTIVES In this chapter, you will learn: Characteristics of XHTML vs. older HTML. How to write XHTML to create web pages: Controlling document
More information7 th Grade Web Design Name: Project 1 Rubric Personal Web Page
7 th Grade Web Design Name: Project 1 Rubric Personal Web Page Date: Grade : 100 points total A+ 100-96 Challenge Assignment A 95-90 B 89-80 C 79-70 D 69-60 Goals You will be creating a personal web page
More informationWeb Development. Owen Sacco. ICS2205/ICS2230 Web Intelligence
Web Development Owen Sacco ICS2205/ICS2230 Web Intelligence Introduction Client-Side scripting involves using programming technologies to build web pages and applications that are run on the client (i.e.
More informationIn this topic we discuss a number of design decisions you can make to help ensure your course is accessible to all users.
Accessible Course Design As a course designer you hold a pivotal role in ensuring that Learning Environment is accessible to all users, regardless of their learning needs. It is your content that students
More informationMake the Internet Work for You: Best Practices for Web Content and Editing
Make the Internet Work for You: Best Practices for Web Content and Editing Kara Klein, Office of External Affairs kara.klein@citadel.edu 953-3721 Is your department using social media? Does your department
More informationBest Practice in Web Design
Best Practice in Web Design Irrespective of whether you are intending to use a flat 'brochureware' website or an interactive e- commerce site, the overall look and feel of your website will play an important
More informationMadison Area Technical College. MATC Web Style Guide
Madison Area Technical College MATC Web Style Guide July 27, 2005 Table of Contents Topic Page Introduction/Purpose 3 Overview 4 Requests for Adding Content to the Web Server 3 The MATC Public Web Template
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 informationBASICS OF WEB DESIGN CHAPTER 2 HTML BASICS KEY CONCEPTS COPYRIGHT 2013 TERRY ANN MORRIS, ED.D
BASICS OF WEB DESIGN CHAPTER 2 HTML BASICS KEY CONCEPTS COPYRIGHT 2013 TERRY ANN MORRIS, ED.D 1 LEARNING OUTCOMES Describe the anatomy of a web page Format the body of a web page with block-level elements
More informationTourismTechnology.com Website Best Practices Checklist
TourismTechnology.com Website Best Practices Checklist Prepared by Tracey Beattie Technology Resource Coordinator Tourism Industry Association of Nova Scotia (Revised) February 2011 Website Best Practices
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 informationWriting for the Web. by Jakob Nielsen, distinguished engineer; PJ Schemenaur, technical editor Jonathan Fox, editor-in-chief, www.sun.
by Jakob Nielsen, distinguished engineer; PJ Schemenaur, technical editor Jonathan Fox, editor-in-chief, www.sun.com Table of Contents Difference Between Paper and Online Presentation...4 Working With
More informationGetting Familiar with HTML Email
Getting Familiar with HTML Email This guide will help familiarize you with the use of HTML in email communications. What is HTML? A. Hyper Text Markup Language. B. Programming language used to create Web
More informationBrock University Content Management System Training Guide
Brock University Content Management System Training Guide Table of Contents Brock University Content Management System Training Guide...1 Logging In...2 User Permissions...3 Content Editors...3 Section
More informationTen Simple Steps Toward Universal Design of Online Courses
Ten Simple Steps Toward Universal Design of Online Courses Implementing the principles of universal design in online learning means anticipating the diversity of students that may enroll in your course
More information2015 Catalyst Global Branding
877.557.4273 catalystsecure.com STYLE GUIDE 2015 Catalyst Global Branding Rules for Proper Use of Collateral and Branded Content Table of Contents Brand Strategy Who is Catalyst? pg. 3 Visual Brand Summary
More informationWESTERN KENTUCKY UNIVERSITY. Web Accessibility. Objective
WESTERN KENTUCKY UNIVERSITY Web Accessibility Objective This document includes research on policies and procedures, how many employees working on ADA Compliance, audit procedures, and tracking content
More informationWeb Design Basics. Cindy Royal, Ph.D. Associate Professor Texas State University
Web Design Basics Cindy Royal, Ph.D. Associate Professor Texas State University HTML and CSS HTML stands for Hypertext Markup Language. It is the main language of the Web. While there are other languages
More informationWeb Development I & II*
Web Development I & II* Career Cluster Information Technology Course Code 10161 Prerequisite(s) Computer Applications Introduction to Information Technology (recommended) Computer Information Technology
More informationCommunication Manager Email Template Library
Communication Manager Email Template Library Create and edit email templates for use in mass email and drip campaigns. Email templates can be stored in Template Tags for easy access to frequently used
More informationHow to Edit Your Website
How to Edit Your Website A guide to using your Content Management System Overview 2 Accessing the CMS 2 Choosing Your Language 2 Resetting Your Password 3 Sites 4 Favorites 4 Pages 5 Creating Pages 5 Managing
More informationHTML Creative Design Guidelines
HTML Creative Design Guidelines An effective design should do more than look nice. It should support the message and render correctly. When a design is properly executed, it really is worth a thousand
More informationJOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA
JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA All information presented in the document has been acquired from http://docs.joomla.org to assist you with your website 1 JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA BACK
More informationWEB DEVELOPMENT IA & IB (893 & 894)
DESCRIPTION Web Development is a course designed to guide students in a project-based environment in the development of up-to-date concepts and skills that are used in the development of today s websites.
More informationEmail Marketing. Best Practices
Email Marketing Best Practices Introduction Within email marketing, creative design serves two very important functions. First, properly composed email creative ensure proper rendering and deliverability
More informationstarting your website project
starting your website project Here are three comprehensive posts from our blog, refined and updated through feedback from our clients. Together, they cover the essentials of building a successful website.
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 informationWebsite 101: Visual Design And Content
Topic Website Tutorial 13 Website 101: Visual Design And Content This tutorial is the first of two that will look at the essential elements required for your website. The focus will be on visual design
More informationDrupal Web Content Management System (WCMS)
Drupal Web Content Management System (WCMS) Toolkit & User Guide College Marketing and Communications Information Technology Services Training Group Version 1.01 Last Updated: August 26, 2015 Contents
More informationThe Essential Guide to HTML Email Design
The Essential Guide to HTML Email Design Index Introduction... 3 Layout... 4 Best Practice HTML Email Example... 5 Images... 6 CSS (Cascading Style Sheets)... 7 Animation and Scripting... 8 How Spam Filters
More informationShort notes on webpage programming languages
Short notes on webpage programming languages What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is a markup language A markup language is a set of
More informationUsing the Content Management System 05-02-12
Using the Content Management System 05-02-12 Using the Content Management System Introduction 2 Logging In 3 Using the Editor 4 Basic Text Editing 5 Pasting Text 7 Adding Hyperlinks 8 Adding Images 9 Style
More informationLesson 1 Quiz. 3. The Internet is which type of medium? a. Passive b. Broadcast c. One-to-one d. Electronic print
Lesson 1 Quiz 1. Which technology trend in Web development can be defined as a group of XMLbased technologies that enable computers using different operating systems and software to easily exchange information
More informationGarfield Public Schools Fine & Practical Arts Curriculum Web Design
Garfield Public Schools Fine & Practical Arts Curriculum Web Design (Half-Year) 2.5 Credits Course Description This course provides students with basic knowledge of HTML and CSS to create websites and
More informationStyle Guide for Public-facing Job Corps Web Sites
US DEPARTMENT OF LABOR Office of Job Corps Style Guide for Public-facing Job Corps Web Sites Last Modified: 7/11/2012 Table of Contents Introduction... 3 General Information... 3 Content Management Overview...
More informationUser Guide. Chapter 6. Teacher Pages
User Guide Chapter 6 s Table of Contents 1. Introduction... 4 I. Enhancements... 5 II. Tips... 6 2. Key Information... 7 3. How to Add a... 8 4. How to Edit... 10 I. SharpSchool s WYSIWYG Editor... 11
More informationCCSIF Website Content Analysis and Usability Evaluation
Proximity Inc. Daniel Chen Proximity Inc. Phone 416 972 5459 2 Bloor Street West, 29th Floor, Toronto, ON M4W 3R6 CCSIF Website Content Analysis and Usability Evaluation By Daniel Chen Section 1 Background
More informationWebsite Planning Checklist
Website Planning Checklist The following checklist will help clarify your needs and goals when creating a website you ll be surprised at how many decisions must be made before any production begins! Even
More informationUSER GUIDE. Unit 4: Schoolwires Editor. Chapter 1: Editor
USER GUIDE Unit 4: Schoolwires Chapter 1: Schoolwires Centricity Version 4.2 TABLE OF CONTENTS Introduction... 1 Audience and Objectives... 1 Getting Started... 1 How the Works... 2 Technical Requirements...
More information1.1. Design elements
1.1 Design elements 1 The fundamental design elements, color, typography, structure and imagery contribute to an optimal user experience. The following section details the specifics of these elements.
More informationContent Management System (CMS) Training
Content Management System (CMS) Training Web Resources, Policies, Standards, & Guides College Communications Creative Services www.davidson.edu/creative-services Graphic Identity Standards www.davidson.edu/graphic-identity
More informationPowerPointoint Presentations a n d T U S K [
Color Schemes PowerPointoint Presentations a n d T U S K [ [ T U F T S U N I V E R S I T Y S C I E N C E S K N O W L E D G E B A S E ] Limit color palette to two or three dark colors against a light background
More information04 Links & Images. 1 The Anchor Tag. 1.1 Hyperlinks
One of the greatest strengths of Hypertext Markup Language is hypertext the ability to link documents together. The World Wide Web itself consists of millions of html documents all linked together via
More informationWEB WRITING WITH POWER IN 1 HOUR. presented by Uyen Mai, Public Affairs, Cal Poly Pomona
WEB WRITING WITH POWER IN 1 HOUR presented by Uyen Mai, Public Affairs, Cal Poly Pomona This training will cover Why good web writing matters What good web writing looks like How to reach more audiences
More informationHOW TO USE THIS GUIDE
HOW TO USE THIS GUIDE This guide provides step-by-step instructions for each exercise. Anything that you are supposed to type or select is noted with various types and colors. WHEN YOU SEE THIS Click Help
More informationGraphic Standards Manual
A guide to branding & corporate identity: Graphic Standards Manual The Bristol Chamber of Commerce 20 Volunteer Parkway, Bristol, TN 37620 423.989.4850 bristolchamber.org Bristol Chamber of Commerce Graphic
More informationSVSU Websites Style Guide. Need help? Call the ITD Lab, x7471
SVSU Websites Style Guide SVSU Websites Style Guide Need help? Call the ITD Lab, x7471 1 SVSU Websites Style Guide Contents Writing for the Web...3 Questions to Ask Yourself...3 Who is our priority audience?...3
More information2015 Marketing Guidelines. 2015 Parallels IP Holdings GmbH. All rights reserved. Terms of Use Privacy Policy
2015 Marketing Guidelines 2015 Parallels IP Holdings GmbH. All rights reserved. Terms of Use Privacy Policy Master Brand Components The Parallels logo is the cornerstone of the Parallels brand. Please
More informationHow To Design A Website For The Decs
ONLINE COMMUNICATION SERVICES FACTSHEET - DESIGN Created by: Mark Selan Version 1.1 Date Last Modified: April 2008 DESIGN GUIDELINES FOR GENER8 WEBSITES The purpose of this document is to provide Online
More informationFrequently Asked Questions
Technical FAQs Table of Contents Technical FAQs...3 Technical - General...4 What is a browser? Does it matter which one I use to access TaskStream?...4 What is a CSV file?...6 I am having trouble loading
More informationGuidelines for Effective Email Creative
Guidelines for Effective Email Creative While the need for quality and effective design has always existed from a marketing standpoint, challenges unique to the email space require a different look at
More informationWEB CONTENT WRITING GUIDE
WEB CONTENT WRITING GUIDE Last Updated: February 2013 1 1. INTRODUCTION Welcome to the Faculty of Education Web Content Writing Guide. This guide offers guidance on how to write clear, concise and engaging
More informationWCAG 2.0 Checklist. Perceivable Web content is made available to the senses - sight, hearing, and/or touch. Recommendations
WCAG 2.0 Checklist Perceivable Web content is made available to the senses - sight, hearing, and/or touch Guideline 1.1 Text Alternatives: Provide text alternatives for any non-text content Success Criteria
More informationAppendix H: Cascading Style Sheets (CSS)
Appendix H: Cascading Style Sheets (CSS) Cascading Style Sheets offer Web designers two key advantages in managing complex Web sites: Separation of content and design. CSS gives developers the best of
More informationHow to Create an HTML Page
This is a step-by-step guide for creating a sample webpage. Once you have the page set up, you can add and customize your content using the various tags. To work on your webpage, you will need to access
More informationJadu Content Management Systems Web Publishing Guide. Table of Contents (click on chapter titles to navigate to a specific chapter)
Jadu Content Management Systems Web Publishing Guide Table of Contents (click on chapter titles to navigate to a specific chapter) Jadu Guidelines, Glossary, Tips, URL to Log In & How to Log Out... 2 Landing
More informationGoogle Docs Basics Website: http://etc.usf.edu/te/
Website: http://etc.usf.edu/te/ Google Docs is a free web-based office suite that allows you to store documents online so you can access them from any computer with an internet connection. With Google
More informationCENTRAL KITSAP SCHOOL DISTRICT WEB DESIGN GUIDELINES
CENTRAL KITSAP SCHOOL DISTRICT WEB DESIGN GUIDELINES Revised January 2016 Contents Web Design Guide... 2 Color Pallette... Error! Bookmark not defined. Fonts... 2 Website Navigation and page guidleines...
More informationCOMMON CUSTOMIZATIONS
COMMON CUSTOMIZATIONS As always, if you have questions about any of these features, please contact us by e-mail at pposupport@museumsoftware.com or by phone at 1-800-562-6080. EDIT FOOTER TEXT Included
More informationMCH Strategic Data Best Practices Review
MCH Strategic Data Best Practices Review Presenters Alex Bardoff Manager, Creative Services abardoff@whatcounts.com Lindsey McFadden Manager, Campaign Production Services lmcfadden@whatcounts.com 2 Creative
More informationWeb Design Standards
Web Design Standards Contents Roles and Responsibilities... 3 Design Guidelines... 4 Page Layout... 4 Font and Styles... 4 File Types... 5 Page Names... 5 Images... 5 Academic Departments Required Content...
More informationDrupal Training Guide
Drupal Training Guide Getting Started Drupal Information page on the IT site: http://it.santarosa.edu/drupal On this page is information about Drupal sign up, what Drupal is, which is a content management
More informationAdvanced Drupal Features and Techniques
Advanced Drupal Features and Techniques Mount Holyoke College Office of Communications and Marketing 04/2/15 This MHC Drupal Manual contains proprietary information. It is the express property of Mount
More informationUsing Adobe Dreamweaver CS4 (10.0)
Getting Started Before you begin create a folder on your desktop called DreamweaverTraining This is where you will save your pages. Inside of the DreamweaverTraining folder, create another folder called
More informationGeorgia State University s Web Accessibility Policy (proposed)
Georgia State University s Web Accessibility Policy (proposed) The objective of this Internet Accessibility Policy is to place emphasis on content, effective communication, and interaction through Universal
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 informationBranding & Website Design. Mark Raymond Luminys, Inc. 949-654-3890 mraymond@luminys.com www.luminys.com
Branding & Website Design Mark Raymond Luminys, Inc. 949-654-3890 mraymond@luminys.com www.luminys.com 1 Designing a Website Requires a Lot of Skills 2 What do you do? Who is your audience? Product or
More informationUniversal Design Principles Checklist
Universal Design Principles Checklist The concept of Universal Design was developed by people who worked on designing equipment and environments for people with a disability. They saw that it was more
More informationEUROPEAN COMPUTER DRIVING LICENCE / INTERNATIONAL COMPUTER DRIVING LICENCE WEB EDITING
EUROPEAN COMPUTER DRIVING LICENCE / INTERNATIONAL COMPUTER DRIVING LICENCE WEB EDITING The European Computer Driving Licence Foundation Ltd. Portview House Thorncastle Street Dublin 4 Ireland Tel: + 353
More informationInspiring Creative Fun Ysbrydoledig Creadigol Hwyl. Web Design in Nvu Workbook 1
Inspiring Creative Fun Ysbrydoledig Creadigol Hwyl Web Design in Nvu Workbook 1 The demand for Web Development skills is at an all time high due to the growing demand for businesses and individuals to
More informationcustomer community Getting started Visual Editor Guide! www.pure360community.co.uk
Getting started! 1 Contents Introduction... 3 Visual Editor Options... 3-5 Advanced Tips... 6-7 Do s and Don ts... 7-9 Testing Messages... 10 2 Welcome The Visual Editor tool is the ideal resource for
More informationenhanced landing page groups and meetings template guidelines
enhanced landing page groups and meetings template guidelines table of contents groups and meetings templates 03 groups and meetings template specifications 04 web best practices 05 writing for enhanced
More informationConverting Prospects to Purchasers.
Email Template Guide LASSO EMAIL TEMPLATE EDITOR... 2 ABOUT LASSO EMAIL TEMPLATE EDITOR... 2 CREATING AN EMAIL TEMPLATE... 2 ACCESSING EMAIL TEMPLATES... 2 ADDING AN EMAIL TEMPLATE FOLDER... 3 BASIC PRINCIPLES
More informationabcdefghijklmnopqrstuvwxyz
Texas State University Brand Guidelines TEXAS STATE LOGO Do not use logos that include the words San Marcos. Alternate color options are available for download at umarketing.txstate.edu/logos Primary for
More informationEmail Guidelines. The following guidelines are for companies who develop email HTML design/creative and copy.
The following guidelines are for companies who develop email HTML design/creative and copy. In today s email environment it is imperative that mailers consider the limitations presented by email readers
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 informationWebsite Planning Worksheet
Website Planning Worksheet This planning worksheet is provided to assist you in thinking out the elements of your website. The more you know before you begin, the smoother the design process. We ask that
More information» Logo / Brand Usage Quick Reference guide OCTOBER 2013
» Logo / Brand Usage Quick Reference guide OCTOBER 2013 Babson s strong visual identity builds alignment and customer loyalty. Correct application of the Babson logo strengthens the Babson brand. Use of
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 informationAdobe Dreamweaver Exam Objectives
Adobe Dreamweaver audience needs for a website. 1.2 Identify webpage content that is relevant to the website purpose and appropriate for the target audience. 1.3 Demonstrate knowledge of standard copyright
More informationState of Nevada. Ektron Content Management System (CMS) Basic Training Guide
State of Nevada Ektron Content Management System (CMS) Basic Training Guide December 8, 2015 Table of Contents Logging In and Navigating to Your Website Folders... 1 Metadata What it is, How it Works...
More information