13 manieren om uw website te verbeteren



Introductie

Verbeteringen, meer dan tips...

Links controleren!

Gebruik blink vooral niet! ;)



1 Compatibliteit: Navigator, MSIE, Lynx...

Grafische browsers en tekst gebaseerde browsers

Gebruik van verschillende browsers

Browsers voor de Mac

Features van grafische browsers



2 Compatibliteit: Gebruik ALT bij image tags

ALT commando, waar wel, waar niet

Aparte site for tekstbrowsers?



3 Compatibliteit: HTML versies

Vanalles over te zeggen, zie ook punt 1.

En dan nog dit:

<nofames>

<noscript>

<applets>



4 Compatibliteit: Meerdere Fonts

Gebruik style sheets en nieuwe font mogelijkheden!

Voorbeelden



5 Compatibliteit: Kleur

Gebruik style sheets!

Browser CLUT:

Browser CLUT / Mac OS:
Browser CLUT / Windows:


6 Snelheid: width en height

Tekst is snel

Platte tekst

Grafisch opgemaakte tekst

Opmaak voordat alle figuren binnen zijn (WIDTH/HEIGHT)

Zonder width en height parameters

Met width en height parameters



7 Snelheid: Denk na bij compressie

Klein maar fijn (JPEG, kleurdiepte, grootte)

GIF plaatje (153k, 256 kleuren)

JPEG plaatje (391k, 16M kleuren, hoge kwaliteit)

GIF 16 kleuren (94k, 16 kleuren)

JPEG low quality (34k, lage kwaliteit)



8 Snelheid: Aantal images

Rood/Geel versus Rood/Geel



9 Gebruiksvriendelijkheid: Test met gebruikers

Voorbeelden:
Buttons

Lettergrootte

Scrollbar

Schermgrootte



10 Gebruiksvriendelijkheid: Meta-tags

Voorbeelden van meta tags:
<META name="keywords" content="roelof,roos,homepage">
<META name="description" content="De homepage van Roelof Roos">
<META name="language" content="NL">
<META name="author" content="Roelof Roos">
<META name="objecttype" content="faq">
<META name="form" content="HTML3.0">
<META name="generator" content="Microsoft FrontPage 4.0">
<META name="robots" content="ALL">
Voorbeelden van een pagina:
Deze pagina ziet er bij de zoekdienst Alta Vista zo uit:



11 Gebruiksvriendelijkheid: Zoekdiensten



12 Gebruiksvriendelijkheid: Interactie

SetStatus

Reactieformulier (Voorbeeld)

Responsive Buttons



13 Formulieren in tables

Voorbeeld:
Een formulier

Hetzelfde formulier

Weer hetzelfde formulier



14 Gebruik applets

Voorbeelden:
Bouncing Links

Spot Links

Ticker Tape

IMap