web standards and protocols

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

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

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

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

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

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

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

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

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

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

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

• 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Do’s and Don’ts of Web Design

• Do use a consistent layout

across all your pages

• The Do List• The Don’t List

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

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

Do’s and Don’ts of Web Design

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

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

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

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

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

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

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

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

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

Do’s and Don’ts of Web Design

• Don’t link to irrelevant

material

• The Do List• The Don’t List

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

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

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

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

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

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

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

Do’s and Don’ts of Web Design

• Don’t split individual topics

across pages

• The Do List• The Don’t List

Produced by Steven Cahill

steven.cahill@chisholm.edu.au