Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Web Standards and Protocols
Web Standards and Protocols
What Makes a Good Website?
1.   Purpose
2.   Design
3.   Message
4.   Architecture
5.   Usability & Accessibility
6.   Onl...
What Makes a Good Website?
1.   Purpose
2.   Design                      All sites have a purpose; it’s a
3.   Message
4. ...
What Makes a Good Website?
1.   Purpose
2.   Design                      We are talking about things like
3.   Message
4. ...
What Makes a Good Website?
1.   Purpose
2.   Design                      Content is the message, each
3.   Message
4.   Ar...
What Makes a Good Website?
1.   Purpose
2.   Design                      Architecture is the basis of how
3.   Message
4. ...
What Makes a Good Website?
1.   Purpose
2.   Design                      Not everyone will be able to access
3.   Message
...
What Makes a Good Website?
1.   Purpose
2.   Design                      It’s not enough to just have a
3.   Message
4.   ...
What Makes a Good Website?
1.   Purpose
2.   Design                      When we look at the technical side of a
3.   Mess...
Web Standards
•   Introduction
•   What are Web Standards?
•   What’s the big deal?
•   Advantages of Web Standards
•   Th...
Web Standards
•   Introduction
•   What are Web Standards?
•   What’s the big deal?
•   Advantages of Web Standards
•   Th...
Web Standards
•   Introduction
•   What are Web Standards?
•   What’s the big deal?
•   Advantages of Web Standards
•   Th...
Web Standards
•   Introduction
•   What are Web Standards?
•   What’s the big deal?
•   Advantages of Web Standards
•   Th...
Web Standards
•   Introduction
•   What are Web Standards?       • They should work perfectly on
•   What’s the big deal?
...
Web Standards
•   Introduction
•   What are Web Standards?       • They should work perfectly on
•   What’s the big deal?
...
Web Standards
•   Introduction
•   What are Web Standards?       • They should work perfectly on
•   What’s the big deal?
...
Web Standards
•   Introduction
•   What are Web Standards?       • They should work perfectly on
•   What’s the big deal?
...
Web Standards
•   Introduction
•   What are Web Standards?       • They’ll work on older browsers,
•   What’s the big deal...
Web Standards
•   Introduction
•   What are Web Standards?       • They’ll work on older browsers,
•   What’s the big deal...
Web Standards
•   Introduction
•   What are Web Standards?       • They’ll work on older browsers,
•   What’s the big deal...
Web Standards
•   Introduction
•   What are Web Standards?
•   What’s the big deal?
•   Advantages of Web Standards
•   Th...
Web Standards
•   Introduction
•   What are Web Standards?       To lead the World Wide Web to
•   What’s the big deal?
• ...
Web Standards
•   Introduction
•   What are Web Standards?
•   What’s the big deal?
•   Advantages of Web Standards
•   Th...
Do’s and Don’ts of Web Design
•   The Do List
•   The Don’t List              • Do understand the differences
            ...
Do’s and Don’ts of Web Design
•   The Do List
•   The Don’t List              • Do provide alternatives if at all
        ...
Do’s and Don’ts of Web Design
•   The Do List
•   The Don’t List              • Do provide alternatives if at all
        ...
Do’s and Don’ts of Web Design
•   The Do List
•   The Don’t List              • Do provide alternatives if at all
        ...
Do’s and Don’ts of Web Design
•   The Do List
•   The Don’t List              • Do organise the text of your
             ...
Do’s and Don’ts of Web Design
•   The Do List
•   The Don’t List              • Do organise the text of your
             ...
Do’s and Don’ts of Web Design
•   The Do List
•   The Don’t List              •   Do organise the text of your page
      ...
Do’s and Don’ts of Web Design
•   The Do List
•   The Don’t List              • Do use a consistent layout
               ...
Do’s and Don’ts of Web Design
•   The Do List
•   The Don’t List              • Do use a consistent layout
               ...
Do’s and Don’ts of Web Design
•   The Do List
•   The Don’t List              •   Do use a consistent layout across
      ...
Do’s and Don’ts of Web Design
•   The Do List
•   The Don’t List              • Do keep your layout simple
Do’s and Don’ts of Web Design
•   The Do List
•   The Don’t List              • Do keep your layout simple
               ...
Do’s and Don’ts of Web Design
•   The Do List
•   The Don’t List              • Do keep your layout simple
               ...
Do’s and Don’ts of Web Design
•   The Do List
•   The Don’t List              • Do be careful with
                       ...
Do’s and Don’ts of Web Design
•   The Do List
•   The Don’t List              • Do be careful with
                       ...
