Webdesign: HTML Tips & News


	Omdat de ontwikkelingen op het Web snel gaan en ook een boek als Webdesign & HTML in de Praktijk aanvullende informatie behoeft, volgen hier de nieuwste tips & trucs.

TIP 1 GIF animatie ontwikkelingen
Zoals eerder vermeld is GIF animatie bij uitstek geschikt om de aandacht te trekken op het Web. Het is dan ook logisch dat er steeds betere software ontwikkeld wordt.

De nieuwste versie van Ulead PhotoImpact GIF animator biedt zelfs de mogelijkheid om overgangen of 'transities' à la Macromedia Director tussen de beelden te berekenen.
Op deze variant van de Philips Speech Processing web site is het effect duidelijk zichtbaar. Doordat de GIF animaties (van nature) in streams over het Net verstuurd worden, is de bestandsgrootte niet eens zo problematisch. Zodra het eerste beeld van de animatie opgehaald is, wordt het al getoond.

De nieuwste versie van het programma GIF Construction Set voor Windows biedt dezelfde functionaliteit. Alleen een minder duidelijke gebruikersinterface.

TIP 2 Stylesheets
Sinds de Microsoft Internet Explorer 3.0 uit is kan men gebruik kan maken van de zogenaamde Cascading Stylesheets. Dit betekent echter niet dat alle scripts ook op identiek dezelfde wijze worden uitgevoerd. Op de website van het W3C vindt men alle informatie over de laatste stand van zaken.

Een selectie kleurnamen.

TIP 3 Kleuren met namen
Op mijn werk loopt een C++ programmeur rond die we moeten waarschuwen dat hij de telefoon niet opneemt met het uitslaken van hexadecimaal gesproken codes. Voor iedereen die ook genoeg heeft van hexadecimale cijfers en letters in de HTML-pagina's is er nu een mogelijkheid om de tekst- en achtergrondkleuren te benoemen met de hierlangs afgebeelde Engelse namen. De HTML code van rode gekleurde tekst, wordt (zonder hekje) geschreven:

<font color="red">

Er zijn nog veel meer kleurnamen, zo'n 120 stuks, dan in bijgaande illustratie getoond worden. Kijk voor een complete lijst met exotische namen als "slateblue" en "whitesmoke" op de site van Netscape. (met dank aan Martin Mes voor de additionele informatie).

TIP 4 Altijd frames zonder randen
Meer en meer websites maken gebruik van frames. De nadelen hiervan wegen steeds meer op tegen de voordelen. Lastig blijft de onmogelijkheid om de 'totale' webpagina te kunnen afdrukken en het feit dat lang niet alle webbrowsers frames ondersteunen. De voordelen als een verbeterde navigatie en interactiviteit zijn sinds de komst van Netscape Navigator 3.0 en Microsoft Internet Explorer 3.0 nog toegenomen. De reden hiervan is dat men de tabelranden voortaan kan uitschakelen. Kijk maar naar onderstaand voorbeeld.

Belangrijk is wel dat u de HTML code dusdanig toepast dat niet alleen Netscape de tabelrand onzichtbaar maakt, maar dat ook Internet Explorer de pagina als bedoeld weergeeft. De oplossing is eenvoudig; plaats de volgende regel code in de Frameset van de basis HTML-pagina:

<BORDER=0 FRAMEBORDER=NO>

Door de 'dubbele' code bent u verzekerd dat de pagina in beide marktleidende browsers goed afgebeeld wordt.

TIP 5 Cookie Monster
Liefhebbers van Sesamstraat moeten even de andere kant opkijken, want het 'online' Cookie Monster is minder vriendelijk dan zijn naamgenoot van de TV. Het programma verwijdert namelijk de zogenaamde http-cookies die stiekem op de harde schijven van de websurfers gezet worden. Hiermee worden bijvoorbeeld gegevens over het online bezoek van een websurfer geregistreerd. Een typische toepassing hiervan is het automatisch registreren van abonnees door gebruik te maken van een (anoniem) identificatienummer.
Als u niet gediend bent van deze ongevraagde digitale gasten, gebruik dan een programma zoals Cookie Cutter voor de Macintosh.

TIP 6 PNG gestandaardiseerd
Het World Wide Web Consortium (kortweg W3C) heeft onlangs de compressietechniek PNG gestandaardiseerd en beveelt deze aan als het ideale Web-bestandsformaat voor afbeeldingen.
Waarvoor dat nu weer zult u zich afvragen. Wel, zowel GIF als JPEG hebben een aantal flinke nadelen en men moet altijd een keuze maken op basis van het origineel welk bestandsformaat geschikt. GIF leent zich erg goed voor logo's, effen tintvlakken en uiteraard voor animaties, maar is beschermd door Copyrights van Unisys. JPEG daarentegen is geschikt voor halftoonafbeeldingen als foto's. PNG combineert de beste eigenschappen en comprimeert de beelden 'Losless' en ondersteunt 24-bits ofwel miljoenen kleuren. GIF kan slechts 8-bit ofwel 256 kleuren bewaren. Het wachten is nu op de eerste browser die PNG ondersteunt.

Programma's om PNG beelden te maken zijn er al vol op. De bekendste is de nieuwste versie van Adobe Photoshop 4.0 en Macromedia xRes 3.0.

TIP 7 RealAudio 3.0
Ook RealAudio heeft een nieuwe versie uitgebracht van haar 'streaming audio' technology. De geluidskwaliteit is aanmerkelijk verbeterd zonder toegevingen te doen aan de benodigde modemsnelheden. Tijdens het schrijven van deze tips luister ik naar muziek van WKXZ en verneem -tot mijn grote schrik- dat Slash de Guns 'n Roses heeft verlaten. Tja, dan maar weer verder met deze rubriek. Ik kan iedereen aanraden om versie 4.0 van RealAudio op te halen en te installeren op zijn of haar Wintel of Mac hardware.

TIP 8 Target Training
De betiteling 'Target Training' is ontleent aan dat prachtige 'Amazing discoveries' waar ene Tony, een ex-gewichtheffer, zijn fitness cursus op onnavolgbare wijze aanprijst. De kreet is als tussenkop gebruikt in het Engelse boek en gaat over de nieuwe mogelijkheden van het attribuut TARGET.

Als je met Frames werkt kun je namelijk een standaard TARGET aan het begin van het HTML-document opgeven, waardoor niet bij elke link een <TARGET>gezet hoeft te worden:

<BASE TARGET="content">

"content" is de naam van het frame waarin de informatie afgebeeld moet worden. Als je de link <TARGET="_self"> gebruikt, blijft de link in hetzelfde venster. Hierdoor wordt de <BASE TARGET="content"> genegeerd.