1. ITI 163: Web, Mobile, and Social Media Design Introduction
Lesson 1
Chapter 1 - The Web Design Challenge

2. Copyright © Carl M. Burnett
Class Outline
The Goal of Web Design
Diversity of Devices
Devices Affect Design
Key Technologies
Mobile
Accessibility
DIY or Outsource
How to Set Up Your Website
4/10/2019
Copyright © Carl M. Burnett

3. Copyright © Carl M. Burnett
The Goal of Web Design
How to Set Up Your Website
Are there Key Principles?
Should you DIY or Get Someone Else?
How do you start?
4/10/2019
Copyright © Carl M. Burnett

4. Copyright © Carl M. Burnett
Diversity of Devices
4/10/2019
Copyright © Carl M. Burnett

5. Copyright © Carl M. Burnett
Devices Affect Design
Flash
No Mouse
Screen Size
Device Type
Web Browsers
MS Internet Explorer
Safari
Firefox
Opera
Chrome
4/10/2019
Copyright © Carl M. Burnett

6. Copyright © Carl M. Burnett
Key Technologies
Hypertext Markup Language - HTML
HTML5
Cascading Style Sheets - CSS
JavaScript
Flash
Asynchronous JavaScript - AJAX
Java
Server Side Scripting
PHP
ASP
4/10/2019
Copyright © Carl M. Burnett

7. Copyright © Carl M. Burnett
Mobile
Latency
Layering
Deep Site
Navigation
Maintainability
4/10/2019
Copyright © Carl M. Burnett

8. Copyright © Carl M. Burnett
Accessibility
Color Blindness
Impaired Vision
No Mouse
Impaired Hearing
Mental Impairments
Accessibility Principals
4/10/2019
Copyright © Carl M. Burnett

9. Accessibility Principals
Text Alternatives
Works with JavaScript/Flash
Controls to stop Content Actions
Clear & Consistent Navigation
Keyboard & Mouse Use
Deep Linking Navigation
Don't use Pop-ups!
Simple Language
User Controls
Color Conveyance
Contrast Layers
Avoid Complication Layout
Use HTML & CSS Correctly
Use HTML Accessibility Features
Use Graphics that are Essential
4/10/2019
Copyright © Carl M. Burnett

10. Copyright © Carl M. Burnett
DIY or Outsource
4/10/2019
Copyright © Carl M. Burnett

11. How to Set Up Your Website
4/10/2019
Copyright © Carl M. Burnett

12. Copyright © Carl M. Burnett
Class Review
The Goal of Web Design
Diversity of Devices
Devices Affect Design
Key Technologies
Mobile
Accessibility
DIY or Outsource
How to Set Up Your Website
Next - Planning Your Website
4/10/2019
Copyright © Carl M. Burnett