| We hebben geleerd een
gewoon Lake applet te maken. Waar het applet links staat
uitgelijnd op een witte achtergrond.Les 1.
Daarna zijn we verder gegaan met met de
achtergrond kleuren te veranderen en het applet te centreren.
Nu gaan we een extraatje aanbrengen. Een Overlay.
Als voorbeeld heb ik er 2 verschillende op gezet, een vogel en
een naam.
Natuurlijk kunnen er ook nog randen omheen worden aangebracht,
maar dat komen we vanzelf in de latere lessen tegen.
Hier is de html code die nodig is om
een overlay over een applet te plaatsen:
Je ziet dat er een regel (in de kleur lila) aan de
oorspronkelijke code is toegevoegd.
Hier wordt de naam van het overlay, altijd een gif
bestandje, toegevoegd.
******************************************
<html>
<body>
<body
bgcolor="#000000">
<CENTER>
<applet code="lake" width=273 height=260>
<param name=image value=avondrood.jpg>
<param name="overlay" value="eagle2.gif">
</applet>
</CENTER>
</body>
</html>
******************************************
Hier zijn de gif bestandjes die in deze
voorbeelden zijn gebruikt.
Wil je de arend
voor de oefening ook gebruiken. Klik er dan met de
rechter muisknop op en kies "Opslaan Als". Zet
hem in je map bij de Lessen en dan natuurlijk in je
nieuwe map die je gaat aanmaken voor de overlay-oefening.
Merk op dat beiden bestanden, gif bestandjes zijn.
In plaats van de arend kan je natuurlijk ook een ander
gif bestand nemen, of er 2 arenden opzetten. Dat wordt
eigen keuze.
Open het Voorbeeld
en kopieer daar de bron uit.
Dit doet men als volgt:
Ga naar boven naar de werkbalk
en dan naar Beeld. klik vervolgens op Bron.
Hier ziet men de htm code.
Deze bevindt zich onder onder het zinnetje: </head>
Kopieer deze en plak hem in het
kladblok.
Sla dat nu op, als "Opslaan Als" en wel in je
nieuwe map onder de naam
"Overlay bron.htm"
.
Je kunt het nu voor alle je volgende applets met
overlays gebruiken.
Dubbel klikt men in de nieuwe map op dit bestand
dan opent het zich zoals hier is te zien op
de blauwe ondergrond.
Maar dat kan men natuurlijk veranderen naar eigen smaak.
Of een eigen gemaakt achtergrond toevoegen kan
natuurlijk ook.
Kijk daarvoor dan nog even naar les
4 waar achtergronden toevoegen wordt beschreven.
Maak nu nogmaals een nieuwe map aan. Noem die "
Proef 1 overlay".
Plaats daarin een plaatje naar eigen keuze.
Kopieer het lake class er naar toe.
Maak nu eerst het applet zoals je gewend bent.
Denk om het veranderen van de hoogte maat.
Controleer eerst of dit applet goed werkt.
Maak dan een eigen gif bestand aan.
Kopieer bovenstaande bron opnieuw naar het kladblok, en
sla dat bestand onder een nieuwe naam op in deze map.
Open de bron en verander daarin de naam van het plaatje,
de maten en de naam van het overlay gif bestandje.
Plus natuurlijk de achtergrond.
Dit is dus het huiswerk voor deze les :))
Veel succes. Kom je er echt niet uit.
Vragen om hulp kan je dan
hier.
|
|
