1. HTML5 Level III Responsive Web Design (RWD) and Front-End Frameworks
Session I- The Web Design Challenge

2. Class Outline The Goal of Web Design Diversity of Devices
Accessibility
DIY or Outsource
How to Set Up Your Website
Purpose of Your Website
How Will You Compete?
Understanding Your Visitors
Sitemaps
Planning Interaction
Hosting Your Website
Why Domain Names Matter
8 Domain Buying Tips
Domain Main Pitfalls
Working With Web Developers
RWD Website Planning Worksheet
Exercise 1
11/22/2018
Copyright © Carl M. Burnett

3. 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?
11/22/2018
Copyright © Carl M. Burnett

4. Diversity of Devices
11/22/2018
Copyright © Carl M. Burnett

5. Accessibility Color Blindness Impaired Vision No Mouse
Impaired Hearing
Mental Impairments
Accessibility Principals
11/22/2018
Copyright © Carl M. Burnett

6. 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
11/22/2018
Copyright © Carl M. Burnett

7. DIY or Outsource
11/22/2018
Copyright © Carl M. Burnett

8. How to Set Up Your Website
11/22/2018
Copyright © Carl M. Burnett

9. Purpose of Your Website
Build New Relationships
Enhance Your Reputation
Sell
Improve Customer Service
Educate
Entertain
Create Community
Create New Services
Make Money
11/22/2018
Copyright © Carl M. Burnett

10. How Will You Compete? Competition is "one click away"
Unique Selling Proposition
Market Research
Alexa -
Renewals Research Web Designers
11/22/2018
Copyright © Carl M. Burnett

11. Understanding Your Visitors
Gender
Life Stage (Work, Student, Retired)
Disposable Income
Cultural Interest
Internet Experience
Access Device
11/22/2018
Copyright © Carl M. Burnett

12. Sitemaps Homepage Products FAQ Help Contact Us Services 11/22/2018
Copyright © Carl M. Burnett

13. Planning Interaction Text Animation Video 11/22/2018
Copyright © Carl M. Burnett

14. Hosting Your Website Storage Space Bandwidth Support Pricing
Reliability
11/22/2018
Copyright © Carl M. Burnett

15. Why Domain Names Matter
Domain Naming System (DNS)
Uniform Resource Locator (URL)
Folders
Files
11/22/2018
Copyright © Carl M. Burnett

16. 8 Domain Buying Tips Check if Domain is Registered
Buy from Hosting Company
Keep it Short
Make it Memorable
Domain Extension
Get the basic domain (.com .biz)
Don't overdue naming
Once you determine the name - BUY IT!
11/22/2018
Copyright © Carl M. Burnett

17. Domain Main Pitfalls Check http://www.whois.net Trademark Registration
Private Domain Registration
Registry Scams
11/22/2018
Copyright © Carl M. Burnett

18. Working With Web Developers
Research Web Designers Pricing
Web Design Pricing
Designer Engagement
Technical Competency
Artistic Capabilities
Feedback
Review and Testing
11/22/2018
Copyright © Carl M. Burnett

19. RWD Website Planning Worksheet
Purpose of creating or re-designing your website
what you want the site to do
What are your goals
Qualities you want to convey
Competitors:
Favorite Sites:
Least favorite sites:
Business Products / Services
Individual Qualities / Skills
Selling points
User visits
Target Audience
Secondary Audience Technical
Usability
Site Analytics
Site Features
Navigation/Menu of pages
Marketing
Process
Technical Skills
Responsive Web Design Framework
11/22/2018
Copyright © Carl M. Burnett

20. Student Exercise 1 Begin Completing RWD Website Planning Worksheet
RWD Website Planning Worksheet (.doc)
RWD Website Planning Worksheet (.pdf)
8/31/2015
Copyright © Carl M. Burnett

21. Class Review The Goal of Web Design Diversity of Devices Accessibility
DIY or Outsource
How to Set Up Your Website
Purpose of Your Website
How Will You Compete?
Understanding Your Visitors
Sitemaps
Planning Interaction
Hosting Your Website
Why Domain Names Matter
8 Domain Buying Tips
Domain Main Pitfalls
Working With Web Developers
RWD Website Planning Worksheet
Next – RWD Overview
11/22/2018
Copyright © Carl M. Burnett