We gaan kennis maken met Flash. Het is een uitgebreid
grafisch programma dat je in staat stelt om bvb interactieve knoppen
(buttons), bewegende beelden (tweens), formulieren, ... te maken. Het is
zelfs mogelijk om in Flash te programmeren met Action Script. Het spreekt
voor zich dat ik verwijs naar de cursussen Flash voor een diepgaande kennis
van dit voortreffelijk programma.
Buttons of interactieve
knoppen hebben we reeds gemaakt in Frontpage. De wizard maakt per knop drie
figuren aan die met Javascript werden vervangen bij onmouseover en onclick.
In Flash heb je deze gebeurtenissen ook, maar je hebt meer mogelijkheden. We
gaan stapsgewijs een button maken en de mogelijkheden verkennen.
Pas de Grootte (Size) aan. We kiezen voor een knop
van 4 cm op 1.2 cm.
Trek een rechthoekje over de stage(werkgebied)
met en
kies donkergrijs als kleur.
Door dubbelklikken op de laag in tijdslijn kan je de
laag een nieuwe naam geven; hier 'achtergrond'. Sluit met het slot de
laag af. Hiermee zorg je dat je niet per abuis de laag wijzigt.
Door op het linker + teken te klikken maak je een nieuwe
laag aan. Geef het de naam knop.
Met de A in de toolbar
trek je een tekstvakje. Schrijf Google en
zet lettertype, grootte zoals in het voorbeeld. De kleur is wit. (hier
zie je de complementaire kleur). Hou wat plaats over rechts.
Door rechtsklikken komen we op dit
Convert to symbol venster terecht. Stel
dit in als button.
De knop heeft nu een een ander uitzicht gekregen met een centraal
kruisje.
Door dubbelklikken komen we op de verschillende standen terecht
van de interactieve knop. Flash heeft vier standen. Up = gewoon. Over
= onmouseover. Down =onclick. Hit = het gebied waar de link
actief is.
Kopieer de eerste stand naar de andere standen door
rechtsklikken op het Up frame en daarna te plakken.
Trek in het hit gedeelte een rechthoek over het volledige gebied.
Hiermee bepaal je waar de link actief moet zijn. De kleur speelt
hierbij geen rol.
In het Over gedeelte Zet je een andere kleur. Neem desnoods
de A knop om de tekst te activeren.
Met Ctrl+Enter kan je het voorbeeld en zijn werking bekijken.
Je kan zelfs figuren toevoegen. Hier
voegen we een Google figuurtje in bij Over. Formaten van objecten kan
je aanpassen door deze tool te gebruiken:
Nu gaan we de link leggen. Ga naar de
gewone toestand van de knop en kies bij acties getURL. Maak dat
Actions for googleknop (de naam van de button) geselecteerd staat en
niet de laag. Vul de juiste URL in. Bewaar nu de knop en publiceer als
flash en html via File. Test de knop uit:
Ten slotte... hierboven een
voorbeeldje van flash buttons in een tabel met achtergrondfiguur. Het
invoegen op je webpagina gebeurt via de Webcomponenten
à Geavanceerde besturingselementen
à Film in Flash indeling
Rechtsklikken op de button levert
verschillende mogelijkheden:
Een button zonder achtergrondkleur
kan transparant gemaakt worden zodat enkel de tekst zichtbaar wordt.
Ook het formaat kan hier ingesteld worden.
en
kies donkergrijs als kleur.
trek je een tekstvakje. Schrijf Google en
zet lettertype, grootte zoals in het voorbeeld. De kleur is wit. (hier
zie je de complementaire kleur). Hou wat plaats over rechts.
om de tekst te activeren.
Met Ctrl+Enter kan je het voorbeeld en zijn werking bekijken.