Do’s and Don’ts of Web Design
•   The Do List
•   The Don’t List              •   Do be careful with backgrounds
         ...
Do’s and Don’ts of Web Design
•   The Do List
•   The Don’t List              • Do provide a signature block
             ...
Do’s and Don’ts of Web Design
•   The Do List
•   The Don’t List              • Do provide a signature block
             ...
Do’s and Don’ts of Web Design
•   The Do List
•   The Don’t List              •   Do provide a signature block or link
   ...
Do’s and Don’ts of Web Design
•   The Do List
•   The Don’t List              • Don’t link to irrelevant
                 ...
Do’s and Don’ts of Web Design
•   The Do List
•   The Don’t List              • Don’t link to irrelevant
                 ...
Do’s and Don’ts of Web Design
•   The Do List
•   The Don’t List              •   Don’t link to irrelevant material
      ...
Do’s and Don’ts of Web Design
•   The Do List
•   The Don’t List              • Don’t use terminology that’s
             ...
Do’s and Don’ts of Web Design
•   The Do List
•   The Don’t List              • Don’t use terminology that’s
             ...
Do’s and Don’ts of Web Design
•   The Do List
•   The Don’t List              • Don’t fall victim to the “Here”
          ...
Do’s and Don’ts of Web Design
•   The Do List
•   The Don’t List              • Don’t fall victim to the “Here”
          ...
Do’s and Don’ts of Web Design
•   The Do List
•   The Don’t List              •   Don’t fall victim to the “Here”
        ...
Do’s and Don’ts of Web Design
•   The Do List
•   The Don’t List              • Don’t split individual topics
            ...
Produced by Steven Cahill


steven.cahill@chisholm.edu.au
Web Standards And Protocols
Upcoming SlideShare
Loading in …5
×

Web Standards And Protocols

6,057 views

Published on

