HULPMIDDELEN

AFBEELDINGEN MAKEN.

Hyperlinks, waarmee een bezoeker van een site van de ene naar de andere pagina kan gaan, zijn ongetwijfeld het neusje van de zalm op het Web. Maar ook de afbeeldingen die in de pagina’s zijn opgenomen ter illustratie van de tekst van uw site, mag u niet verwaarlozen. Om zulke afbeeldingen te maken, volstaan een logo, een foto of zelfs een blanco pagina die u kan aanpassen, herschikken en corrigeren door de contrasten af te zwakken of de kleuren te concentreren. Al deze beeldbewerkingen worden verricht met behulp van een grafisch opmaakprogramma. We stellen er enkele voor, die we uitgetest en op onze proefsite geplaatst hebben. Meteen stellen we ook een paar programma’s voor waarmee u uw site kan testen.

GRAFISCHE VORMGEVING EN OPMAAK.

Met geïntegreerde hulpmiddelen of specifieke shareware kan u de beelden van een site creëren, wijzigen en optimaliseren.

Naam: ImageReady.

Uitgever: Adobe.

Prijs: 220$.

Commentaar: Eerste grafische hulpmiddel dat rechtstreeks voor webdesigners ontworpen is. Het herneemt het leeuwendeel van de mogelijkheden die concurrerende programma’s bieden ( DeBabelizer en Photoshop), en integreert daarin de instellingen en opties die het best bruikbaar zijn bij het maken van webafbeeldingen. In hetzelfde programma vindt u tevens de noodzakelijke middelen om twee soorten afbeeldingen te maken die typerend zijn voor het Web: gif-afbeeldingen en afbeeldingmappen of klikbare afbeeldingen.

Adres: http://www.adobe.com/prodindex/imageready/main.html

Naam: Fireworks.

Utgever: Macromedia.

Prijs: 299$.

Commentaar: Iets duurder dan Adobe ImageReady. Macromedia Fireworks biedt min of meer dezelfde mogelijkheden. Experts hebben alleen wat aan te merken op de batch processing-beperkingen van dit programma, wanneer dit gebruikt wordt om dezelfde instellingen of conversies in één keer op een hele reeks afbeeldingen toe te passen. Probeer ze en kies het programma waarvan de interface u het best bevalt.

Adres: http://www.macromedia.com/software/fireworks/

Naam: Paint Shop Pro.

Uitgever: Jasc.

Prijs: 99$.

Commentaar: Waarschijnlijk is dit het grafische programma dat het meest op Internet wordt opgehaald. Qua grootte is het vrij bescheiden, maar het slaagt erin om het leeuwendeel van de noodzakelijke grafische functies voor het webdesign te integreren. Paint Shop Pro wordt wel eens de Photoshop voor de armen genoemd, maar uitgever Jasc heeft zijn voordeel gedaan met die vergelijking door de compatibiliteit met Photoshop te beklemtonen. Hij zorgt voor een geducht alternatief voor de mastodonten van de grafische vormgeving.

Adres: http://www.jasc.com/pspdl.html

Naam: WebPaint.

Uitgever: KeeData.

Prijs: 45$.

Commentaar: WebPaint biedt een mooie combinatie van grafische vormgevingsmogelijkheden en het retoucheren van afbeeldingen. Vergeleken met Paint Shop Pro, legt dit programma meer de nadruk op de teken- en ontwerpfuncties en minder op het retoucheren van afbeeldingen. WebPaint werd geoptimaliseerd voor het Web en koppelt een eenvoudige interface aan krachtige functies. Het biedt tevens een ontwerpinstrument met 3D-knoppen en de mogelijkheid om simpele animaties te maken.

Adres: http://alpha.barentsnett.no/webpaint

GROOTTE VAN AFBEELDINGEN OPTIMALISEREN.

De ophaalsnelheid van uw pagina is in grote mate afhankelijk van de omvang van de afbeeldingen die ze bevat. Hier volgen een aantal hulpmiddelen die een aanvaardbaar compromis bieden tussen de kwaliteit en de omvang van uw afbeeldingen.

