Button Tips & Tricks

Buttons Tips & Tricks ::

» Hoe een pagina sluiten d.m.v een button ? :

Misschien is het soms handig om ergens een button in te plaatsen om een scherm te sluiten b.v in een pop-up venster, dit is te doen door middel van een klein javascript regeltje.
1. Plaats eerst een button op uw pagina, bv. de standaard flash buttons
    of gewoon een tekst button.
2. Open het Properties venster (Window -> properties of Ctrl + F3)
3. Plaats in het Properties venster onder "Link" de volgende code:
    javascript:window.close()
4. Klik hier voor een voorbeeld

    Let Op !! Bij de standaard flash buttons zoals het voorbeeld zal je de                    code in het edit menu van de button moeten plaatsen.

» Ik heb een roll-over image button gemaakt maar ik wil hem     wijzigen hoe moet dat ? :

Als u in Dreamweaver een roll-over image heeft gemaakt en die wilt u b.v achteraf veranderen van plaatje moet u de volgende stappen uitvoeren:
1. De Roll-over image button selecteren
2. De Behaviours openen (Window -> Behaviors of schift +F3)
3. U zult daar 2 regels tegen komen "Swap image" en "Swap image     restore"
    Dubbel klik met uw muis op Swap image daar kunt u vervolgens de     afbeelding wijzigen.

» Mijn roll-over button veranderd op het verkeerde moment wat nu ?

Als u in Dreamweaver een roll-over image heeft gemaakt en die wilt u b.v achteraf veranderen van beweging (events) moet u de volgende stappen uitvoeren:
1. De Roll-over image button selecteren
2. De Behaviours openen (Window -> Behaviors of schift +F3)
3. U zult daar 2 regels tegen komen "Swap image" en "Swap image     restore"
    Onder Actions en de Events ga in het midden staan dan ziet u een klein     zwart pijltje daar moet u op klikken en daar kunt u de gewenste state     veranderen b.v OnMousedown, OnMouseover etc.

» Zitten er in Dreamweaver ook standaard buttons ? :

Ja zeker in Dreamweaver zijn ook standaard buttons te vinden, dit zijn zogenaamde flash buttons (.swf bestandjes). Ze zijn te vinden onder Insert -> Interactive Images -> Flash Button. Hier kunt U gewoon uw gewenste letter typen, corps, grote, kleur e.d aan passen. Als u de buttons achter af wilt aan passen klikt u de button aan en kiest vervolgens rechter muis knop-> edit. Als u de buttons een transparante achtergrond wilt geven kunt u dit vinden onder Flash (.swf) en onder de Extensions, bij overige zijn extra flash buttons beschikbaar, die u in Dreamweaver kunt importeren.

» Hoe maak ik een bewegende tekst link, zo dat bv de kleur veranderd?

Het makkelijkste is om een script in de code te plaatsen u moet daar voor het volgende script tussen de <head> en </head> tag plaatsen:

<STYLE>A:link {
COLOR: #666666; TEXT-DECORATION: none
}
A:visited {
COLOR: #666666; TEXT-DECORATION: none
}
A:active {
COLOR: #666666; TEXT-DECORATION: none
}
A:hover {
COLOR: #66cc00; TEXT-DECORATION: underline
}
</STYLE>

Dit zijn de kleurwaardes van het menu wat zich links bevindt, behalve dat U kleurwaardes in kunt geven kunt u ook aan geven als u onderlijning, cursief e.d. wilt hebben.

De kleurwaardes kunt u zelf aan passen.

Een lijst van alle kleurwaardes kunt u hier vinden.

» Hoe maak ik van een plaatje een button ? :

Stel je hebt een plaatje gemaakt, maar daar wil je een knop in hebben. Nu kun je moeilijk gaan doen en alles op knippen, zodat alles losse plaatjes worden, maar je kun ook een zogenaamde Image map maken. Je definiëerd dan een gedeelte van je plaatje als aanklikbaar gedeelte (Hotspot).

In Dreamweaver kun je deze ImageMaps heel makkelijk maken.Open je Properties venster (Ctrl + F3) en klik op het plaatje waar je een Imagemap op wil maken, je krijgt dan het volgende venster te zien:

Properties

Met de volgende knoppen kun je dan je Hotspots op je Imagemap gaan maken:
Rectangular Hotspot Tool:
Klik en sleep op je plaatje en er onstaat een blauwige rechthoek.

Als je nu met de Pointer Hotspot Tool je Hotspot selecteerd kun je een aantal functies invoeren:
Map: Hier kun je je Imagemap een unieke naam geven, voor als je meerdere Imagemaps in 1 pagina gebruikt. (een plaatje kan maar 1 Imagemap hebben, maar deze kan wel weer meerdere Hotspots bevatten)
Link: Vul hier de url in waar de knop (Hotspot) naartoe moet linken.
Target: Kies hier het targetframe waar de link heen moet gaan
Alt: geef hier een tekst die je te zien krijgt als je met de muis op de knop gaat staan (soort tooltip)

Oval Hotspot Tool:
Klik en sleep op je plaatje en er onstaat een blauwige cirkel. De verdere functies zijn dezelfde als bij de Rectangular Hotspot.

Polygon Hotspot Tool:
Klik hier op je plaatje en maak meerhoekige Hotspots door verder te klikken binnen je plaatje.
De verdere functies zijn dezelfde als bij de Rectangular Hotspot.

Pointer Hotspot Tool:
Met deze pijl kun je een bepaalde Hotspot in je Imagemap selecteren om hem te verplaatsen of te verwijderen. Houd Shift ingedrukt om meerdere Hotspots te selecteren.

De code ziet er als volgt uit: