Web Standards And Protocols
-
Upload
steven-cahill -
Category
Technology
-
view
26 -
download
5
description
Transcript of Web Standards And Protocols
![Page 1: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/1.jpg)
Web Standards and Protocols
![Page 2: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/2.jpg)
Web Standards and Protocols
![Page 3: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/3.jpg)
What Makes a Good Website?1. Purpose2. Design3. Message4. Architecture5. Usability & Accessibility6. Online Marketing7. Technical Considerations
![Page 4: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/4.jpg)
What Makes a Good Website?
All sites have a purpose; it’s a
matter of you deciding what the
purpose of your site will be and
what audience you will need to
target.
1. Purpose2. Design3. Message4. Architecture5. Usability & Accessibility6. Online Marketing7. Technical Considerations
![Page 5: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/5.jpg)
What Makes a Good Website?
We are talking about things like
colour choice, alignments, visual
interest, and meaningful
metaphors.
1. Purpose2. Design3. Message4. Architecture5. Usability & Accessibility6. Online Marketing7. Technical Considerations
![Page 6: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/6.jpg)
What Makes a Good Website?
Content is the message, each
page within a site needs to have a
goal, to serve its purpose in the
overall scheme of the site.
1. Purpose2. Design3. Message4. Architecture5. Usability & Accessibility6. Online Marketing7. Technical Considerations
![Page 7: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/7.jpg)
What Makes a Good Website?
Architecture is the basis of how
the website is organised.
1. Purpose2. Design3. Message4. Architecture5. Usability & Accessibility6. Online Marketing7. Technical Considerations
![Page 8: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/8.jpg)
What Makes a Good Website?
Not everyone will be able to access
a site due to various circumstances;
different equipment, connections
and even disabilities can prohibit
users accessing a site. You need to
take these in to consideration.
1. Purpose2. Design3. Message4. Architecture5. Usability & Accessibility6. Online Marketing7. Technical Considerations
![Page 9: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/9.jpg)
What Makes a Good Website?
It’s not enough to just have a
website on the Internet, you need
to be able to direct traffic to the
site, and otherwise it may fail its
purpose.
1. Purpose2. Design3. Message4. Architecture5. Usability & Accessibility6. Online Marketing7. Technical Considerations
![Page 10: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/10.jpg)
What Makes a Good Website?
When we look at the technical side of a
site, many variables are looked at from
domain names (will it be easy to
remember); is the ISP reliable, will they
be able to accommodate to future
technological changes as a site grows.
1. Purpose2. Design3. Message4. Architecture5. Usability & Accessibility6. Online Marketing7. Technical Considerations
![Page 11: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/11.jpg)
Web Standards• Introduction• What are Web Standards?• What’s the big deal?• Advantages of Web Standards• The w3C• Markup Validation
![Page 12: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/12.jpg)
Web Standards• Introduction• What are Web Standards?• What’s the big deal?• Advantages of Web Standards• The w3C• Markup Validation
![Page 13: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/13.jpg)
Web Standards• Introduction• What are Web Standards?• What’s the big deal?• Advantages of Web Standards• The w3C• Markup Validation
![Page 14: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/14.jpg)
Web Standards• Introduction• What are Web Standards?• What’s the big deal?• Advantages of Web Standards• The w3C• Markup Validation
![Page 15: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/15.jpg)
Web Standards
• They should work perfectly on
any modern browser
• Introduction• What are Web Standards?• What’s the big deal?• Advantages of Web Standards• The w3C• Markup Validation
![Page 16: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/16.jpg)
Web Standards
• They should work perfectly on
any modern browser
• They are quicker to load
• Introduction• What are Web Standards?• What’s the big deal?• Advantages of Web Standards• The w3C• Markup Validation
![Page 17: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/17.jpg)
Web Standards
• They should work perfectly on
any modern browser
• They are quicker to load
• They tend to appear higher on
search engines
• Introduction• What are Web Standards?• What’s the big deal?• Advantages of Web Standards• The w3C• Markup Validation
![Page 18: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/18.jpg)
Web Standards
• They should work perfectly on
any modern browser• They are quicker to load• They tend to appear higher on
search engines• They’re accessible to people
with disabilities
• Introduction• What are Web Standards?• What’s the big deal?• Advantages of Web Standards• The w3C• Markup Validation
![Page 19: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/19.jpg)
Web Standards
• They’ll work on older browsers,
even if they don’t look perfect
• Introduction• What are Web Standards?• What’s the big deal?• Advantages of Web Standards• The w3C• Markup Validation
![Page 20: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/20.jpg)
Web Standards
• They’ll work on older browsers,
even if they don’t look perfect
• They can work on other devices
like PDAs or Web TV
• Introduction• What are Web Standards?• What’s the big deal?• Advantages of Web Standards• The w3C• Markup Validation
![Page 21: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/21.jpg)
Web Standards
• They’ll work on older browsers,
even if they don’t look perfect
• They can work on other devices
like PDAs or Web TV
• You can change the design of
your site easily
• Introduction• What are Web Standards?• What’s the big deal?• Advantages of Web Standards• The w3C• Markup Validation
![Page 22: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/22.jpg)
Web Standards• Introduction• What are Web Standards?• What’s the big deal?• Advantages of Web Standards• The w3C• Markup Validation
![Page 23: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/23.jpg)
Web Standards
To lead the World Wide Web to
its full potential by developing
protocols and guidelines that
ensure long-term growth for the
Web.
• Introduction• What are Web Standards?• What’s the big deal?• Advantages of Web Standards• The w3C• Markup Validation
![Page 24: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/24.jpg)
Web Standards• Introduction• What are Web Standards?• What’s the big deal?• Advantages of Web Standards• The w3C• Markup Validation
![Page 25: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/25.jpg)
Do’s and Don’ts of Web Design
• 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
• The Do List• The Don’t List
![Page 26: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/26.jpg)
Do’s and Don’ts of Web Design
• Do provide alternatives if at all
possible if you use nonstandard
HTML tags
• The Do List• The Don’t List
![Page 27: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/27.jpg)
Do’s and Don’ts of Web Design
• Do provide alternatives if at all
possible if you use nonstandard
HTML tags
• Do test your pages in multiple
browsers
• The Do List• The Don’t List
![Page 28: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/28.jpg)
Do’s and Don’ts of Web Design
• 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
• The Do List• The Don’t List
![Page 29: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/29.jpg)
Do’s and Don’ts of Web Design
• Do organise the text of your
page so that your visitors can
scan for important information
• The Do List• The Don’t List
![Page 30: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/30.jpg)
Do’s and Don’ts of Web Design
• Do organise the text of your
page so that your visitors can
scan for important information
• Do spell check and proofread
your pages
• The Do List• The Don’t List
![Page 31: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/31.jpg)
Do’s and Don’ts of Web Design
• 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
• The Do List• The Don’t List
![Page 32: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/32.jpg)
Do’s and Don’ts of Web Design
• Do use a consistent layout
across all your pages
• The Do List• The Don’t List
![Page 33: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/33.jpg)
Do’s and Don’ts of Web Design
• 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
• The Do List• The Don’t List
![Page 34: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/34.jpg)
Do’s and Don’ts of Web Design
• 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
• The Do List• The Don’t List
![Page 35: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/35.jpg)
Do’s and Don’ts of Web Design
• Do keep your layout simple• The Do List• The Don’t List
![Page 36: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/36.jpg)
Do’s and Don’ts of Web Design
• Do keep your layout simple
• Do provide alternatives to
images for text-only browsers
• The Do List• The Don’t List
![Page 37: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/37.jpg)
Do’s and Don’ts of Web Design
• 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
• The Do List• The Don’t List
![Page 38: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/38.jpg)
Do’s and Don’ts of Web Design
• Do be careful with
backgrounds and coloured text
to avoid making your pages
flashy by unreadable
• The Do List• The Don’t List
![Page 39: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/39.jpg)
Do’s and Don’ts of Web Design
• 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
• The Do List• The Don’t List
![Page 40: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/40.jpg)
Do’s and Don’ts of Web Design
• 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
• The Do List• The Don’t List
![Page 41: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/41.jpg)
Do’s and Don’ts of Web Design
• Do provide a signature block
or link to contact information
at the bottom of each page
• The Do List• The Don’t List
![Page 42: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/42.jpg)
Do’s and Don’ts of Web Design
• 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
• The Do List• The Don’t List
![Page 43: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/43.jpg)
Do’s and Don’ts of Web Design
• 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
• The Do List• The Don’t List
![Page 44: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/44.jpg)
Do’s and Don’ts of Web Design
• Don’t link to irrelevant
material
• The Do List• The Don’t List
![Page 45: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/45.jpg)
Do’s and Don’ts of Web Design
• Don’t link to irrelevant
material
• Don’t write web pages that are
dependent on pages before or
after them in the structure
• The Do List• The Don’t List
![Page 46: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/46.jpg)
Do’s and Don’ts of Web Design
• 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)
• The Do List• The Don’t List
![Page 47: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/47.jpg)
Do’s and Don’ts of Web Design
• Don’t use terminology that’s
specific to any one browser
(“click here,” “use the Back
button,” and so on)
• The Do List• The Don’t List
![Page 48: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/48.jpg)
Do’s and Don’ts of Web Design
• 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
• The Do List• The Don’t List
![Page 49: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/49.jpg)
Do’s and Don’ts of Web Design
• Don’t fall victim to the “Here”
syndrome with your links
• The Do List• The Don’t List
![Page 50: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/50.jpg)
Do’s and Don’ts of Web Design
• Don’t fall victim to the “Here”
syndrome with your links
• Don’t link repeatedly to the
same site on the same page
• The Do List• The Don’t List
![Page 51: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/51.jpg)
Do’s and Don’ts of Web Design
• 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
• The Do List• The Don’t List
![Page 52: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/52.jpg)
Do’s and Don’ts of Web Design
• Don’t split individual topics
across pages
• The Do List• The Don’t List
![Page 54: Web Standards And Protocols](https://reader037.fdocuments.in/reader037/viewer/2022102716/5451518caf795902348b6c17/html5/thumbnails/54.jpg)