1. Web Standards and Protocols

2. Web Standards and Protocols

3. What Makes a Good Website?
1. Purpose
2. Design
3. Message
4. Architecture
5. Usability & Accessibility
6. Online Marketing
7. Technical Considerations

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. 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. 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. 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. 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. 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. 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. Web Standards
• Introduction
• What are Web Standards?
• What’s the big deal?
• Advantages of Web Standards
• The w3C
• Markup Validation

12. Web Standards
• Introduction
• What are Web Standards?
• What’s the big deal?
• Advantages of Web Standards
• The w3C
• Markup Validation

13. Web Standards
• Introduction
• What are Web Standards?
• What’s the big deal?
• Advantages of Web Standards
• The w3C
• Markup Validation

14. Web Standards
• Introduction
• What are Web Standards?
• What’s the big deal?
• Advantages of Web Standards
• The w3C
• Markup Validation

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. 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. 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. 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. 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. 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. 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. Web Standards
• Introduction
• What are Web Standards?
• What’s the big deal?
• Advantages of Web Standards
• The w3C
• Markup Validation

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. Web Standards
• Introduction
• What are Web Standards?
• What’s the big deal?
• Advantages of Web Standards
• The w3C
• Markup Validation

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. 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. 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. 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. 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. 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. 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. 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. 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. 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. Do’s and Don’ts of Web Design
• The Do List
• The Don’t List • Do keep your layout simple

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. 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. 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. 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. 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. 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. 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. 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. Do’s and Don’ts of Web Design
• The Do List
• The Don’t List • Don’t link to irrelevant
material

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. 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. 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. 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. 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. 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. 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. Do’s and Don’ts of Web Design
• The Do List
• The Don’t List • Don’t split individual topics
across pages

53. Produced by Steven Cahill
steven.cahill@chisholm.edu.au