Dreamweaver CS3 - Adobe

Werken met het accordeonobject
Over het accordeonobject
DREAMWEAVER CS3
Handboek
Een accordeonobject is een reeks inklapbare panelen die een grote hoeveelheid inhoud op een beperkte ruimte kunnen
opslaan. Sitebezoekers kunnen de inhoud in de accordeon verbergen of weergeven door op de paneeltab te klikken. De
panelen van de accordeon worden open- of dichtgeklapt al naargelang de bezoeker op de diverse tabs klikt. In een
accordeon is slechts één inhoudspaneel tegelijk geopend en zichtbaar. In het volgende voorbeeld ziet u een accordeonobject
waarvan het tweede paneel is opengeklapt:
A
B C
A. Paneeltab van accordeon B. Paneelinhoud van accordeon C. Accordeonpaneel (open)
De standaard-HTML voor het accordeonobject bestaat uit een buitenste div-tag die alle panelen bevat, een div-tag voor
elk paneel, en een kop-div en inhouds-div in de tag voor elk paneel. Een accordeonobject kan een willekeurig aantal
afzonderlijke panelen bevatten. De HTML voor het accordeonobject bevat eveneens script-tags in de kop van het
document en na de HTML-opmaak van de accordeon.
Voor een uitvoerige uitleg van de werking van het accordeonobject, waaronder een volledige anatomie van de code van het
accordeonobject, gaat u naar www.adobe.com/go/learn_dw_spryaccordion_nl.
Over het accordeonobject
❖ Kies Invoegen > Spry > Spry-accordeon.
Opmerking: U kunt een accordeonobject ook invoegen met behulp van de categorie Spry op de invoegbalk.
Een paneel toevoegen aan een accordeonobject
1 Selecteer een accordeonobject in het documentvenster.
2 Klik op de plusknop (+) Panelen in de eigenschappencontrole (Venster > Eigenschappen).
3 (Optioneel) Verander de naam van het paneel door in de ontwerpweergave de tekst van het paneel te selecteren en
vervolgens te wijzigen.
Een paneel verwijderen uit een accordeonobject
1 Selecteer een accordeonobject in het documentvenster.
2 Open het menu Panelen van de eigenschappencontrole (Venster > Eigenschappen), selecteer de naam van het paneel dat
u wilt verwijderen en klik op de minknop (-).
430