GUIDELINES FOR WEB SITE DESIGN CHAPTER 10
|
|
- Abel Sharp
- 6 years ago
- Views:
Transcription
1 GUIDELINES FOR WEB SITE DESIGN CHAPTER 10 What makes a Web site good? Who defines good? From whose perspective is it good the site visitor or the sponsoring organization? The following questions and tips are intended only as guidelines, not hard-and-fast rules that must be followed. These questions are only the beginning of a series of questions that organizations and Web site visitors should consider. The tips, like the questions, are only the beginning of tips for good, usable Web site design. Listed at the end of these guidelines are Web sites that provide additional Web site design tips. Sponsoring Organization Questions Visitor Questions Content Tips Web Site Structure Web Page Structure Text Colour Graphics Links Search Audio, Video, and Animation Links to Other Design Tips Sponsoring Organization Questions Who is our audience? Do we understand them? Do we know what they will search the Web site for? Do we have the capability to build this type of Web site? If not, can we afford to hire outside consultants to build our Web site? Can we obtain statistics from our Web site indicating the number of different visitors and which pages are most popular to facilitate decision making about the Web site and its content? Can our current hardware support the volume of Web site hits we will experience? How often will we update our Web site? Who will be responsible for the Web site and for updating it? Visitor Questions Is this Web site easy to navigate (i.e., you can click to the desired information)? Can I find what I need on the Web site? Is the information presented in an easy-to-read, easy-to-print format? Is the information up to date?
2 Is there a search engine on the home page to help me find what I need? Is there a date that shows when a particular page was last updated? Is there contact information, including and regular mail, as well as a telephone number? Are all the pages on this site consistent in terms of navigation and structure? Do the pages load quickly? Do all of the links work? Content Tips Determine your audience and what their purpose is in visiting your site. Determine the intention of your site and the elements and content to be included based on the purpose of your target audience. Consider providing a Web site, either the original or a "shadow" site, for visitors who do not wish to use Flash and/or for visitors who may be disabled and may need larger font sizes, different forms of navigation, etc. Provide printing options for pages that carry a lot of graphics or that are in frames. Content should be understandable, easy to read, concise, complete, accurate, and up to date. Each Web page should contain content that is focused on the topic covered by that page. Content should be reviewed to ensure that it meets the organization's standards for content, grammar, tone, style, use of jargon and colloquialisms, etc. Web Site Structure Determine the browsers and versions of browsers for which you are building your Web site. Determine which connection speed most of your visitors will use. Determine which display resolution most of your visitors will use. Try to have all information available within three hyperlinks or clicks of the home page. Consider using a site map available from the home page to show users where information they are looking for may be located. If possible, the site map should be clickable, enabling visitors to click on a hyperlink within the site map to access Web pages. Use consistent navigation throughout the Web site. For example, use only hyperlinks that are underlined, or use only a particular size and style of icon or graphic to hyperlink to other pages within the site. Or consider using frames that permit the most frequently accessed links to remain on the viewer's screen as other pages are brought up in the browser. While most Web sites offer navigation at the top or left side of the Web page, the right side is actually more convenient for mouse-clicking for right-handed visitors, who are the majority of the world's population. Consider the use of frames, "server sides," or tables for the site structure. Once this decision is made, be consistent throughout the site. Consider using an "anchor" element, such as a logo or menu bar, throughout the site. Use the same background for all pages wherever possible and appropriate. Periodically, review the entire site and each page. There are free sites on the Internet that will do this for you, checking for functioning hyperlinks, mismatched tags, typographical errors, etc. Pilot test your site. Where possible, use a focus group of potential visitors to examine your site and provide feedback.
3 Don't disable the Back button visitors should always be permitted to return to the previous page on their browser by using the Back button. Always give credit where credit is due. Obtain copyright permissions whenver needed and give credit on your Web site for those permissions. Web Page Structure Use Web page titles, subtitles, and headings that indicate the contents of the Web page. Try to keep all Web pages short so the visitor does not need to scroll down too often. Pages should not be longer than 2 3 screens of content (use short paragraph/sentence lengths). Put important information at the top of the page so that visitors do not have to scroll down too often. Align Web page elements and keep the overall alignment consistent throughout all site pages. Make all Web pages as small as possible in terms of bytes to facilitate fast downloading. Use a "date stamp" to show when the page was last updated. The date stamp should show the complete date (e.g., January 29, 2002) to ensure that visitors understand the difference in the day versus the month (01/29/02 or 29/01/02?). Balance text and graphics with white space. Make sure that any element (text, graphics, animation, sound, frames, etc.) is needed and relates to the purpose of that specific page and the whole Web site. Provide easy access to complementary functionality, such as a calculator. Make sure that all page elements function properly (links, counters, clocks, etc.) Include copyright notices and credits in the footers of appropriate pages. Include the URL on each page to facilitate visitors' return to the page, even if using a printout as their reference. Where appropriate, include at least an link on each page to the individual responsible for the content of that page. Text Be consistent in use of font types and styles. Use readable fonts and font sizes. Use spell and grammar checking for all text. Limit the use of blinking text. Don't underline text visitors will think the text is a hyperlink. Colour Decide on a colour scheme and stick to it. Use colours that have meaning and will always mean the same throughout the site. For example, if hyperlinks are to be royal blue, then all hyperlinks within the site should be royal blue. Conversely, all "used" hyperlinks should also be consistent in colour, either a faded shade of the original hyperlink colour, or a completely different colour. Unused hyperlinks should be brighter in colour than used hyperlinks. Make sure you have enough contrast between your background colour and the colour of your text.
4 Graphics Use only graphics that are relevant and necessary to convey your message. Limit the number of graphics on each page. Limit the size of your graphic files. Limit the width of graphics to 472 pixels because most browsers default to about 500 horizontal pixels. Include width and height information in the HTML code for the graphics because graphics load faster in many browsers when this is done. Use thumbnail pictures for large graphics and give the option of taking the visitor to the fullsized image by clicking on the thumbnail. Use JPEG compression for photographs and other continuous tone images. Use GIF compression for line drawings. Use understandable images and icons, sized as small in terms of bytes as possible while maintaining legible resolution to facilitate fast downloading. Be consistent in the use of icons and images, using labels or descriptions of the image, including those where clicking on the image will take the visitor. Links If a hyperlink, whether external or internal, takes the visitor to a new browser window, then all hyperlinks of that type (external or internal) should bring up a new window. If the hyperlink comes up in the current window, then all of that type of hyperlink should do the same. Periodically, check every hyperlink to ensure that it is functional. Indicate external vs. internal links. If linking to download a file, indicate the size and type of file that will begin to download so that the visitor may decide not to download the file. Also, use a description of the content of the file (e.g., video of two dogs barking at the mailman). Use descriptive words for links. Do not use single characters for links they can be hard to click on. When using a graphic as a hyperlink, include the text or label that accompanies the graphic in the hyperlink. Consider using fixed links to take the visitor to the next page, previous page, or main menu within your site. This is particularly useful for pages with content that spans several Web pages. Include a link to a local home page on every page. Search Use a search engine that will search only your Web site. If appropriate, include a search engine separate from the internal search engine that will search external sites. Audio, Video, and Animation Use audio and video only where appropriate.
5 Limit the number of times an animation will loop. Provide an "off" switch for music. Use multimedia elements in standard formats. Minimize the size of audio and video files. Links to Other Design Tips Barron, Ann E., Brendan Tompkins, and David Tai, "Design Guidelines for the World Wide Web," Kaiser, Jean, "Web Design Guidelines Design Tips and Guidelines," webdesign.about.com/cs/designtips/index.htm Kaiser, Jean, "Web Design Guidelines Web Design," webdesign.about.com/library/weekly/aa010500a.htm Research-Based Wed Design & Usability Guidelines, provided by the National Cancer Institute in the U.S., Sullivan, Terry, "All Things Web: Design Fundamentals,"
UNSW 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 informationFinal Study Guide Arts & Communications
Final Study Guide Arts & Communications Programs Used in Multimedia Developing a multimedia production requires an array of software to create, edit, and combine text, sounds, and images. Elements of Multimedia
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 informationAGENDA. HTML CODING YOUR HOMEPAGE [ Part IV ] :: NAVIGATION <nav> :: CSS CODING FOR HOMEPAGE [ <nav> & child elements ] CLASS :: 13.
:: DIGITAL IMAGING FUNDAMENTALS :: CLASS NOTES CLASS :: 13 04.26 2017 3 Hours AGENDA HTML CODING YOUR HOMEPAGE [ Part IV ] :: NAVIGATION home works
More informationCAMERON UNIVERSITY AggieAccess Channel Policy
CAMERON UNIVERSITY AggieAccess Channel Policy Policy Statement A set of standards for the development and maintenance of Channels in the AggieAccess portal. Contents Who should know this Policy? Responsibilities
More informationPage Content. Inserting Text To add text to your document, you can type the text directly or use Cut or Copy and Paste or Paste Special.
This section describes how to add content to your pages including text, Microsoft Office documents, images, Flash, and other media content. Inserting Text To add text to your document, you can type the
More informationHome. Video. Paint Balling. Quad Biking. Website Report. Archery. Contact. Target Audience. Navigation Structure
Website Report Target Audience The target audience for my website is for families or people who like outdoor activities. This place would be for people who like to have fun and who would also like to keep
More informationLearn Dreamweaver CS5 in a Day
Learn Dreamweaver CS5 in a Day Topic File Used Page Number Instructions...1 Chapter 1 Tutorial 1. Introduction... 3 2. Previewing finished site in your web browser...als_portfolio... 7 3. Starting Up Dreamweaver...
More informationCHAPTER 2 Information processing (Units 3 and 4)
CHAPTER 2 Information processing (Units 3 and 4) Information-processing steps (page 54) a For each of the following information-processing steps, state its purpose and provide two examples of technology
More information2/1/2016. Discuss website usability essentials Explain principles of design Critique a website in terms of usability and design
Due Tuesday, Feb. 9 upload to Blackboard Locate five HTML (not Flash) websites you believe exhibit good web design, usability and accessibility principles. Each website s critique is worth 10 points (50
More information8/19/2018. Web Development & Design Foundations with HTML5. Learning Objectives (1 of 2) Learning Objectives (2 of 2) Horizontal Rule Element
Web Development & Design Foundations with HTML5 Ninth Edition Chapter 4 Visual Elements and Graphics Learning Objectives (1 of 2) 4.1 Create and format lines and borders on web pages 4.2 Apply the image
More informationMicrosoft Office PowerPoint 2013 Courses 24 Hours
Microsoft Office PowerPoint 2013 Courses 24 Hours COURSE OUTLINES FOUNDATION LEVEL COURSE OUTLINE Using PowerPoint 2013 Opening PowerPoint 2013 Opening a Presentation Navigating between Slides Using the
More informationThere are four (4) skills every Drupal editor needs to master:
There are four (4) skills every Drupal editor needs to master: 1. Create a New Page / Edit an existing page. This entails adding text and formatting the content properly. 2. Adding an image to a page.
More informationCertificate in Digital Applications Unit 1: Developing Web Products
Reference Material: Commentaries Certificate in Digital Applications Unit : Developing Web Products Sample Assessment Material Paper Reference: DA20/0 Candidate A Examiner s notes on the work of Candidate
More informationImage Optimisation. Image Dimensions...1 Image File Formats...2 Adding Images...5 Thumbnails...13 Summary...15
Table of Contents Image Optimisation Image Dimensions...1 Image File Formats...2 Adding Images...5 Thumbnails...13 Summary...15 Introduction Images are placed on a website to enhance its appearance. However,
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 informationWeb Development & Design Foundations with XHTML. Chapter 4 Key Concepts
Web Development & Design Foundations with XHTML Chapter 4 Key Concepts Learning Outcomes In this chapter, you will learn to: Create and format lines and borders on Web pages Decide when to use graphics
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 informationWeb Design Best Practices Checklist
1 Web Design Best Practices Checklist Evaluation Scale Proficient Needs Improvement Missing/ Incomplete Not Applicable 2-0-1 N/A Evaluation Criteria Points A. Page Layout 1. Appealing to target audience
More informationGETTING STARTED IN FRONTPAGE 2000 SETTING THE BACKGROUND
STUDENT INFORMATION PACKET GETTING STARTED IN FRONTPAGE 2000 Click on the icon on the Desktop or go to Start > Programs > FrontPage. This will open a blank white page. Now the fun begins SETTING THE BACKGROUND
More informationDesigning for Web Using Markup Language and Style Sheets
Module Presenter s Manual Designing for Web Using Markup Language and Style Sheets Effective from: July 2014 Ver. 1.0 Amendment Record Version No. Effective Date Change Replaced Pages 1.0 July 2014 New
More informationIntroduction to the Internet and World Wide Web p. 1 The Evolution of the Internet p. 2 The Internet, Intranets, and Extranets p. 3 The Evolution of
Introduction to the Internet and World Wide Web p. 1 The Evolution of the Internet p. 2 The Internet, Intranets, and Extranets p. 3 The Evolution of the World Wide Web p. 3 Internet Standards and Coordination
More informationThe University of Hawaii at Manoa Library Webpage Content/Design/Style Guidelines General Site Design... 2
The University of Hawaii at Manoa Library Webpage Content/Design/Style Guidelines Compiled and authored by Beth Tillinghast, Chair, Library Website Redesign Committee Images provided by Wilbur Wong and
More informationekaizen Lessons Table of Contents 1. ebook Basics 1 2. Create a new ebook Make Changes to the ebook Populate the ebook 41
Table of Contents 1. ebook Basics 1 2. Create a new ebook 20 3. Make Changes to the ebook 31 4. Populate the ebook 41 5. Share the ebook 63 ekaizen 1 2 1 1 3 4 2 2 5 The ebook is a tabbed electronic book
More informationEdexcel CiDA Course Overview
Edexcel CiDA Course Overview Level 2 Certificate in Digital Applications: Graded A*-C 2 units Coursework & examination Assessment objectives: Applying creative processes to design digital products Selecting
More informationOverview. Importance of Design. Lost in hyperspace. Site Organisation. Designing Structure. Lecture 14 Web Usability
Overview Lecture 14 Web Usability Boriana Koleva Room: C54 Email: bnk@cs.nott.ac.uk Website design Information structure Navigation Webpage design Text Graphics Audio Video Aesthetics Usability Importance
More information9/29/2010. Slide title. Bulleted text. Clip art. SmartArt graphic. Microsoft Office Illustrated Introductory, Premium Video Edition
Microsoft Office 2007- Illustrated Introductory, Premium Video Edition Creating A in PowerPoint 2007 A Typical Slide Bulleted text Slide title Clip art SmartArt graphic 2 Planning an Effective When planning
More informationCambrian College Online Course Review Checklist
Course Code: Instructor: Reviewed By: Cambrian College Online Course Review Checklist Course Name: Date Reviewed: Instructions: The criteria in the Checklist reflect design principles required for all
More informationConverting HTML to PDF author debbiet
DisDat Designs debbiet's PDF conversion Converting HTML to PDF author debbiet Converting HTML files to PDF using HTML Doc Authored by debbiet...1 Let's Get Started...1 Input Tab...1 Output Tab...2 Page
More information8/19/2018. Web Development & Design Foundations with HTML5. Learning Objectives. Overall Design Is Related to the Site Purpose. Website Organization
Web Development & Design Foundations with HTML5 Ninth Edition Chapter 5 Web Design Slides in this presentation contain hyperlinks. JAWS users should be able to get a list of links by using INSERT+F7 Learning
More informationGood Practice Guide No 8. An Introduction to Spreadsheets for Finance
Good Practice Guide No 8 An Introduction to Spreadsheets for Finance WYCAS provides a range of specialist services designed to meet the needs of the third sector One to one support and training Preparation
More informationGetting Started with Microsoft PowerPoint 2003
Getting Started with Microsoft PowerPoint 2003 Overview: This handout provides basic introductory information about Microsoft PowerPoint and its application in the classroom. Audience: All instructional
More informationSeminar on Web Design
Seminar on Web Design by Stamatina Anastopoulou Definitions Outline www; http; html; html tags The Meta element Design issues: Content-structure-presentation Planning-Designing-Testing Design principles
More informationDRAFT WEB DESIGN 1 HBT 3131 HBT 3131 Web Design 1 Credit: Grade: Term: ACP Credit: Books: Resource List:
WEB DESIGN 1 HBT 3131 HBT 3131 Web Design 1 Credit: 0.5 Computer or Practical Arts/Technology Grade: 10, 11, 12 Term: 1 Semester ACP Credit: MGD141* Books: Shelley Cashman HTML 4.1 Concepts and Techniques,
More informationThe Online elearning Course Creation Tool
The Online elearning Course Creation Tool 1 Create User Manual v2.2 Contents Overview... 4 Technical Details... 4 Content media requirements... 4 Terminology used... 4 Accessing Create... 5 User Details...
More informationPASTPERFECT-ONLINE. No web design or programming expertise is needed to give your museum a worldclass web presence.
PASTPERFECT-ONLINE PastPerfect-Online is the fast, affordable and easy way to provide public access to your PastPerfect data via the World Wide Web. Built on proven MWeb technology, PastPerfect-Online
More informationWeb Site Design Principles
Web Site Design Principles Objectives: Understand the Web design environment Design for multiple screen resolutions Craft the look and feel of the site Create a unified site design Design for the user
More informationIntroduction to Microsoft Office PowerPoint 2010
Introduction to Microsoft Office PowerPoint 2010 TABLE OF CONTENTS Open PowerPoint 2010... 1 About the Editing Screen... 1 Create a Title Slide... 6 Save Your Presentation... 6 Create a New Slide... 7
More informationCertificate in Digital Applications
Reference Material: Commentaries Certificate in Digital Applications Unit : Developing Web Products Sample Assessment Material Paper Reference: DA2/ Candidate B Examiner s notes on the work of Candidate
More informationAdobe Web Communication using Dreamweaver CS5 Curriculum/Certification mapping
Adobe Web Communication using Dreamweaver CS5 Curriculum/Certification mapping OBJECTIVES Domain 1.0 Setting Project Requirements 1.1 Identify the purpose, audience, and audience needs for a website. 1.2
More informationDesigning a Web Site. Michelle Hulett
0 Designing a Web Site Michelle Hulett 1 Table of Contents Designing a Web Site... 0 Table of Figures... 2 Proximity and Balance... 3 Contrast and Focus... 4 Consistency... 4 Appropriate Background...
More informationDazzle the Web with Dynamic Dreamweaver, Part II
Dazzle the Web with Dynamic Dreamweaver, Part II In the second Dreamweaver workshop we will learn the following skills: 1. Adding hyperlinks to our home page 2. Adding images to our home page 3. Creating
More informationPowerPoint Tutorial 2: Adding and Modifying Text and Graphic Objects 2013
PowerPoint Tutorial 2: Adding and Modifying Text and Graphic Objects Microsoft Office 2013 2013 Objectives Insert a graphic from a file Insert, resize, and reposition clip art Modify the color and shape
More informationBasic CMS User Guide
"We create exceptional business solutions for cash-pay healthcare professionals that enable them to realize their full potential." Basic CMS User Guide Version 1.2 3/28/2012 1 Table of Contents Table of
More informationWeb Design, 5 th Edition
Planning a Successful Website: Part 2 Web Design, 5 th Edition Chapter Objectives Discuss the relationship between page length, content placement, and usability Complete Step : Specify the s navigation
More informationAdobe Web Authoring using Adobe Dreamweaver Exam and objectives
Adobe Web Authoring using Adobe Dreamweaver Exam and objectives After taking the exam, your score is electronically reported. Please allow 2-4 weeks from the date you pass the exam to receive your ACA
More informationNVU Web Authoring System
NVU Web Authoring System http://www.nvu.com/index.php Table of Contents Using Nvu as Your Web Page Authoring System: Getting Started Opening a page, saving, and previewing your work...3 Formatting the
More informationGoogle Sites Guide Nursing Student Portfolio
Google Sites Guide Nursing Student Portfolio Use the template as base, but customize it according to your design! Change the colors and text, but maintain the required pages and information. Topic Outline:
More informationTechnical Communication A Practical Approach: Chapter 11: Web Pages and
Publish on the Web Technical Communication A Practical Approach: Chapter 11: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins Craig Baehr Revised for ENGR 139 by x.m. spring 2010
More informationESKIMM2 (SQA Unit Code - F9CN 04) Multimedia software
Overview This is the ability to use multimedia software designed to combine, manipulate and animate a variety of objects and data types in layouts appropriate for subsequent production to screen. In general,
More informationPerfect Presentations Hop-around Cards
Perfect Presentations Hop-around Cards Visit us online at HOP-AROUND CARDS Instructions for use. Preparation Print the cards out using a high quality colour printer Laminate each sheet and then cut out
More informationPowerPoint 2010 Quick Start to a Presentation
PowerPoint 2010 Quick Start to a Presentation Backstage View Button Similar to old File button 1 On opening a new presentation, from Slides choose a Layout for a particular template, e.g. a title page.
More informationUnit 8. Lesson 8.1. Microsoft FrontPage. Introduction. Microsoft FrontPage-1. Microsoft FrontPage
Microsoft FrontPage Unit 8 Microsoft FrontPage Introduction Lesson 8.1 Microsoft FrontPage-1 A number of Software Packages are available in market for creating a website. Among popular software s are Dreamweaver,
More informationINFS 2150 / 7150 Intro to Web Development / HTML Programming
XP INFS 2150 / 7150 Intro to Web Development / HTML Programming Working with Graphics in a Web Page 1 Objectives Learn about different image formats Control the placement and appearance of images on a
More informationThe content editor has two view modes: simple mode and advanced mode. Change the view in the upper-right corner of the content editor.
Content Editor The content editor allows you to add and format text, insert equations and hyperlinks, tables, and attach different types of files to content. The editor appears throughout the system as
More informationKeynote Basics Website:
Keynote Basics Website: http://etc.usf.edu/te/ Keynote is Apple's presentation application. Keynote is installed as part of the iwork suite, which also includes the word processing program Pages. If you
More informationM4-R4: INTRODUCTION TO MULTIMEDIA (JAN 2019) DURATION: 03 Hrs
M4-R4: INTRODUCTION TO MULTIMEDIA (JAN 2019) Max Marks: 100 DURATION: 03 Hrs M1-R4-01-19 1.3 Which of the following tag pair is used to list the text? (a) and (b) and (c)
More informationWeb Manager 2.0 User s Manual Table of Contents
Web Manager 2.0 User s Manual Table of Contents Table of Contents... 1 Web Manager 2.0 Introduction... 2 Rights and Permissions... 2 User Access Levels... 2 Normal Access... 2 Publisher Access... 2 WM2
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 informationMihaylo College Website Content Editing Guide
Mihaylo College Website Content Editing Guide The following guide will take you through the steps necessary to update website content for https://business.fullerton.edu through the OmniUpdate (OUCampus)
More informationAbout Netscape Composer
An About Netscape Composer The pictures and directions in this handout are for Netscape Composer that comes with the Netscape Communicator 4.7 package available for free from Netscape s web site at http://www.netscape.com.
More informationLesson 1 Introduction to PowerPoint
Lesson 1 Introduction to PowerPoint What It Is-- Presentation tool that allows you to view slides Can include text, graphics, animation, sound, video, charts, and transitions Can create handouts, speaker
More informationMaking Information Accessible. Guidelines for producing accessible printed and electronic information
Making Information Accessible Guidelines for producing accessible printed and electronic information June 2010 Making Information Accessible The requirement for information to be accessible to disabled
More informationWeb Design: Business Site Project
Web Design: Business Site Project Purpose: You will be developing a large business site. The purpose of this website is to demonstrate your knowledge of web design elements. Directions: You will have benchmark
More informationUsing Microsoft Word. Working With Objects
Using Microsoft Word Many Word documents will require elements that were created in programs other than Word, such as the picture to the right. Nontext elements in a document are referred to as Objects
More informationRev. A 02/02/2016 Downers Grove Public Library Page 1 of 50
Objectives... 3 PowerPoint 2016 Screen Overview... 4 File Tab on the Ribbon... 5 Use Tell Me for Interactive Help... 6 Accessing Documents and Templates... 7 Searching for Templates... 8 Printing... 9
More informationPrezi PREZI ONLINE ACCOUNT START FROM A TEMPLATE
Prezi PREZI ONLINE ACCOUNT Go to www.prezi.com/pricing/edu and sign up for an online only account. This account is available anywhere in the world as long as you have access to the internet. After creating
More informationYou can make your own layout / theme for your PowerPoint project.
About the PowerPoint Intermediate Workshop The purpose of the PowerPoint Intermediate workshop is to inform users more about the design aspect of making presentations. We will build on the skills learned
More informationCHAPTER 3 WEB DESIGN BASICS KEY CONCEPTS
BASICS OF WEB DESIGN CHAPTER 3 WEB DESIGN BASICS KEY CONCEPTS 1 LEARNING OUTCOMES Describe the most common types of website organization Describe principles of visual design Design for your target audience
More informationIndependence Community College Independence, Kansas
Independence Community College Independence, Kansas C O N T E N T S Unit 1: Creating, Modifying, and Enhancing FrontPage Webs and Pages 1 Chapter 1 Investigating FrontPage 2002 3 Exploring World Wide Web
More informationReggieNet: Content Organization Workshop. Facilitators: Mayuko Nakamura (mnakamu), Charles Bristow (cebrist) & Linda Summers (lsummer)
ReggieNet: Content Organization Workshop Facilitators: Mayuko Nakamura (mnakamu), Charles Bristow (cebrist) & Linda Summers (lsummer) Content Organization Overview There are many ways to organize content
More informationPage 1 of 11 Units: - All - Teacher: WebPageDesignI, CORE Course: WebPageDesignI Year: 2012-13 Introduction to the World of Web Standards Why do web development standards play a key role in the proliferation
More informationWeb Authoring Guide. Last updated 22 February Contents
Web Authoring Guide Last updated 22 February 2016 Contents Log in................................ 2 Write a new post...3 Edit text...4 Publish a post...5 Create a link...6 Prepare photographs...7 Insert
More informationPresentation. Graphics: Language Arts. Lesson 10. Activity 1: Biography. Activity 4: Analyzing a Poem. Activity 5: Environmental Effects
Lesson 10 Presentation Graphics: Language Arts Activity 1: Biography Create a Presentation from a Blank Presentation Work with Placeholders Add Slides to a Presentation Change a Slide Layout Apply a Theme
More informationREIF. Presentation Guidelines
REIF Presentation Guidelines INTRODUCTION These guidelines were established to maximize consistency and legibility in all future REIF presentations. Important aspects to consider when building your presentation
More informationLesson 5 Introduction to Cascading Style Sheets
Introduction to Cascading Style Sheets HTML and JavaScript BASICS, 4 th Edition 1 Objectives Create a Cascading Style Sheet. Control hyperlink behavior with CSS. Create style classes. Share style classes
More informationเพ มภาพตามเน อหาของแต ละบท. Basic of Web Design by Assoc. Prof. Churee Techawut and Dr. Ratsameetip Wita adapted into English by Dr.
เพ มภาพตามเน อหาของแต ละบท http://highlevelstudios.com/images/basic_design.jpg Basic of Web Design by Assoc. Prof. Churee Techawut and Dr. Ratsameetip Wita adapted into English by Dr. Prakarn Unachak 1.
More informationHTML TIPS FOR DESIGNING.
This is the first column. Look at me, I m the second column.
More informationICSPS: ADA COMPLIANCE CHECKLIST: General HTML Coding and Layout
ICSPS: ADA COMPLIANCE CHECKLIST: General HTML Coding and Layout Auditor Name: Auditor Department: Audited Site URL/Name: Date: YES NO Is there a link at the top of each page that goes directly to the main
More informationOUTLINE. Advanced Technical Communication & Writing Skills. What is technical communication? Technical communication skills
Advanced Technical Communication & Writing Skills What is technical communication? Technical communication skills Principles of technical writing Technical writing is interpreting Planning is crucial Technical
More informationPolishing and Running a Presentation
Polishing and Running a Presentation Objectives Add pictures Add sound Add video Set slide transitions and timing Animate slide objects 2 Objectives Use speaker notes and slide show commands Print handouts
More informationCreating Web Pages Using Netscape Composer AGENDA FOR THIS WORKSHOP. 1. How does it all work? 2. What do I need to get started at Fairfield?
Creating Web Pages Using Netscape Composer AGENDA FOR THIS WORKSHOP 1. How does it all work? 2. What do I need to get started at Fairfield? 3. What is HTML coding? 4. The 10 HTML Tags that you should know.
More informationWebsite software. Assessment Criteria The learner can:
ITQ within the Business Skills suite Unit Title: Website software OCR unit number: 22B Unit reference number: R/502/4631 Level: 2 Credit value: 4 Guided learning hours: 30 Learning Outcomes 1. Create structures
More informationDIGITAL ANIMATION AND MULTIMEDIA BS (1 st or 2 nd Semester)
DIGITAL ANIMATION AND MULTIMEDIA BS000014 (1 st or 2 nd Semester) Grades 10, 11, 12 ½ Unit Prerequisite: None (Multimedia Applications Recommended) Digital Animation and Multimedia will explore the use
More informationObjective Explain concepts used to create websites.
Objective 106.01 Explain concepts used to create websites. WEB DESIGN o The different areas of web design include: Web graphic design User interface design Authoring (including standardized code and proprietary
More informationSpring Semester Study Guide
Spring Semester Study Guide 1. When you create a table in Datasheet view, Access automatically adds a field called ID as the first field in the table. 2. To undo the most recent change to a table structure,
More informationWorking with Images and Multimedia
CHAPTER Working with Images and Multimedia You can make your web page more interesting by adding multimedia elements. You can download the files featured in this chapter from www.digitalfamily.com/tyv.
More informationUnit 3. Design and the User Interface. Introduction to Multimedia Semester 1
Unit 3 Design and the User Interface 2018-19 Semester 1 Unit Outline In this unit, we will learn Design Guidelines: Appearance Balanced Layout Movement White Space Unified Piece Metaphor Consistency Template
More informationBootstrap All-in-One
Solving big problems is easier than solving little problems. Sergey Brin Bootstrap All-in-One A Quick Introduction to Managing Content in Cascade Alex King, Jay Whaley 4/28/17 Bootstrap Docs Facilities
More informationBMS2062 Introduction to Bioinformatics. Lecture outline. What is multimedia? Use of information technology and telecommunications in bioinformatics
BMS2062 Introduction to Bioinformatics Use of information technology and telecommunications in bioinformatics Topic 2: The Internet and multimedia Ros Gibson Lecture outline What is the Web? (previous
More informationAVS4YOU Programs Help
AVS4YOU Help - AVS Document Converter AVS4YOU Programs Help AVS Document Converter www.avs4you.com Online Media Technologies, Ltd., UK. 2004-2012 All rights reserved AVS4YOU Programs Help Page 2 of 39
More informationDrupal 7 guide CONTENTS. p. 2 Logging In
Drupal 7 guide Drupal is a widely used, open-source, free platform that has an easy-to-use content management system for updating websites. This guide was created by the Health Communication Core (www.healthcommcore.org)
More informationDo It Yourself Website Editing Training Guide
Do It Yourself Website Editing Training Guide Version 3.0 Copyright 2000-2011 Sesame Communications. All Rights Reserved. Table of Contents DIY Overview 3 What pages are editable using the DIY Editing
More informationSOFTWARE AND MULTIMEDIA. Chapter 6 Created by S. Cox
SOFTWARE AND MULTIMEDIA Chapter 6 Created by S. Cox OBJECTIVES Classify multimedia application software Describe software needed to create elements of a multimedia production Identify the software used
More informationKeynote 08 Basics Website:
Website: http://etc.usf.edu/te/ Keynote is Apple's presentation application. Keynote is installed as part of the iwork suite, which also includes the word processing program Pages and the spreadsheet program
More informationCreate Sponsor Scroll
Appendix B Create Sponsor Scroll TABLE OF CONTENTS... 1 CREATE, ANIMATE AND UPLOAD SPONSOR LOGOS Create... 2 Animate... 5 Upload... 6 Please note, this process requires two different programs, which should
More informationLECTURE 4 THE USES OF TEXT IN MULTIMEDIA
LECTURE 4 THE USES OF TEXT IN MULTIMEDIA 1 Objective Media Types What text is How text is created and stored in the computer How text is used in Multimedia Systems Advantages and Disadvantages of using
More informationIntroduction to Microsoft PowerPoint 2000
Introduction to Microsoft PowerPoint 2000 TABLE OF CONTENTS Accessing PowerPoint 2000... 3 Starting a Presentation... 3 About the Editing Screen in Normal Screen View... 4 About Menu Displays in PowerPoint
More informationProcedure for Developing a Multimedia Presentation
Procedure for Developing a Multimedia Presentation Procedure for Developing a Multimedia Presentation These first two steps were covered earlier. They are a part of the procedure for creating a multimedia
More informationChapter 2 Creating and Editing a Web Page
Chapter 2 Creating and Editing a Web Page MULTIPLE CHOICE 1. is a basic text editor installed with Windows that you can use for simple documents or for creating Web pages using HTML. a. Microsoft Word
More information