Operation Manual

496
DREAMWEAVER GEBRUIKEN
Spry-pagina's visueel opbouwen
Laatst bijgewerkt 2/5/2011
Een lijst met Spry-herhalingen maken
U kunt lijsten met herhalingen toevoegen om uw gegevens weer te geven als een geordende lijst, een niet-geordende
lijst (lijst met opsommingstekens) of een vervolgkeuzelijst.
1 Kies Invoegen > Spry > Lijst met Spry-herhalingen.
U kunt ook op de knop Lijst met Spry-herhalingen klikken in de categorie Spry van het paneel Invoegen.
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-<ul>-, <ol>-, <dl>- 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: Als u een effect op een element wilt toepassen, moet het element zijn geselecteerd of moet het een id hebben.
Als u 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 dat element dynamisch bijgewerkt wanneer een gebruiker
op een element 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.