|
DHTML een leuk grapje.
Door dat toe te
passen kan men bij het linken naar volgende of vorige
bladzijden, of linken naar een ander onderwerp een leuk effect
toepassen.
bv. Als men op een knop gaat staan die men van tevoren in psp
heeft gemaakt, dan veranderd de tekst op de knop in een andere
tekst als de muiscursor er op rust.
Of men neemt een leuk plaatje om als link te dienen en als de
muiscursor erop klikt, veranderd het in een ander plaatje.
Hier 2
voorbeelden.
Eerst maken we
dus in psp 2 plaatjes, of doe meteen maar 4 om even te oefenen.
Maak 2 knoppen (Zoals het linker voorbeeld) en 2 grotere
plaatjes (zoals het rechter voorbeeld).
En sla ze op in je mapje
in de verkenner.
*********************
We openen Frontpage. Door op het pictogram te klikken.
Open je site door op het gele mapje links te klikken.
Neem de pagina voor je waarop we al meer
Linken hebben uitgeprobeerd of neem een nieuwe pagina via
klikken op het witte vierkantje linksboven.
*******************
Maak eventueel
een tabel aan waar je de knop wilt hebben.
We gaan 2 knoppen maken, dus ga naar Tabel - Invoegen -Tabel en
neem 1 rij en 2 kolommen.
Breedte 90%
Klik ok.
En de tabel staat op de pagina.
Klik nu in de linker kolom en kies even: - centreren - (boven
uit de werkbalk, middelste knop met al die streepjes).
Nu gaan we naar Invoegen -
Invoegen - figuur - uit Bestand . Klik, op het
tabblad gekomen, op het gele mapje rechtsonder.
Je bent nu
in de Verkenner en je zoekt daar je mapje met de plaatjes op.
Dubbelklik om het mapje te openen.
Klik op je plaatje 1 en klik
op Openen.
Knop 1 staat nu in de linker kolom.
Selecteer meteen deze knop door er met ingedrukte linkermuisknop
overheen te gaan.
*********************
Nu niets geen hyperlink kiezen zoals we eerst deden.
*******************
Let op we gaan eerst naar Beeld - Werkbalken en zetten
een vinkje voor DHTML_effecten.
(Staat op het voorbeeld hieronder, nog niet aangevinkt)
Plotseling komt er een geheel nieuwe werkbalk bovenin bij.
Niet gezien? Ga nogmaals naar Beeld - Werkbalken en haal het
vinkje weer weg. Bekijk nu de bovenste werkbalken even goed.
Weer naar Beeld - Werkbalken - DHTML-effecten en de werkbalk
staat er weer tussen geplaatst.
Nu zie je het wel. Praktisch alles erop is grijs van kleur, maar
bij het eerste vakje staat "OP < een gebeurtenis
kiezen>"
Klik op het kleine zwarte pijltje daarnaast.
Hier kan je dus kiezen wanneer er iets moet gebeuren.
Bijvoorbeeld bij: klikken, dubbelklikken, aanwijzen of als een
pagina gaat laden.
We kiezen nu : Muis aanwijzer op object.
*******************
Zodra men dat heeft gedaan, zie je het 2e vak daarnaast
oplichten. Toepassen: "<Een effect kiezen>"
wordt zichtbaar.
Ook daar klikken we op het zwarte pijltje om het effect te
kiezen.
We nemen figuur uitwisselen.
Het derde vakje licht op:
"< Het figuur kiezen.>"
Klik weer op het zwarte pijltje en
je komt op het bekende tabblad om je 2e figuur uit je map in de
verkenner op te halen.
Klaar.
Behalve die eerste knop die we er net hadden neergezet in de
linker kolom, zie je geen enkele verandering.
Maar let op:
Ga naar Bestand - Opslaan Als - Opslaan en Ja antwoorden.
Meteen daarna zie je dat ook de 2 nieuwe knoppen worden
opgeslagen.
Geen naam veranderen?
Kies dan ook voor Opslaan.
Nu gaan we naar
Bestand - Voorbeeld in browser, en
je ziet als je met de cursor over het plaatje gaat
dat deze
verandert in plaatje 2.
***********************
Doordat we een werkbalk hebben toegevoegd net onder Beeld,
Kan je deze werkbalk nu ook terugvinden onder de knop Opmaak.
Dynamic html.
Die blijft daar totdat je hem via Beeld weer helemaal weghaalt.
Wil je de werkbalk slechts voor even kwijt, omdat je er zo weer
mee aan de slag gaat, dan klik je hem even via Opmaak weg.
*******************
In het eerste vakje onder een gebeurtenis kiezen, staan dus
diverse keuzes.
Bij iedere keuze kan men een ander effect kiezen.
Ga deze eens lekker uitproberen met je plaatjes 3 en 4.
*******************
Mocht je de DHTML werkbalk al hebben weggeklikt, haal hem nu nog
even te voorschijn.
Bij: Een gebeurtenis kiezen, staat onderaan: Pagina Laden, en
- Overgangen tussen
Pagina's.- Ook dit is leuk om eens te proberen, er zijn keuzes
genoeg en het wijst zich vanzelf.
Echter een opmerking hierover. Gebruik het zuinig. en houd bij
het instellen van de tijdsduur van de diverse effecten deze
tijdsduur zo kort als maar mogelijk is.
Het duurt vrij lang als een pagina met zo'n effect opent en je
weet internetters staan niet bepaald bekend om hun geduld en
haken dus snel af als het te lang duurt.
Hier is een voorbeeld
waar dit soort dhtml knoppen is toegepast.
Terug
naar Inhoud
copyright: Maud de
graaf
|
