Skill Area 323: Design and Develop Website. Multimedia and Web Design (MWD)
|
|
- Chastity O’Neal’
- 6 years ago
- Views:
Transcription
1 Skill Area 323: Design and Develop Website Multimedia and Web Design (MWD)
2 323.1 Design and Plan a Web site (7 hrs) Web Authoring Tool List and Use various features to make a Website Web content and structure of site Apply the principles of Web Design
3 Text Element features of a web design Background does not interrupt the text Text is big enough to read, but not too big The hierarchy of information is perfectly clear Columns of text are narrower than in a book to make reading easier on the screen
4 Element features of a web Navigation design (cont) Navigation buttons and bars are easy to understand and use Navigation is consistent throughout web site Navigation buttons and bars provide the visitor with a clue as to where they are, what page of the site they are currently on Frames, if used, are not obtrusive A large site has an index or site map
5 Element features of a web design (cont) Links Link colors coordinate with page colors Links are underlined so they are instantly clear to the visitor Graphics Buttons are not big and dorky Every graphic has an alt label Every graphic link has a matching text link Graphics and backgrounds use browser-safe colors Animated graphics turn off by themselves
6 Element features of a web design (cont) General Design Pages download quickly First page and home page fit into 800 x 600 pixel space All of the other pages have the immediate visual impact within 800 x 600 pixels Good use of graphic elements (photos, subheads, pull quotes) to break up large areas of text Every web page in the site looks like it belongs to the same site; there are repetitive elements that carry throughout the pages
7 Principles of WebDesign Easy to read Easy to navigate Loading speed (is website quick to load?) User friendly Consistency Good, original content Simplicity
8 Easy to read If background colors or images are used, the text on top of the background should be in a color that can easily be seen. Use a color scheme that contrasts and complements and is pleasing to the eye. White space between images and sections of text make a page easier to view. Use a font that is large and easy to read.
9 Easy to navigate User should be able to find the information they are looking for without hassle and frustration The site's navigation buttons should be grouped together If image links are used, text links should also be provided for those people who have images turned off on their browser or are using an older browser that doesn't support images.
10 Loading speed Graphics and sounds add download time to a Web page. Use them sparingly. Don't make users wait too long for your site to load or they will click away and probably won't return. Use CSS styles in place of graphics where possible.
11 User-friendly Make sure website is easy to navigate by user. To make your site user friendly, make sure the resolutions and file sizes of images are not too large and make sure your site is easy to get around. An experienced Web designer should be able to help you settle on a design that is not only compelling, but easy to use.
12 Consistency Site layout is important for usability. Use a consistent layout and repeat certain elements throughout the site. Keep your design consistent from page to page to avoid confusion.
13 Good, original content Content is king in the web world. People visit websites for the primary purpose of finding information, so make sure you deliver. Website content should be unique and up to date. Fresh content will keep users and search engines coming back for more.
14 Simplicity The best way to attract users to keep exploring your site is through valuable content, good organization and attractive design. Keep your site simple and well organized. Too much of a good design is a bad design
15 Simplicity (cont) Keep it simple and allow for adequate white space. Uncluttered layouts allow users to focus on your message. Don't overload your site with overly complex design, animation, or other effects just to impress your viewers.
16 Simplicity (cont) Be sure your colors contrast well and your text doesn t require a magnifying glass to read. Breaking up text into subheads and bullet points will improve the layout of the page and make the text more readable. Remember simple, professional design is much more effective than flashy, overcrowded design.
17
18 Organizing Content After brainstorming the kinds of elements you want on the web site, you must organize them into categories or logical groupings of information. There are several ways to accomplish this: Cards on the floor. Write each element on a piece of paper or index card. Then move the cards around until you have created categories. White board with colored markers. If you have a large white board available, you can use colored markers to set up categories and group elements using different colors.
19 Organizing Content (cont) Concept mapping software. You can also organize elements using concept mapping software such as Inspiration. The software will allow you to easily move elements around on the screen as you brainstorm and experiment with various arrangements of site content.
20 Set Up Your Navigation To help avoid frustration on the part of your users by putting thought and good design principles into effect in your navigation interface. The navigational structure is the means by which the user moves through the site. Examples of navigation aids you may want to consider are breadcrumbs, tabs, and sidebar menus. Breadcrumbs. Breadcrumbs are a series of keywords that progressively link broad categories to more specific ones. If users want to move up several categories, all they have to do is click on the keyword they want. Example: Home > Students > Clubs > Chess
21 Set Up Your Navigation (cont) Tabs. Some sites use tabs that look like the tabs on a file folder to identify major sections of the site. Typically, a tabbed interface indicates parallel categories, such as six different grade levels. Sidebar menus. Sidebar menus are usually placed on the left of the screen and have a listing of the site topics. Such menus are popular because they are easy to use and can be as detailed as necessary.
22 Set Up Your Navigation (cont) Tips for Navigational Structure: 1. Avoid orphan pages, which have no links back to other places in the site. 2. Place the navigation in a consistent place on each page so the user does not become confused. 3. Have others evaluate your proposed navigational interface during the development process.
23 Navigation Types Sidebar Menu
24 Navigation Types (cont) Tabs Breadcrumbs
25 Summary Text, navigation, links, graphics and design are elements that makes up a website Principles of web design include: easy to read, easy to navigate, loading speed, user friendly, consistency, good, original content, & simplicity. Ways to organize content: Cards on the floor, White board with colored markers, Concept mapping software. Navigation types: tabs, breadcrumbs & sidebar menu
26 References ics-of-a-good-website/
27
Seema Sirpal Delhi University Computer Centre
Getting Started on HTML & Web page Design Seema Sirpal Delhi University Computer Centre How to plan a web development project draft a design document convert text to HTML use Frontpage to create web pages
More informationWeb Development & Design Foundations with HTML5
1 Web Development & Design Foundations with HTML5 CHAPTER 5 WEB DESIGN Copyright Terry Felke-Morris 2 Learning Outcomes In this chapter, you will learn how to... Describe the most common types of website
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 informationMultimedia Design Guidelines MMP
Multimedia Design Guidelines MMP 100-141 Metaphor A metaphor is a figurative representation that links the content of your website to an established mental model. Using metaphors in your website allows
More informationPage design and working with frames
L E S S O N 2 Page design and working with frames Lesson objectives Suggested teaching time To a learn about designing web pages and creating framesets in your web, you will: 35-45 minutes a b c Discuss
More informationways to present and organize the content to provide your students with an intuitive and easy-to-navigate experience.
In Blackboard Learn, as you create your course, you can add a variety of content types, including text, file attachments, and tools. You can experiment with ways to present and organize the content to
More informationHeuristic Evaluation. An Analysis of The Toronto Public Library Website. By: Chris Dacol
Heuristic Evaluation An Analysis of The Toronto Public Library Website By: Chris Dacol Global High-level Evaluation After evaluating the Toronto Public Library desktop website I have identified several
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 informationIn this example on 20X200, the contrast ratio between the navigation text and its background is 1.57:1.
ACCESSIBLITY COMMON DEVELOPER MISTAKES Web Council Meeting, May 11 th 2011 1. Too Low Contrast The contrast between text and background is a major contributing factor to the readability of a website. This
More informationTable of contents. TOOLKIT for Making Written Material Clear and Effective
TOOLKIT for Making Written Material Clear and Effective Table of contents U.S. Department of Health & Human Services Centers for Medicare & Medicaid Services Table of contents Overview of the Toolkit The
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 informationPrinciples of Design. Proximity & Alignment
Principles of Design Proximity & Alignment The Purpose of Web Design The Purpose of Web Design 1. Create a clear visual hierarchy of contrast, so you can see at a glance what is important and what is
More informationINDEX UNIT 4 PPT SLIDES
INDEX UNIT 4 PPT SLIDES S.NO. TOPIC 1. 2. Screen designing Screen planning and purpose arganizing screen elements 3. 4. screen navigation and flow Visually pleasing composition 5. 6. 7. 8. focus and emphasis
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 informationAccessibility Guidelines
Accessibility s Table 1: Accessibility s The guidelines in this section should be followed throughout the course, including in word processing documents, spreadsheets, presentations, (portable document
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 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 informationTHE 18 POINT CHECKLIST TO BUILDING THE PERFECT LANDING PAGE
THE 18 POINT CHECKLIST TO BUILDING THE PERFECT LANDING PAGE The 18 point checklist to building the Perfect landing page Landing pages come in all shapes and sizes. They re your metaphorical shop front
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 informationDocument and Web design has five goals:
Document and Web design has five goals: to make a good impression on readers to help readers understand the structure and hierarchy of the information to help readers find the information they need to
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 informationDesigning a good website?
Designing a good website? Design Issues to Consider To understand websites properly and how they function, you must understand some basic principles of design. Design goes beyond simple graphics and aesthetics,
More informationDesign that Enhances Readability
Working to ensure that all Americans get enrolled and stay enrolled in our nation s health care system Design that Enhances Readability By Eva Anderson Nicole Donnelly Joan Winchester Penny Lane MAXIMUS
More informationContent Design. Jason Withrow
Content Design Overview Reading Online Writing for the Web Guidelines Presenting Text Content Graphical Text Text Links PDF Documents Printer-Friendly Format Reading Online 1. Reading from computer screens
More informationGood Publication Design
Good Publication Design The top ten tips for creating professional print documents How do I create a well-designed print publication? Good publication design is an art form. Attractively presenting written
More informationIt is written in plain language: no jargon, nor formality. Information gets across faster when it s written in words that our users actually use.
Web Style Guide A style guide for use for writing on Tufts Library Websites and LibGuides. Contents: 1. Web style guides for online content 2. LibGuides 2-specific style guide 3. Tisch s website-specific
More information2. This tutorial will teach you the basics of PowerPoint and how to hyperlink and embed (insert) videos into your PowerPoint.
37 Creating Your Own PowerPoint for Macintosh and PC Computers and unitedstreaming Video Clips Tutorial created using PowerPoint 2000. This tutorial will work with similar images, messages, and navigation
More informationUSE OF AUDIO VISUAL AIDS. Shital Moktan
1 USE OF AUDIO VISUAL AIDS Shital Moktan 2 I hear, I forget I see, I remember I do, I understand Audio Visual Aids 3 Any device which can be used to make the learning more effective more concrete more
More informationTypesetting Tips. Put your best type forward.
Typesetting Tips Put your best type forward. Do you want your audience to read your document? Improve your chances by making your article easy to read. Make the document difficult to read and To learn
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 informationWhat's Wrong with Lifehacker? of effort is not the reason for bad design, but rather a misunderstanding of what is useable.
What's Wrong with Lifehacker? Having a website that is both functional and usable is a key aspect in keeping visitors on any site, so why are there so many sites with bad designs on the web? For many of
More informationDesign 101: Dress for the Job You Want
Design 101: Dress for the Job You Want by RAFAL TOMAL Themes Choosing a WordPress theme can be a little overwhelming at the beginning. Especially if you don t really know what you want your final website
More information('cre Learning that works for Utah STRANDS AND STANDARDS WEB DEVELOPMENT 1
STRANDS AND STANDARDS Course 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
More informationDesktop Publishing Exercises
Desktop Publishing Exercises NOTE: Save each of these activities in you DTP Folder with the indicated filename Activity 1 - Letterhead Your musical group is well practiced and ready to play some live gigs.
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 informationEFFECTIVE WEB CONTENT
EFFECTIVE WEB CONTENT A computer monitor is different in many ways from printed material. The type can be difficult to read because it is displayed differently depending on the computer screen, operating
More informationCOSC 414: The Grid - Arranging Information in Space and Time. Andrew Gin
COSC 414: The Grid - Arranging Information in Space and Time Andrew Gin 0218625 1 INTRODUCTION 1 1 Introduction Visual media has existed for a long time. In order for a viewer to make sense of what is
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 informationBasic Content Management Introduction
Basic Content Management Introduction Logging into the editing process To begin editing your website you use your username and password to access your website's backend. The backend of your website can
More informationWEB PAGE ARCHITECTURE
The goals of webpage architecture: 1. Bring order to many types of information: text, images, links, navigation. 2. Create movement through the page. 3. Provide centers of visual interest that serve as
More informationReaders are wary of out of date content, so it's important to actively manage the information you publish.
Web Style Guide Important tips for writing for the web People don t usually read for pleasure on the website. They are looking for a specific piece of information, and they don't want extraneous junk to
More informationDeveloping a Basic Web Page
Developing a Basic Web Page Creating a Web Page for Stephen Dubé s Chemistry Classes 1 Objectives Review the history of the Web, the Internet, and HTML Describe different HTML standards and specifications
More informationCreating accessible forms
Creating accessible forms Introduction Creating an accessible form can seem tricky. Some of the questions people commonly ask include: Can I use protected forms? How do I lay out my prompts and questions?
More informationFundamentals of Web Design
Fundamentals of Web Design Purpose of Web Design Inform/Educate Persuade Influences on Web Design Technology Used by Both Target Audience and Designer Nature of the Content Economy (Budget, Time, and Scale
More informationSEO According to Google
SEO According to Google An On-Page Optimization Presentation By Rachel Halfhill Lead Copywriter at CDI Agenda Overview Keywords Page Titles URLs Descriptions Heading Tags Anchor Text Alt Text Resources
More informationLECTURE 05 WEB DESIGN
MULTIMEDIA TECHNOLOGIES LECTURE 05 WEB DESIGN IMRAN IHSAN ASSISTANT PROFESSOR DESIGN FOR TARGET AUDIANCE CONSIDER THE TARGET AUDIENCE OF THESE SITES. WEB PAGE DESIGN BROWSER COMPATIBILITY Web pages do
More informationThe Ultimate On-Page SEO Checklist
The Ultimate On-Page SEO Checklist This on-page SEO guide provides an introduction to some of the SEO copywriting techniques I use to increase traffic to my clients websites. If you re looking to improve
More informationACA Dreamweaver Exam Notes
ACA Dreamweaver Exam Notes Remember when you need to copy and paste the text you have to open up that actual text file itself and the need to go to edit> select all>, edit> copy>, then go back to the html
More information4. You should provide direct links to the areas of your site that you feel are most in demand.
Chapter 2: Web Site Design Principles TRUE/FALSE 1. Almost every Web site has at least one flaw. T PTS: 1 REF: 49 2. Not only should you plan for a deliberate look and feel for your Web site, but you must
More informationMaking Accessible Documents. Microsoft Office: Word, PowerPoint
Making Accessible Documents Microsoft Office: Word, PowerPoint Purpose of Instruction Provide tips and strategies on creating documents accessible to individuals with disabilities. Accessibility tools
More informationAssignment 2: Website Development
Assignment 2: Website Development Overview In this second assignment, you are required to develop your personal website from scratch, based on the design document that you created in Assignment 1. You
More informationThe 23 Point UX Design Checklist
The 23 Point UX Design Checklist The 23 Point UX Design Checklist During the design process, some flaws in your product will go unnoticed. Those little (or sometimes big) things can do a lot to hurt the
More informationIf these steps are not followed precisely as demonstrated in this tutorial, you will not be able to publish your site!
Outline *Viewing Note... 1 Myweb Important Setup Steps... 1 Before you begin... 1 Site Setup this must be done correctly in order to publish your files to the server... 2 Authentication Message... 4 Remove
More informationsitecrafting.com
sitecrafting.com hello@sitecrafting.com SEARCH ENGINE OPTIMIZATION In its simplest form, Search Engine Optimization is communicating to search engines the intentions of your website so that your website
More informationProcess. Interface Design Introduction. Purpose and Goals of your Website. Module 2. Introduction
Module 2 Introduction Before one can start building a website, the person must have a clear understanding of the mission, goals, and objectives of the site. Important questions to ask are why are you making
More informationContent Author's Reference and Cookbook
Sitecore CMS 6 Content Author's Reference and Cookbook Rev. 080627 Sitecore CMS 6 Content Author's Reference and Cookbook A Conceptual Overview and Practical Guide to Using Sitecore Table of Contents Chapter
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 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 informationFLORIDA STATE COURTS SYSTEM
FLORIDA STATE COURTS SYSTEM DESIGNING WITH ACCESSIBILITY IN MIND, 2007 CREATING ACCESSIBLE DOCUMENTS USING MICROSOFT WORD Document Prepared By: Phillip M. Pollock Tricia Knox MICROSOFT OFFICE DOCUMENTS
More informationWebsite/Blog Admin Using WordPress
Website/Blog Admin Using WordPress Table of Contents How to login... 2 How to get support... 2 About the WordPress dashboard... 3 WordPress pages vs posts... 3 How to add a new blog post... 5 How to edit
More informationMicrosoft FrontPage. Microsoft Frontpage was designed to allow novice users to create and edit web pages without knowing any HTML.
Microsoft FrontPage Microsoft Frontpage was designed to allow novice users to create and edit web pages without knowing any HTML. Microsoft FrontPage IDE for web site development Provides both WYSIWYG
More informationFlash Domain 2: Identifying Rich Media Design Elements
Flash Domain 2: Identifying Rich Media Design Elements Adobe Creative Suite 5 ACA Certification Preparation: Featuring Dreamweaver, Flash, and Photoshop 1 Objectives Identify general and Flash-specific
More informationOrchard Book Maker. From the main menu you may select one of the following options:
Book Maker is a versatile program for making books of different sizes. Designed to assist children in adding the finishing touches to their writing, this program provides an effortless and creative way
More informationWhat is SEO? { Search Engine Optimization }
What is SEO? { Search Engine Optimization } The use of various techniques to improve a web site's ranking in the search engines and thus attract more visitors. - en.wiktionary.org/ wiki/seo The process
More informationWeb Community Manager 2.18 Release Notes
New or Changed Functionality or User Experience Update to Google Custom Search In order to support updates from Google regarding Site Search, clients who have not previously entered a Google Account ID
More informationFull file at
Matching Terms 1. e 2. g 3. i 4. f 5. b 6. c 7. a 8. h 9. l 10. j 11. d 12. k Short Answer Web Design, Third Edition End of Chapter Solutions CHAPTER TWO WEB PUBLISHING FUNDAMENTALS Instructions: Write
More informationFoundation of Web Goal 4: Proficiency in Adobe Dreamweaver CC
1. Setting Project Requirements 1.1 Identify the purpose, audience, and audience needs for a website. 1.2 Identify web page content that is relevant to the website purpose and appropriate for the target
More informationElectronic Portfolios in the Classroom
Electronic Portfolios in the Classroom What are portfolios? Electronic Portfolios are a creative means of organizing, summarizing, and sharing artifacts, information, and ideas about teaching and/or learning,
More informationDesign Principles. The Four Basic Principles That Underlie Good Page Design
Design Principles The Four Basic Principles That Underlie Good Page Design Some of the information presented in this video will appear on quizzes and exams. Please be sure to pay attention to key points
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 information1 Analogous makes use of colors that are next to each other on the color wheel.
5 Elements That Make A Good Website December 18, 2011 Today s Internet users are more particular than ever. Web surfers are not only looking for sites packed full of useful information, but sites that
More informationWORDPRESS TRAINING MANUAL LAST UPDATED ON FEBRUARY 26TH, 2016
WORDPRESS TRAINING MANUAL LAST UPDATED ON FEBRUARY 26TH, 2016 LOG INTO WORDPRESS Visit the Login page http://intermountaineyecare.net/wp-admin/ Enter your Username and Password NOTE: Additional usernames
More informationEmpty Your Inbox 4 Ways to Take Control of Your
By Sally McGhee If your e-mail Inbox is out of control, you might want to rethink your methods for organising your e- mail and emptying your Inbox. Developing a new approach to processing your Inbox can
More informationDesire2Learn eportfolio Tool NEIU Student Guide
Desire2Learn eportfolio Tool NEIU Student Guide Introduction The Desire2Learn (D2L) eportfolio (ep) tool allows you to store, organize, reflect on, and share items that represent your learning. You can
More information11 Database Management
1. Database softwares 1. MS Access 2. Libreoffice base/ Openoffice base 3. MySQL (Most popular web app) 11 Database Management 2. Database and Web Development For a website, texts saved in database. multimedia
More informationTOOLKIT for Making Written Material Clear and Effective. SECTION 2: Detailed guidelines for writing and design
TOOLKIT for Making Written Material Clear and Effective SECTION 2: Detailed guidelines for writing and design PART 5 Understanding and using the Toolkit Guidelines for Graphic Design Chapter 4 Guidelines
More informationLesson 4 - Basic Text Formatting
Lesson 4 - Basic Text Formatting Objectives In this lesson we will: Introduce Wiki Syntax Learn how to Bold and Italicise text, and add Headings Learn how to add bullets and lists Now that you have made
More informationBefore & After. Use the Principles Cheatsheet! From The Non-Designer s Design Book, Robin Williams Non-Designer s Design 8
Before & After Use the Principles Cheatsheet! From The Non-Designer s Design Book, Robin Williams Non-Designer s Design 8 Before & After From The Non-Designer s Design Book, Robin Williams Non-Designer
More informationAvaya-SkillPort Quick Start
Avaya-SkillPort Quick Start Below you will find information on how to navigate SkillPort including how to locate the available learning events and how to navigate through courses and Referenceware. Locating
More informationWissenschaftliche Poster-Präsentation
Wissenschaftliche Poster-Präsentation Assoc. Prof. Mathias Lux This work is licensed under a Creative Commons Attribution 4.0 International License. DIY Flipchart. What can a scientific poster achieve?
More informationGetting Started ~ Student Web Design Basics Dreamweaver CS 5.5
Outline *Viewing Note... 1 Myweb Important Setup Steps... 1 Before you begin... 1 Setting up your local folder... 1 Editing Pages... 4 Planning... 5 Layout... 5 Elements of Design Tips for Success!...
More informationPDF Accessibility Guide
PDF Accessibility Guide Microsoft Word to PDF Version: 1 Contents Introduction... 2 Best Practices... 2 Heading Structure... 2 How to Set Headings in Word... 3 How to Change Heading Styles... 3 Images...
More informationMicrosoft Expression Web Quickstart Guide
Microsoft Expression Web Quickstart Guide MS-Expression Web Quickstart Guide Page 1 of 24 Expression Web Quickstart Guide (20-Minute Training) Welcome to Expression Web. When you first launch the program,
More informationLearn about PowerPoint: Create your first presentation
Learn about PowerPoint: Create your first presentation In this tutorial, you will create a simple presentation to learn the skills basic to working with all presentations. Step 1: Get started Open PowerPoint
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 informationNetObjects Fusion 10 Build Great Sites.
NetObjects Fusion 10 Build Great Sites. Why is Fusion the website builder of choice for novices and professionals alike? The answer is simple: Fusion 10 makes it easy for anyone to create and publish a
More informationExhibit Builder Instructions
Exhibit Builder Instructions 1. Introduction A. A Note about Pre-planning Your Exhibits B. User Accounts 2. Creating a New Exhibit Page A. Edit Mode B. Avoiding the Back Button C. Offline Student Exhibit
More informationGUIDELINES FOR WEB SITE DESIGN CHAPTER 10
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
More informationWebsite Design Guide
Website Design Guide 8/28/2017 Spark Website Design US 2017 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 informationUser Interface Design Principles
User Interface Design Principles CS 470 User Interface Design At first we ll focus on website design, but most of the same concepts apply to standalone applications too What makes a good web site? Similar
More informationHuman-Computer Interaction: An Overview. CS2190 Spring 2010
Human-Computer Interaction: An Overview CS2190 Spring 2010 There must be a problem because What is HCI? Human-Computer interface Where people meet or come together with machines or computer-based systems
More informationOur Goals Teaching with Power Point
Our Goals Teaching with Power Point October 14, 2003 Create a new presentation. Add text, graphics,charts, and tables. Apply transitions. Insert hyperlinks such as: http://www.hamline.edu Goals Continued
More informationThrough emarketing and Social Media
Through emarketing and Social Media Presented by: Heath Shults Director of Technology The Virtual Loop My Website First impressions. Image is everything Your website is your business online. Make sure
More informationStyle Guide. Lists, Numbered and Bulleted Lists are a great way to add visual interest and skimmers love them they make articles easier to read.
Style Guide Welcome to our Team of Writers! Please use this style guide to help ensure that your article conforms to our desired on-page styles and look it s best ~ thanks! First a word about photos: In
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 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 informationMultimedia Design Principles. Darnell Chance August 2005
Multimedia Design Principles Darnell Chance August 2005 Home Page Things To Consider Organization Story Board Organization The 3 C s Alignment Proximity Tips/ Techs White Space Contrast Rule of Thumb Typography
More informationDreamweaver Basics Outline
Dreamweaver Basics Outline The Interface Toolbar Status Bar Property Inspector Insert Toolbar Right Palette Modify Page Properties File Structure Define Site Building Our Webpage Working with Tables Working
More informationBusiness Forum Mid Devon. Optimising your place on search engines
Optimising your place on search engines What do I know? Professional copywriter since 1996 Words inform Google and Bing Content is now king on Google Work on SEO campaigns for clients Who are Oxygen? Who
More informationWhat are the elements of website design?
Contents What is a website?...1 Why does design matter?...1 What are the elements of website design?...1 What guidelines can help direct the design?...2 What physical objects are most similar to a web
More information