Naam: The JPEG Optimizer.

Uitgever: XATech.

Prijs: Shareware – 29$.

Commentaar: Dit zeer gebruiksvriendelijke programma toont de bron van de afbeelding en het gecomprimeerde beeld zij aan zij op het scherm en geeft u de mogelijkheid om diverse compressieniveaus te testen door de cursor eenvoudigweg te verplaatsen.

Adres: http://www.xat.com/

Naam: Gif Wizard Home Page.

Uitgever: Raspberry Hill.

Prijs: Gratis.

Commentaar: Test uw site en comprimeer uw afbeeldingen rechtstreeks op deze site.

Adres: http://uswest.gifwizard.com/

Naam: JStrip

Uitgever: David Crowell

Prijs: Gratis.

Commentaar: Om geen enkel procent onbenut te laten, haalt dit programma simpelweg de commentaren en andere sporen weg die het programma, waarmee de afbeelding is gemaakt, heeft achtergelaten.

Adres: http://www.qtm.net/david

Naam: Image Alchemy.

Uitgever: Handmade Software.

Prijs: Gratis.

Commentaar: Behalve een programma, geschikt voor DOS, Unix en OS/2, biedt deze site de mogelijkheid om uw afbeeldingen direct te converteren door het formaat, het palet en dies meer te specificeren.

Adres: http://www.handmadesw.com/

GIF-ANIMATIES MAKEN.

De meest eenvoudige manier om een animatie aan uw site toe te voegen, is een geanimeerde gif te gebruiken. Dit is heel makkelijk: het gaat om een uniek bestand dat een reeks afbeeldingen bevat die na elkaar verschijnen.

Naam: Gif Construction Set for Windows.

Uitgever: Alchemy Mindworks.

Prijs: 20$.

Commentaar: Een klassieker, maar niet de meest gebruiksvriendelijke. De neon- en geluidseffecten, enzovoort zijn wel bijzonder geslaagd.

Adres: http://www.mindworkshop.com/alchemy/gifconcl.html

Naam: Gif Animator3 – cool 3D.2.

Uitgever: Ulead.

Prijs: 60$ (voor de twee tools) – gratis proefperiode van 15 dagen.

Commentaar: Veel makkelijker in het gebruik dan de Gif Construction Set, maar daarom zijn de mogelijkheden ervan niet minder indrukwekkend. Met zijn talloze speciale effecten, overzichts- en optimalisatiefuncties vormt hij een ware must in zijn categorie.

Adres: http://www.webutilities.com/

Naam: Animation Shop (geleverd met Paint Shop Pro 5).

Uitgever: Jasc Software.

Prijs: Shareware – 99$ voor het geheel (Paint Shop Pro + Animation Shop).

Commentaar: Simpel maar doeltreffend. Voer uw afbeeldingen in, kies uw overgangen, opslaan en klaar is Kees. Met andere woorden: opzettelijk minimalistisch. Van de volgende versie kunnen we een nog grotere integratie met Paint Shop Pro verwachten.

Adres: www.jasc.com

Naam: Animagic Gif Animator.

Uitgever: Right to Left Software.

Prijs: Shareware – 29$.

Commentaar: Zo simpel als Animation Shop. Een leuk product voor beginners.

Adres: http://rtlsoft.com/animagic/index.html

JAVA-SCRIPTS INVOEGEN.

In alle moderne browsers kan u met een Java-script een programma uitvoeren via de browser van uw bezoeker. Dat gaat van het aangeven van de tijd, tot het veranderen van het uitzicht van een knop of het afrollen van een bericht in de statusbalk van de browser. Met bepaalde hulpmiddelen kan u een script op maat maken, bijvoorbeeld een knop met uw logo. Voor de meer standaardtoepassingen is het eenvoudiger om de code van het script te kopiëren op één van de talloze sites die zich daarin specialiseren.

Naam: 1 Cool Button tool 4.

Uitgever: Formula software.

Prijs: Shareware – 30$.

