Star

Maandag, 18 september 2000
Het internet is platformonafhankelijk. Een ontwerper weet niet hoe groot het scherm van de gebruiker is.

Met grote verbazing zie ik dan ook professionele ontwerpers die pagina's ontwerpen met een vaste, starre schermindeling. M'n verbazing is helemaal groot omdat het juist makkelijker is om flexibele pagina's te maken. Een voorbeeldje:

Star ontwerp

Recept Omschrijving
Huanggua Jiaorou Gehakt met komkommer en gember
Onbekende titel Gehakt met paprika en bamboe

Flexibel ontwerp

Recept Omschrijving
Huanggua Jiaorou Gehakt met komkommer en gember
Onbekende titel Gehakt met paprika en bamboe
Maak uw browser window nu even groter of kleiner. De rechter tabel zal zich aanpassen, de linker niet.

Één blik op een stukje van de HTML code toont dat de flexibele oplossing minder HTML code heeft.

Star HTML

<table width=250 border=5>
<tr>
<th width=80><Recept>/th>
<th width=170><Omschrijving</th>
</tr>
...
</table>

Flexibel HTML

<table border=5>
<tr>
<th><Recept></th>
<th><Omschrijving</th>
</tr>
...
</table>
Het is zo simpel. Laat de width= parameter weg en de browser maakt zelf optimaal gebruik van de beschikbare scherm breedte.

Het raadsel blijft. Waarom, o waarom maken professionele ontwerpers hun pagina's zo star? Mijn persoonlijke indruk is dat ontwerpers vooral gebruik maken van WYSIWYG HTML editors, niet gehinderd door enige HTML kennis. Leuk hoor WYSIWYG, vooral bij tekstverwerken, maar op het web is het een gepasseerd station.

De huidige generatie ontwerpers missen echter de kennis om de onderliggende HTML code te doorgronden. Van een width= parameter hebben ze nog nooit gehoord, laat staan dat ze weten hoe ze die weg moeten laten. Jammer, want wie een beetje HTML leert maakt pagina's die

  • minder code bevatten en dus sneller downloaden. Snelheid is het 1e criterium voor tevreden gebruikers (www.useit.com/...).
  • flexibel zijn, optimaal gebruik maken van de geavanceerde formatting mogelijkheden van de browsers.
  • op elke browser er goed uitzien.
Laat ik dan ook afsluiten met een boute stelling:
HTML editors als Dreamweaver (www.macromedia.com/...) zijn leuk
voor persoonlijke homepages,
maar een ontwerper van professionele websites
werkt met een geavanceerde tool als HomeSite (www.allaire/com/...).
Tot de volgende week!
Henk Jan Nootenboom
Met speciale dank aan Oba Ehiagwina voor de aanbeveling van HomeSite.