Published in: Technology, Design
  • Real people just like you are kissing the idea of punching the clock for someone else goodbye, and embracing a new way of living. The internet economy is exploding, and there are literally THOUSANDS of great earnings opportunities available right now, all just one click away.  http://t.cn/AisJWUCf
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Dating for everyone is here: ❤❤❤ http://bit.ly/369VOVb ❤❤❤
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Dating direct: ❶❶❶ http://bit.ly/369VOVb ❶❶❶
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • MADE $30 ON MY FIRST DAY! Being a fresh graduate and having lots of free time, I stumbled upon your site when I was searching for work at home opportunities, good thing I did! Just on my first day of joining I already made $30! Now I'm averaging close to $80 a day just for filling out surveys! ♣♣♣ http://t.cn/AieXAuZz
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD FULL eBOOK INTO AVAILABLE FORMAT ......................................................................................................................... ......................................................................................................................... 1.DOWNLOAD FULL. PDF eBook here { https://tinyurl.com/y3nhqquc } ......................................................................................................................... 1.DOWNLOAD FULL. EPUB eBook here { https://tinyurl.com/y3nhqquc } ......................................................................................................................... 1.DOWNLOAD FULL. doc eBook here { https://tinyurl.com/y3nhqquc } ......................................................................................................................... 1.DOWNLOAD FULL. PDF eBook here { https://tinyurl.com/y3nhqquc } ......................................................................................................................... 1.DOWNLOAD FULL. EPUB eBook here { https://tinyurl.com/y3nhqquc } ......................................................................................................................... 1.DOWNLOAD FULL. doc eBook here { https://tinyurl.com/y3nhqquc } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, CookeBOOK Crime, eeBOOK Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Web Standards And Protocols

  1. 1. Web Standards and Protocols
  2. 2. Web Standards and Protocols
  3. 3. What Makes a Good Website? 1. Purpose 2. Design 3. Message 4. Architecture 5. Usability & Accessibility 6. Online Marketing 7. Technical Considerations
  4. 4. What Makes a Good Website? 1. Purpose 2. Design All sites have a purpose; it’s a 3. Message 4. Architecture 5. Usability & Accessibility matter of you deciding what the 6. Online Marketing 7. Technical Considerations purpose of your site will be and what audience you will need to target.
  5. 5. What Makes a Good Website? 1. Purpose 2. Design We are talking about things like 3. Message 4. Architecture 5. Usability & Accessibility colour choice, alignments, visual 6. Online Marketing 7. Technical Considerations interest, and meaningful metaphors.
  6. 6. What Makes a Good Website? 1. Purpose 2. Design Content is the message, each 3. Message 4. Architecture 5. Usability & Accessibility page within a site needs to have a 6. Online Marketing 7. Technical Considerations goal, to serve its purpose in the overall scheme of the site.
  7. 7. What Makes a Good Website? 1. Purpose 2. Design Architecture is the basis of how 3. Message 4. Architecture 5. Usability & Accessibility the website is organised. 6. Online Marketing 7. Technical Considerations
  8. 8. What Makes a Good Website? 1. Purpose 2. Design Not everyone will be able to access 3. Message 4. 5. Architecture Usability & Accessibility a site due to various circumstances; 6. Online Marketing 7. Technical Considerations different equipment, connections and even disabilities can prohibit users accessing a site. You need to take these in to consideration.
  9. 9. What Makes a Good Website? 1. Purpose 2. Design It’s not enough to just have a 3. Message 4. Architecture 5. Usability & Accessibility website on the Internet, you need 6. Online Marketing 7. Technical Considerations to be able to direct traffic to the site, and otherwise it may fail its purpose.
  10. 10. What Makes a Good Website? 1. Purpose 2. Design When we look at the technical side of a 3. Message 4. Architecture site, many variables are looked at from 5. Usability & Accessibility 6. Online Marketing domain names (will it be easy to 7. Technical Considerations remember); is the ISP reliable, will they be able to accommodate to future technological changes as a site grows.
  11. 11. Web Standards • Introduction • What are Web Standards? • What’s the big deal? • Advantages of Web Standards • The w3C • Markup Validation
  12. 12. Web Standards • Introduction • What are Web Standards? • What’s the big deal? • Advantages of Web Standards • The w3C • Markup Validation
  13. 13. Web Standards • Introduction • What are Web Standards? • What’s the big deal? • Advantages of Web Standards • The w3C • Markup Validation
  14. 14. Web Standards • Introduction • What are Web Standards? • What’s the big deal? • Advantages of Web Standards • The w3C • Markup Validation
  15. 15. Web Standards • Introduction • What are Web Standards? • They should work perfectly on • What’s the big deal? • Advantages of Web Standards • The w3C any modern browser • Markup Validation
  16. 16. Web Standards • Introduction • What are Web Standards? • They should work perfectly on • What’s the big deal? • Advantages of Web Standards • The w3C any modern browser • Markup Validation • They are quicker to load
  17. 17. Web Standards • Introduction • What are Web Standards? • They should work perfectly on • What’s the big deal? • Advantages of Web Standards • The w3C any modern browser • Markup Validation • They are quicker to load • They tend to appear higher on search engines
  18. 18. Web Standards • Introduction • What are Web Standards? • They should work perfectly on • What’s the big deal? • Advantages of Web Standards • The w3C any modern browser • Markup Validation • They are quicker to load • They tend to appear higher on search engines • They’re accessible to people with disabilities
  19. 19. Web Standards • Introduction • What are Web Standards? • They’ll work on older browsers, • What’s the big deal? • Advantages of Web Standards • The w3C even if they don’t look perfect • Markup Validation
  20. 20. Web Standards • Introduction • What are Web Standards? • They’ll work on older browsers, • What’s the big deal? • Advantages of Web Standards • The w3C even if they don’t look perfect • Markup Validation • They can work on other devices like PDAs or Web TV
  21. 21. Web Standards • Introduction • What are Web Standards? • They’ll work on older browsers, • What’s the big deal? • Advantages of Web Standards • The w3C even if they don’t look perfect • Markup Validation • They can work on other devices like PDAs or Web TV • You can change the design of your site easily
  22. 22. Web Standards • Introduction • What are Web Standards? • What’s the big deal? • Advantages of Web Standards • The w3C • Markup Validation
  23. 23. Web Standards • Introduction • What are Web Standards? To lead the World Wide Web to • What’s the big deal? • Advantages of Web Standards • The w3C its full potential by developing • Markup Validation protocols and guidelines that ensure long-term growth for the Web.
  24. 24. Web Standards • Introduction • What are Web Standards? • What’s the big deal? • Advantages of Web Standards • The w3C • Markup Validation
  25. 25. Do’s and Don’ts of Web Design • The Do List • The Don’t List • Do understand the differences between HTML 2.0, HTML 3.2, and the different flavours of HTML 4.01 and XHTML 1.0. Decide which design strategy to follow while using them
  26. 26. Do’s and Don’ts of Web Design • The Do List • The Don’t List • Do provide alternatives if at all possible if you use nonstandard HTML tags
  27. 27. Do’s and Don’ts of Web Design • The Do List • The Don’t List • Do provide alternatives if at all possible if you use nonstandard HTML tags • Do test your pages in multiple browsers
  28. 28. Do’s and Don’ts of Web Design • The Do List • The Don’t List • Do provide alternatives if at all possible if you use nonstandard HTML tags • Do test your pages in multiple browsers • Do write your pages clearly and concisely
  29. 29. Do’s and Don’ts of Web Design • The Do List • The Don’t List • Do organise the text of your page so that your visitors can scan for important information
  30. 30. Do’s and Don’ts of Web Design • The Do List • The Don’t List • Do organise the text of your page so that your visitors can scan for important information • Do spell check and proofread your pages
  31. 31. Do’s and Don’ts of Web Design • The Do List • The Don’t List • Do organise the text of your page so that your visitors can scan for important information • Do spell check and proofread your pages • Do group related information both semantically and visually
  32. 32. Do’s and Don’ts of Web Design • The Do List • The Don’t List • Do use a consistent layout across all your pages
  33. 33. Do’s and Don’ts of Web Design • The Do List • The Don’t List • Do use a consistent layout across all your pages • Do use link menus to organise your links for quick scanning, and do use descriptive links
  34. 34. Do’s and Don’ts of Web Design • The Do List • The Don’t List • Do use a consistent layout across all your pages • Do use link menus to organise your links for quick scanning, and do use descriptive links • Do have good reasons for using links
  35. 35. Do’s and Don’ts of Web Design • The Do List • The Don’t List • Do keep your layout simple
  36. 36. Do’s and Don’ts of Web Design • The Do List • The Don’t List • Do keep your layout simple • Do provide alternatives to images for text-only browsers
  37. 37. Do’s and Don’ts of Web Design • The Do List • The Don’t List • Do keep your layout simple • Do provide alternatives to images for text-only browsers • Do try to keep your images small so that they load faster over the network
  38. 38. Do’s and Don’ts of Web Design • The Do List • The Don’t List • Do be careful with backgrounds and coloured text to avoid making your pages flashy by unreadable
  39. 39. Do’s and Don’ts of Web Design • The Do List • The Don’t List • Do be careful with backgrounds and coloured text to avoid making your pages flashy by unreadable • Do always provide a link back to your home page
  40. 40. Do’s and Don’ts of Web Design • The Do List • The Don’t List • Do be careful with backgrounds and coloured text to avoid making your pages flashy by unreadable • Do always provide a link back to your home page • Do match topics with pages
  41. 41. Do’s and Don’ts of Web Design • The Do List • The Don’t List • Do provide a signature block or link to contact information at the bottom of each page
  42. 42. Do’s and Don’ts of Web Design • The Do List • The Don’t List • Do provide a signature block or link to contact information at the bottom of each page • Do provide single-page, non- hypertext versions of linear documents
  43. 43. Do’s and Don’ts of Web Design • The Do List • The Don’t List • Do provide a signature block or link to contact information at the bottom of each page • Do provide single-page, non- hypertext versions of linear documents • Do write context – independent pages
  44. 44. Do’s and Don’ts of Web Design • The Do List • The Don’t List • Don’t link to irrelevant material
  45. 45. Do’s and Don’ts of Web Design • The Do List • The Don’t List • Don’t link to irrelevant material • Don’t write web pages that are dependent on pages before or after them in the structure
  46. 46. Do’s and Don’ts of Web Design • The Do List • The Don’t List • Don’t link to irrelevant material • Don’t write web pages that are dependent on pages before or after them in the structure • Don’t overuse emphasis (such as boldface, italic, all caps, link text, blink or marquees)
  47. 47. Do’s and Don’ts of Web Design • The Do List • The Don’t List • Don’t use terminology that’s specific to any one browser (“click here,” “use the Back button,” and so on)
  48. 48. Do’s and Don’ts of Web Design • The Do List • The Don’t List • Don’t use terminology that’s specific to any one browser (“click here,” “use the Back button,” and so on) • Don’t use heading tags to provide emphasis
  49. 49. Do’s and Don’ts of Web Design • The Do List • The Don’t List • Don’t fall victim to the “Here” syndrome with your links
  50. 50. Do’s and Don’ts of Web Design • The Do List • The Don’t List • Don’t fall victim to the “Here” syndrome with your links • Don’t link repeatedly to the same site on the same page
  51. 51. Do’s and Don’ts of Web Design • The Do List • The Don’t List • Don’t fall victim to the “Here” syndrome with your links • Don’t link repeatedly to the same site on the same page • Don’t clutter the page with a large number of pretty but unnecessary images
  52. 52. Do’s and Don’ts of Web Design • The Do List • The Don’t List • Don’t split individual topics across pages
  53. 53. Produced by Steven Cahill steven.cahill@chisholm.edu.au

×