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


Cursus Fireworks CS4		go to : Index - Vorige - Volgende

Les 25	Segmenten, hotspots en rollovers (3)

Gedrag "Afbeelding wisselen"
Het volgende gedrag dat we gaan bekijken is het wisselen van een afbeelding. Wat ik hiervoor nodig heb is een tweede segment. Dit is waar ik de foto wil openen wanneer ik met de muisaanwijzer over het eerste segment beweeg. Dus we tekenen eest het tweede segment, en geven dit de naam "Foto". Vervolgens selecteer je terug het eerste segment en je rechtsklikt de Gedragshandgreep. Ik hoop dat iedereen nog weet wat dat is. Anders lees je nog maar eens de vorige les. Klik "Afbeelding wisselen " in het drop-downmenu.


In het venster "Afbeelding wisselen" selecteer je het segment waarin je de foto wil openen. Dit was het element met de naam "foto". Vervolgens selecteer je de foto die je wenst te openen door het map-icoontje te klikken. Selecteer de foto op je harde schijf, en klik de knop OK. Tip: Wanneer je later alles gaat publiceren op het Internet, let er dan een beetje op dat je alle documenten die je gebruikt in je pagina's in dezelfde map plaatst. Want deze map zal je ook moeten uploaden naar de server. Klik de knop OK wanneer je klaar bent.


Wanneer je nu de pagina bekijkt in de Browser, zal je zien dat wanneer we de muisaanwijzer bewegen over de tekst (1), de afbeelding zal verschijnen (2).


Gedrag "Pop-upmenu"
Het volgende gedrag dat we bespreken is het Pop-up menu gedrag.
We beginnen terug met het rechtsklikken van de Gedragshandgreep.
Deze maal kiezen we "Pop-upmenu bewerken" in het menu dat verschijnt. Dit opent het eerste venster van de pop-upmenu. Hierin geven we de namen in voor de koppelingen, en de pagina's die deze moeten openen. Klik de knop "Volgende".


In het tweede venster van de wizard bepalen we de vormgeving van de knoppen. Je bepaalt het lettertype, de kleur van de knoppen, en je geeft in of je een verticaal of een horizontaal menu wil hebben. Maar alle opties lijken me hier duidelijk. Klik de knop "Volgende".


In het derde venster van de wizard bepalen we o.a. de celgrootte en de celbreedte. Ook deze opties lijken me duidelijk. Wat ik wel kan zeggen is dat Fireworks standaard de breedte van de cellen automatisch zal aanpassen aan de langste tekst van de in het vorige Wizard-venster toegevoegde koppelingen. Klik de knop "Volgende" wanneer je klaar bent.

>
In het laatste venster van de wizard bepalen we de positie van het pop-upmenu. Je kunt dit manueel ingeven in het vak X en Y, maar dit blijft steeds een beetje gokken. Makkelijker is het wanneer je de knop "Gereed" klikt,


en dit plaatst door het te verschuiven in de positie die je wenst met het gereedschap "Aanwijzer". Dit is het zwarte pijltje in de gereedschapbalk .


Nog even dit. Wens je een submenu toe te voegen aan een koppeling in het menu, dan selecteer je eerst het menu-item, en klik je vervolgens de knop "Menu inspringen" in het eerste venster van de Wizard.



Index - Vorige - Volgende