gratis cursus Fireworks - Segmenten, Rollovers en Hotspots (1)


Cursus Fireworks CS4		go to : Index - Vorige - Volgende

Les 23	Segmenten, hotspots en rollovers (1)

Webgereedschappen
Met Fireworks kunnen we veel, maar een van zijn belangrijkste toepassingen is dat we dit gebruiken om afbeeldingen te bewerken en te gebruiken in websites. In Firefox hebben we een aantal gereedschappen om dit te doen. Laat ik beginnen met de twee bovenste. Linksboven vinden we de gereedschappen om hotspots toe te voegen (1). Er zijn drie types. Allen lijken me wel duidelijk. Rechtsboven hebben we de gereedschappen om segmenten toe te voegen (2). Hier hebben we twee types. En onderaan vinden we de twee gereedschappen om deze te tonen, of te verbergen (3).


Het verschil tussen Segmenten en Hotspots
Beide opties gebruiken we om interactiviteit toe te voegen aan onze webpagina. Met Segmenten kunnen niet alleen interactiviteit toevoegen aan de pagina, maar we snijden ook de pagina in verschillende kleinere delen. Elk deel wordt als een afzonderlijk bestand geëxporteerd wanneer je hiervan een HTML-document maakt.. Dus wens je bepaalde elementen uit de pagina te optimaliseren voor het Web, of wil je rollover effecten toevoegen aan je webpagina, gebruik dan segmenten. Een Hotspot wordt als een blauw semi-transparant vlak weergegeven (1), een segment groen (2). Wanneer je Hotspots en Segmenten toevoegt, worden deze automatisch toegevoegd aan de Weblaag (3).


Hotspots
Om een hotspot toe te voegen aan je document, selecteer je eerst de pagina waar je deze wil (1). Je selecteert vervolgend het gereedschap "Hotspot" (2), het type hotspot maakt niet uit, en je klikt en sleept in het document (3). Selecteer in het vak "Koppeling" de pagina naar waar je wenst een koppeling te maken (4). Onze eerste Hotspot is klaar.

>
Moeten we dit nu herhalen voor de rest van de Hotspots die ik wil toevoegen aan de pagina? Ja, maar eigenlijk gaat dit snel. Selecteer de Hotspot, klik de sneltoetscombinatie Ctrl + C op je toetsenbord, klik vervolgens de sneltoetscombinatie Crtrl + V op je toetsenbord, en plaats door middel ven de pijltjestoetsen op je toetsenbord, de hotspots in de juiste positie. Het enige wat je dan nog hoeft te doen is het vak "Koppeling" te wijzigen naar de juiste pagina. Herhaal dit voor elke Hotspot die je wenst toe te voegen aan je pagina. Ben je klaar dan selecteer je alle hotspots, je klikt Ctrl + C op je toetsenbord, je selecteert de volgende pagina, en je klikt Ctrl + V op je toetsenbord. Herhaal dit voor elke pagina.


Ik hoor je nu al denken "waarom heb je deze hotspots dan niet toegevoegd aan de stramienpagina?"
Om de eenvoudige reden dat wanneer ik deze zou hebben toegevoegd aan de stramienpagina, ik deze niet zou kunnen verwijderen of wijzigen op een "normale" pagina. En aangezien ik wil dat wanneer ik op een pagina ben, de koppeling voor deze pagina niet meer aanwezig is , en dat de weergave van de wat eens de koppeling was, lichtjes wordt gewijzigd, plaats ik deze op elke pagina. Om de koppeling te verwijderen selecteer je de hotspot en druk je de Delete-toets op je toetsenbord. Om de weergave van het object te wijzigen wijzig je hiervan de eigenschappen in het eigenschappenvenster. Ook dit herhalen we voor elke pagina.



Index - Vorige - Volgende