Operation Manual

440
DREAMWEAVER GEBRUIKEN
Spry-pagina's visueel opbouwen
Laatst bijgewerkt 2/5/2011
Het Spry-framework ondersteunt een reeks herbruikbare widgets, die zijn geschreven in standaard-HTML, CSS en
JavaScript. U kunt deze widgets eenvoudig invoegen—de code bestaat uit de eenvoudigste HTML en CSS—en de
widget daarna opmaken. Het gedrag in het framework omvat functionaliteit waarmee gebruikers onder andere inhoud
op de pagina kunnen weergeven of verbergen, de weergave (zoals de kleur) van de pagina kunnen wijzigen, en menu-
items kunnen beïnvloeden.
Elke widget in het Spry-framework is gekoppeld aan unieke CSS- en JavaScript-bestanden. Het CSS-bestand bevat alles
wat nodig is om de widget op te maken, en het JavaScript-bestand geeft de widget zijn functionaliteit. Wanneer u een
widget invoegt via de interface van Dreamweaver, koppelt Dreamweaver deze bestanden automatisch aan uw pagina
zodat uw widget functionaliteit en opmaak bevat.
De CSS- en JavaScript-bestanden die aan een bepaalde widget zijn gekoppeld, worden naar die widget genoemd zodat
u direct ziet welke bestanden bij welke widgets horen. (Bestanden die bijvoorbeeld zijn gekoppeld aan de
accordeonwidget, worden SpryAccordion.css en SpryAccordion.js genoemd). Wanneer u een widget invoegt in een
opgeslagen pagina, maakt Dreamweaver een map SpryAssets in uw site, waarin de corresponderende JavaScript- en
CSS-bestanden worden opgeslagen.
Meer Help-onderwerpen
“Wat zijn CSS-stijlpagina's (Cascading Style Sheets)” op pagina 127
Bronnen en zelfstudies voor Spry-widgets
De volgende onlinebronnen leveren meer informatie over het aanpassen van Spry-widgets.
Voorbeelden van Spry-widgets
Spry-menubalken aanpassen in Dreamweaver
Spry-validatiewidgets (videozelfstudie)
Een Spry-widget invoegen
❖ Kies Invoegen > Spry en selecteer de widget die u wilt invoegen.
Wanneer u een widget invoegt, neemt Dreamweaver automatisch de noodzakelijke Spry JavaScript- en CSS-bestanden
in uw site op wanneer u de pagina opslaat.
Opmerking: U kunt Spry-widgets ook invoegen met behulp van de categorie Spry van het paneel Invoegen.
Een Spry-widget selecteren
1 Houd de muisaanwijzer boven de widget tot de blauwe tabsgewijze omtrek van de widget wordt weergegeven.
2 Klik in de linkerbovenhoek van de widget op de widgettab.
Een Spry-widget bewerken
❖ Selecteer de widget die u wilt bewerken en breng de wijzigingen aan in de eigenschappencontrole (Venster >
Eigenschappen).
Raadpleeg de desbetreffende secties voor elke widget voor details over hoe u wijzigingen aanbrengt in de specifieke
widgets.