Commentaar: Met dit programma kan u knoppen aanmaken, hun reactie op de muis en de klik bepalen, klanken toevoegen, kleuren veranderen en dies meer. Het resultaat wordt bewaard in Java-code en kan naar uw pagina worden gekopieerd of geplakt.

Adres: www.buttontool.com

Naam: Durius Java Applets.

Uitgever: Robert Boegniel.

Prijs: Shareware – 9$ per stuk.

Commentaar: Met deze Java-applets kan u speciale effecten creëren die u op een afbeelding toepast. Sommige daarvan, zoals het spectaculaire watereffect, reageren op de bewegingen van de muis.

Adres: www.durius.com

Naam: Magical MouseOver Button.

Uitgever: Copperflow Solutions.

Prijs: Shareware – 20$.

Commentaar: Met deze toepassing kan u één of meer knoppen maken en de bijhorende Java-code produceren. Veel minder opties dan 1 Cool Button, maar wel uiterst eenvoudig in gebruik.

Adres: www.copperflow.com

Naam: Smartscript.

Uitgever: GD Software.

Prijs: Shareware – 5$.

Commentaar: Ook al is Smartscript professioneler dan Magical MouseOver, het is niet zo volledig als 1 Cool Button voor het aanmaken van actieve knoppen. Het produceert wel de code om de browser te testen, een cookie te maken, de tijd aan te geven of een lopend menu op het scherm weer te geven. Bovendien blijft dit programma, ondanks het uitgebreide gamma opties, gebruiksvriendelijk.

Adres: www.dandds.dk/duplex

Naam: Applet Button Factory 4.0.

Uitgever: Silicon Joy Software.

Prijs: Shareware – 10$.

Commentaar: Net als 1 Cool Button, maakt dit programma alleen knoppen, maar dat doet het dan ook uitstekend. Ook hier kan u de kleuren, texturen, klanken en andere karakteristieken van de knop in rusttoestand, onder de muis en op het moment van de klik kiezen. Een must in zijn categorie.

Adres: www.coffeecup.com

Internet biedt ook sites waarop u scripts vindt die u kan kopiëren en plakken. Drie interessante adressen:

The JavaScript Source: http://javascript.internet.com

Java goodies: http://www.javagoodies.com/

Webpedia script library: http://www.webpedia.com/scripts/javascript/

KLIKBARE AFBEELDINGEN.

Een klikbare afbeelding of een afbeeldingenmap is een afbeelding waarin zones zijn vastgelegd die koppelingen naar andere pagina’s vormen. Deze afbeelding dient dus als navigatiemenu. De afbeeldingen bestaan in twee verschillende versies: de meest klassieke zijn eenvoudige afbeeldingen waarvoor een HTML-code de koppelingszones en hun bestemming bepaalt. Het is moderner, maar ook ingewikkelder om een beroep te doen op een Java-script om een afbeelding gericht op de muis of op een klik te laten reageren.

Naam: Image Mapper ++.

Uitgever: CoffeeCup.

Prijs: Shareware – 20$.

Commentaar: Ongetwijfeld het beste programma in zijn categorie. Het omvat een Image Map Wizard die u stap voor stap begeleidt, maakt het mogelijk om een MouseOver Text te definiëren die verschijnt op het moment dat de muis over een klikbare zone gaat. De bronafbeelding kan in de formaten gif, jpg, jpg progressive en zelfs gif-animatie zijn.

Adres: www.coffeecup.com

Naam: Mapmaker.

Uitgever: Martin Haring.

Prijs: Gratis.

Commentaar: Natuurlijk is het moeilijk om zo volledig te zijn als je collega’s wanneer je ervoor kiest om met een eenvoudig en gratis product uit te pakken.

Adres: http://members.tripod.com/mharing/mapmaker.html

Naam: PowerMapper.

Uitgever: Electrum Multimedia.

Prijs: Shareware – 39$.

Commentaar: Hier hebben we het over mappen in de twee betekenissen van het woord. Dit programma maakt een plan van uw site in de vorm van een boomstructuur van pagina’s. Dat siteplan kan vervolgens in een klikbare afbeelding worden omgezet, waarmee u naar om het even welke pagina kan navigeren. Leuk en nuttig, maar de afbeeldingen zijn vaak zwaar om op het scherm te halen.

