HTML5 Level III Responsive Web Design (RWD) and Front-End Frameworks Session I- The Web Design Challenge http://www.profburnett.com

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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