Webdesign: HTML Tips & Tricks aflevering vier


	Omdat de ontwikkelingen op het Web snel gaan en ook een boek als Webdesign & HTML in de Praktijk nieuwe informatie behoeft, staan er weer nieuwe tips & trucs op het menu.

TIP 1 BoxTop PhotoGIF for Macintosh
Het maken van Animated GIFs wordt in het boek Webdesign & HTML in de Praktijk uitgebreid besproken. Ook de benodigde hulpmiddelen zijn op papier en hier op de site aan de orde gekomen.

Het corrigeren van een GIF animatie is echter een ander verhaal. Adobe Photoshop kan zo'n bestand niet zonder externe hulp bewerken. Men moet dan teruggrijpen naar de editor... of gebruik maken van een aparte plug-in als PhotoGIF 2.0 van BoxTop software. Dankzij deze software kan men in Photoshop een beeld uit een reeks bewerken en weer terugplaatsen in de GIF animatie!

TIP 2 Microsoft WebMapper
Het 'In kaart' brengen van een website brengt orde in een ogenschijnlijke chaos van web pagina's, in- en externe links en andere verwijzingen. Zo'n overzicht hoeft u niet met de hand te creëren, maar daarvoor zijn specialistische hulpmiddelen. Voor Windows 95 gebruikers heeft Microsoft een probaat middel op de markt gebracht, genaamd WebMapper. Het geeft op een unieke manier een 'organisch' overzicht van een complexe site weer die u absoluut een keer gezien moet hebben!

TIP 3 Nuttige "Splash page"
Er is momenteel een gezonde discussie gaande over het nut van een zogenaamde Splash page. Of wel een web pagina die getoond wordt met louter de beeltenis van een firma en/of een welkomst boodschap. Door te klikken op een aangegeven plaats of door enige tijd te wachten verschijnt dan pas de eigenlijke homepage van de afzender. Als u zich afvraagt of dit nu echt nodig is, bedenk dan dat een aantal splash pages in de HTML-code de volgende Javascript code hebben verstopt:

<body onLoad="if (self != top) top.location = self.location">

Door deze code aan de pagina toe te voegen worden de eventueel aanwezige frames van waaruit de bezoeker de link heeft aangeklikt weer verwijderd. Hierdoor krijgt de eigenlijke homepage de beschikking over de gehele vensterruimte van de browser.

TIP 4 GIF animatie
Met behulp van Photoshop's lagen-techniek en Yves Piquet's GifBuilder kan men in geen tijd een animated GIF maken. Ga als volgt te werk:

Plaats elk apart onderdeel van de animatie in een 'eigen' tekenlaag in Photoshop. Op de speciale 'Achtergrond' laag wordt de basis van de GIF animatie geplaatst. Bewaar het geheel als een Photoshop 3.0 bestand. Open het vervolgens in GifBuilder en het programma laadt automatisch alle frames in! U hoeft alleen nog maar de 'Loop' en 'Frame delay' in te geven. Vergeet niet om de optie 'Interlace' uit te zetten. En voor inspiratie kunt u terecht bij de Coolest 150 animated gifs on the Net.

Kentie promo

screen ruler

TIP 5 Screen Ruler
Voor de Macintosh is dit handige hulpmiddel al langer beschikbaar, maar nu vindt u bij Micro Fox Software ook de Windows 95 versie van Screen Ruler. U kunt dit onontbeerlijke shareware hulpje gebruiken om op het scherm de breedte en hoogte van afbeeldingen of web pagina's te controleren.

TIP 6 Background properties are fixed
Een aantal lezers van het boek Webdesign & HTML in de Praktijk vroegen per e-mail informatie over de tag

<BGPROPERTIES="fixed">

Deze tag kan alleen door de Microsoft Internet Explorer browser herkend worden en zorgt ervoor dat het achtergrondpatroon niet 'meescrollt'. Klik maar eens op de afbeelding (de tartan van MacKenzie, mijn Schotse voorvaderen) om het effect met eigen ogen te aanschouwen.

HP animated game

TIP 7 Interactieve Web banners
Een eenvoudige reclame-banner is tegenwoordig niet voldoende om de aandacht van de websurfer te trekken. Er zijn een aantal regels die men kan aanhouden om de zogenaamde 'click rate' te verhogen of wel de kans dat men op de banner klikt en zodoende de site vindt van de adverteerder. Deze volgen hierna. Eén ding geldt echter altijd en dat is dat een creatieve aanpak altijd betere resultaten oplevert. Een prachtig voorbeeld is de bij de tip afgebeelde banner van Hewlett Packard die het aloude 'Pong' spel nieuw leven inblies in de vorm van een Banner Ad'. Over maximale exposure gesproken. De andere tips zijn:

Gebruik felle lichte kleuren (geel, rood, groen) om de aandacht te trekken, dat scoort beter.
Probeer op een eenvoudige manier GIF-animaties toe te passen om de aandacht te trekken zonder irritatie op te wekken.

TIP 8 GIF wizard website
De kwaliteit van de GIF-afbeeldingen zijn ook van invloed op de grootte van het bestand. Een onnodige 'dithering' levert aanzienlijk grotere bestanden op en daardoor duurt het langer voor de informatie is overgehaald.
Er bestaat een website waar u een test kunt doen van uw GIF-bestanden: Kijk eens bij de GIF Wizard en geef een URL naar keuze op.

TIP 9 GammaToggleFKEY
Volgens een recente speech van Gil Amelio, opperhoofd van het alsmaar slinkende Apple imperium, wordt zo'n 65 procent van de web sites met een Macintosh computer ontwikkeld. Voor het grafische gedeelte kan hij alleen maar gelijk hebben, getuige de dominantie van Apple in de multimedia industrie.
Een probleem is echter dat het merendeel van de websurfers Windows gebruikers zijn. En dan schuilt er een gemeen addertje onder het gras als het op het bekijken van de content aankomt: Een Windows computer geeft een zelfde afbeelding veel donkerder weer dan een Mac. Met als gevolg dat veel 'content' gewoon te donker is. Sander Kessels, de creatief die de omslag- en katernillustraties van mijn webdesign boek heeft gemaakt, stuurde een handige tip in: GammaToggleFKEY.
Met behulp van deze Macintosh FKey kan men 'on-the-fly' het gamma van de monitor aanpassen aan de Windows-instelling! U vindt dit handige hulpje bij de URL: http://www.flash.net/~rolandg/thanks/

TIP 10 Beatnik
Eén van mijn muzikale idolen is Thomas Dolby. Een man met een visie en een fervent Internet-gebruiker. Op de Spring Internet World beurs heeft hij nu ook software getoond waardoor (zijn) muziek ook op het Internet wijdverspreid kan worden. Zonder gebruik te maken van complexe streaming-technieken aan de server-zijde kunnen uiterst compacte geluidsbestanden over het Net gestuurd worden. De techniek heet Beatnik. Een demo kan opgehaald worden op de site van de firma Headspace en wordt met Netscape Navigator 4.0 voortaan gebundeld.