Adres: http://www.electrum.co.uk/mapper/

KIES EEN KLEUR.

De kleuren van uw pagina kunnen worden uitgedrukt via hun naam (maar het resultaat hangt af van de browser van uw bezoeker) of via hun hexadecimale waarde (een code die van 000000 tot FFFF gaat). Voor het kiezen van een kleur en het leren kennen van de Hex-code bestaan verschillende oplossingen.

Naam: RGB Hex.

Uitgever: Where’s my sox software.

Prijs: Gratis.

Commentaar: Met dit programma kan u tegelijkertijd de numerieke waarden van rood, groen en blauw in hexadecimalen converteren en een kleur uit een standaard-Windowspalet kiezen, inclusief berekening van de bijhorende code en optimalisatie voor het Web. RGB Hex is uiterst eenvoudig in het gebruik en de kleine foutjes worden ruimschoots goedgemaakt door het feit dat het gratis is.

Adres: http://www.wheresmysocks.com/rgbhex/

Naam: RGB Editor.

Uitgever: Gregory Braun.

Prijs: Shareware – 20$.

Commentaar: Met drie cursors kan u de dosering rood, groen en blauw kiezen. Het resultaat wordt vooraf getoond en de bijhorende hexadecimale code kan naar uw pagina worden gekopieerd-geplakt. Goed gemaakt, maar het maken van een kleur door het manipuleren van RGB-componenten is niet altijd even voor de hand liggend.

Adres: http://www.execpc.com/sbd/rgb.html

Twee sites om de kleuren van uw pagina te kiezen:

