Dreamweaver CS3 - Adobe

DREAMWEAVER CS3
Handboek
2 Selecteer de containertag die u wilt gebruiken. UL, OL, DL of SELECT. De overige opties verschillen, afhankelijk van de
gekozen container. Als u SELECT kiest, moet u de volgende velden definiëren:
• Kolom weergeven: Dit is wat gebruikers zien wanneer ze de pagina in hun browsers weergeven.
• Waarde kolom: Dit is de werkelijke waarde die naar de achtergrondserver wordt verstuurd.
U kunt bijvoorbeeld een lijst met staten maken en gebruikers de opties Alabama en Alaska laten zien, terwijl in feite de
waarden Al of AK naar de server worden verstuurd. U kunt de SELECT ook als een navigatiehulpmiddel gebruiken en
productnamen als “Adobe Dreamweaver” en “Adobe Acrobat” aan gebruikers laten zien, terwijl in feite URL's, zoals
“support/products/dreamweaver.html” en “support/products/acrobat.html” naar de server worden verstuurd.
3 Kies de Spry-gegevensset in het menu.
4 Kies de kolommen die u wilt weergeven.
5 Klik op OK om een gebied met een lijst met herhalingen op de pagina weer te geven. In de codeweergave kunt u zien dat
HTML--, -, - of FORM-select-tags in het bestand zijn ingevoegd.
Opmerking: Als u een gebied met een lijst met herhalingen probeert in te voegen maar nog geen gebied hebt gemaakt, wordt u
in Dreamweaver gevraagd om eerst een gebied toe te voegen voordat u de tabel invoegt. Alle Spry-gegevensobjecten moeten in
een gebied zijn opgenomen.
Spry-effecten toevoegen
Spry-effecten, overzicht
Spry-effecten zijn visuele uitbreidingen die u op nagenoeg elk element op een HTML-pagina kunt toepassen met JavaScript.
Effecten worden dikwijls gebruikt om informatie te markeren, bewegende overgangen te maken, of een pagina-element
gedurende een bepaalde tijd visueel te wijzigen. U kunt effecten op HTML-elementen toepassen zonder extra aangepaste
tags toe te voegen.
Opmerking: Alsueeneffectopeenelementwilttoepassen,moethetelementzijngeselecteerdofmoetheteenidhebben.Alsu
bijvoorbeeld markering wilt toepassing op een div-tag die niet is geselecteerd, moet de div een geldige id-waarde hebben. Als
het element nog geen id heeft, moet u er een toevoegen aan de HTML-code.
Met effecten kunt u de doorzichtigheid, schaal, positie en opmaakeigenschappen, zoals de achtergrondkleur, van een
element wijzigen. U kunt interessante visuele effecten maken door twee of meer eigenschappen te combineren.
Omdat deze effecten zijn gebaseerd op Spry, wordt alleen het object dynamisch bijgewerkt wanneer een gebruiker op een
object met een effect klikt. De rest van de HTML-pagina hoeft niet te worden vernieuwd.
Spry bevat de volgende effecten:
Verschijnen/Vervagen Hiermee laat u een element verschijnen of vervagen.
Markeren Hiermee verandert u de achtergrondkleur van een element.
Omhoog verduisteren/Omlaag verduisteren Hiermee simuleert u een verduisteringsgordijn dat omhoog of omlaag wordt
getrokken om het element te verbergen of weer te geven.
Omhoog schuiven/Omlaag schuiven Hiermee verschuift u een element naar boven of beneden.
Vergroten/Verkleinen Hiermee maakt u het element groter of kleiner.
Schudden Hiermee simuleert u het van links naar rechts schudden van het element.
Soppen Hiermee laat u het element in de linkerbovenhoek van de pagina verdwijnen.
Belangrijk: Wanneer u een effect gebruikt, worden in de codeweergave verschillende regels code aan het bestand toegevoegd.
Eén regel identificeert het bestand SpryEffects.js, dat nodig is om de effecten op te nemen. Verwijder deze regel niet uit de code,
anders werken de effecten niet.
Voor een uitgebreid overzicht van de Spry-effecten die beschikbaar zijn in het Spry-framework gaat u naar
www.adobe.com/go/learn_dw_spryeffects_nl.
463