Operation Manual

Werken met Spry-widgets (algemene instructies)
Opmerking:
Naar boven
Widgetstructuur
Widgetgedrag
Widgetopmaak
Naar boven
Naar boven
Opmerking:
Naar boven
Over Spry-widgets
Bronnen en zelfstudies voor Spry-widgets
Een Spry-widget invoegen
Een Spry-widget selecteren
Een Spry-widget bewerken
Een Spry-widget opmaken
Meer widgets ophalen
De standaardmap Spry-gegevensset
In Dreamweaver CC en hoger zijn Spry-widgets vervangen door jQuery-widgets. U kunt de bestaande Spry-widgets op uw pagina
nog steeds wijzigen, maar u kunt geen nieuwe Spry-widgets toevoegen.
Over Spry-widgets
Een Spry-widget is een pagina-element dat interactie met de gebruiker mogelijk maakt. Een Spry-widget bestaat uit de volgende onderdelen:
Een HTML-codeblok dat de structurele samenstelling van de widget definieert.
JavaScript dat aanstuurt hoe de widget reageert op door de gebruiker op gang gebrachte gebeurtenissen.
CSS die bepaalt hoe de widget er uitziet.
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.
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.
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.
362