Color-cube komt met een Java-toepassing waarmee u de kleuren direct op uw browser kan kiezen en vooraf bekijken. (http://javascript.internet.com/miscallaneous/color-cube.html).

Lynda biedt een pagina die een kleurenpalet met de bijhorende hexadecimale code biedt: (http://www.lynda.com/hexh.html).

EEN TELLER INVOEGEN.

Een teller geeft het aantal mensen aan dat uw pagina reeds heeft bezocht. Er bestaan verschillende methoden om een teller in te voeren. De eenvoudigste? Vraag het aan het bedrijf waarop uw site gevestigd is. De providers hebben vaak de nodige hulpmiddelen ter plaatse en dan hoeft u slechts een paar regels aan de html-code van uw pagina toe te voegen om uw teller erop te krijgen en te formatteren.

Wanneer uw provider die mogelijkheid niet biedt, kan u gebruikmaken van een gratis teller die door een andere site wordt verschaft. Telkens wanneer uw pagina wordt opgehaald, moet er voor het verschijnen van deze teller een beroep op deze site worden gedaan, waardoor tegelijkertijd het getoonde cijfer voor een eenheid zal stijgen. We bespreken enkele gratis tellersites.

FastCounter (van LinkExchange) is daadwerkelijk snel. U krijgt een klein logo van LinkExchange naast de teller te zien. De inschrijvingsprocedure is eenvoudig en u kan uit verschillende kleuren kiezen. Tegen betaling krijgt u toegang tot meer gedetailleerde statistieken over uw bezoekers.

http://www.fastcounter.com

NedStat België biedt u tegelijkertijd een teller, statistieken en grafieken over het bezoek aan uw site.

http://be.nedstat.net/fr/

Voor een complete en verklarende lijst van tellers en bezoekersstatistieken, gaat u naar: http://CounterGuide.com/

UW PAGINA TESTEN, VALIDEREN EN OPTIMALISEREN.

U heeft de laatste etappe bereikt? Al wat u nog rest, is voldoende belangstelling wekken voor uw website. Verleid de surfers, maar doe het voorzichtig. Zelfs als u de regels van de professionals hebt gevolgd en alle subtiliteiten van de html-taal onder de knie hebt, kan het genereren van webpagina’s soms niet van de eerste keer lukken. Vooraleer u uw site aan een provider aanbiedt, zijn er nog wat middeltjes voorhanden om de laatste plooien glad te strijken. Van slecht in mekaar gestoken tags tot verbroken koppelingen, we leggen het u allemaal uit, zodat u ons niets kan verwijten.

Naam: CSE HTML Validator.

Uitgever: AI Internet Solutions.

Prijs: 30$ – 50$.

Commentaar: Met dit hulpmiddel kan u de html-code van uw site testen. Het kan fouten herstellen (ontbrekende of slecht verbonden tags) en ook de aandacht vestigen op de delen van uw code die een beroep doen op specifieke functies van een browser en daardoor niet op een andere browser werken. Een must als u uw eigen code edit.

Adres: http://www.htmlvalidator.com/

Naam: HTML(Un)Compress.

Uitgever: Jan Jacobs.

Prijs: 700 frank.

Commentaar: Dit eenvoudige maar doeltreffende (Belgische) programma zorgt ervoor dat uw pagina sneller wordt opgehaald door de html-code te comprimeren. Dit comprimeren betekent eigenlijk niet veel meer dan het opheffen van de lay-outeffecten. De lay-out kan vervolgens door middel van de decompressie-optie opnieuw worden hersteld, waardoor uw code makkelijker te lezen wordt en de opmaak eenvoudiger is.

Adres: http://gallery.uunet.be/Jacobs.Jan/htmlcomp/

Naam: Linkbot.

Uitgever: Tetranet.

Prijs: 250$ (gratis proefperiode van 15 dagen).

Commentaar: Bestemd voor het onderhoud van uw site. Linkbot test deze helemaal en brengt verslag uit over onder meer gebroken koppelingen, weespagina’s en html-syntaxisfouten. Dit product is duidelijk bestemd voor het onderhoud van grote sites. De prijs bevestigt dat. Binnen die context vormt het een uitstekende, complete en doeltreffende oplossing.

Adres: http://www.tetranetsoftware.com/products/linkbot.htm

Naam: Site Mapper.

Uitgever: Trellian.

Prijs: Shareware 45$.

Commentaar: Minder ambitieus dan Linkbot, maar wel heel praktisch voor het beheer van een kleine site. Met Site Mapper kan u eveneens alle pagina’s van uw site visualiseren, de interne en externe koppelingen testen en dies meer. De resultaten kan u van uw browser aflezen.

Adres: http://www.trellian.com/mapper/

Enkele aanvullende sites:

http://www2.imagiware.com/RxHTML/

Deze site, die Doctor HTML werd gedoopt, analyseert uw pagina’s en verschaft u informatie over gebroken koppelingen, syntaxisfouten, enz.

http://validator.w3.org

Met de officiële site van het World Wide Web Consortium (naam: W3C’s HTML validator) kan u uw html-code eveneens rechtstreeks testen. Hier bevinden we ons bij de beschermengelen van de html-taal. Alles wat niet conform de normen in hun zuiverste vorm is, wordt als een fout beschouwd, ook al wordt het door de meerderheid der browsers aanvaard. Nadat u de URL van uw site hebt ingevoerd en de validatie hebt opgestart, zal u een pagina te zien krijgen met daarop een (waarschijnlijk lange) lijst met fouten, met soms hier en daar een woordje uitleg. Voor sommige loont het de moeite om ze te corrigeren, andere zijn minder cruciaal, maar als het u lukt om ze allemaal te elimineren, krijgt u in ruil daarvoor een knop waarmee u uw pagina trots kan versieren.

http://www.netmechanic.com/

De monteur van het Web, Net Mechanic, geeft u de kans om alle onderdelen van uw site gratis te testen: de ophaalsnelheid, de optimalisatie van de afbeeldingen, de zuiverheid van de html-code en de integriteit van de koppelingen. U kunt hem zelfs vragen om een verslag op te stellen over de prestaties van uw server. Eén probleempje: soms moet u geduld oefenen. Bepaalde diensten nemen immers flink wat tijd in beslag en dan moet u wachten op een e-mail om inzicht in de resultaten te krijgen.

JVDH/FM