Web Standards And Protocols

Web Standards and Protocols

What Makes a Good Website?1. Purpose2. Design3. Message4. Architecture5. Usability & Accessibility6. Online Marketing7. Technical Considerations

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


We are talking about things like

colour choice, alignments, visual

interest, and meaningful

metaphors.



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.



Architecture is the basis of how

the website is organised.



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.



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.



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.


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

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

Web Standards


any modern browser

• They are quicker to load


Web Standards


any modern browser

• They are quicker to load

• They tend to appear higher on

search engines


Web Standards


any modern browser• They are quicker to load• They tend to appear higher on

search engines• They’re accessible to people

with disabilities


Web Standards

• They’ll work on older browsers,

even if they don’t look perfect


Web Standards



• They can work on other devices

like PDAs or Web TV


Web Standards



• They can work on other devices

like PDAs or Web TV

• You can change the design of

your site easily


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.


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


• Do provide alternatives if at all

possible if you use nonstandard

HTML tags





HTML tags

• Do test your pages in multiple

browsers





HTML tags

• Do test your pages in multiple

browsers

• Do write your pages clearly and

concisely



• Do organise the text of your

page so that your visitors can

scan for important information



• Do organise the text of your

page so that your visitors can

scan for important information

• Do spell check and proofread

your pages



• 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



• Do use a consistent layout

across all your pages



• 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 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



• Do keep your layout simple• The Do List• The Don’t List


• Do keep your layout simple

• Do provide alternatives to

images for text-only browsers



• 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



• Do be careful with

backgrounds and coloured text

to avoid making your pages

flashy by unreadable



• 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 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



• Do provide a signature block

or link to contact information

at the bottom of each page



• 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 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



• Don’t link to irrelevant

material



• 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 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)



• Don’t use terminology that’s

specific to any one browser

(“click here,” “use the Back

button,” and so on)



• 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



• 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 link repeatedly to the

same site on the same page

• Don’t clutter the page with a

large number of pretty but

unnecessary images



• Don’t split individual topics

across pages


Produced by Steven Cahill

[email protected]

Web Standards And Protocols

Technology

Transcript of Web Standards And Protocols