Dreamweaver CS3 - Adobe

Hoofdstuk 16: Spry-pagina's visueel
opbouwen
Het Spry-framework is een JavaScript- en CSS-bibliotheek waarmee u betere webpagina's kunt bouwen. Met het framework
kunt u XML-gegevens weergeven en interactieve pagina-elementen maken die dynamische gegevens weergeven zonder dat
de hele pagina moet worden vernieuwd.
Over het Spry-framework
Over het Spry-framework
Het Spry-framework is een JavaScript-bibliotheek met behulp waarvan webontwerpers webpagina's kunnen bouwen die de
bezoekers een prettiger ervaring geven. Met Spry kunt u HTML, CSS en een minimale hoeveelheid JavaScript gebruiken
om XML-gegevens op te nemen in uw HTML-documenten. U kunt objecten maken, zoals accordeons en menubalken, en
diverse effecten toevoegen aan allerhande pagina-elementen. Het Spry-framework is zo ontworpen dat opmaak eenvoudig
en makkelijk is te gebruiken door mensen die een basiskennis hebben van HTML, CSS en JavaScript.
Het Spry-framework is voornamelijk bedoeld voor professionele webontwerpers of voor geavanceerde amateurs. Het is niet
bedoeld als een volwaardig webtoepassingsframework voor webontwikkeling op ondernemingsniveau (hoewel het wel
samen met andere pagina's op ondernemingsniveau kan worden gebruikt).
Ga voor meer informatie over het Spry-framework naar www.adobe.com/go/learn_dw_spryframework_nl.
Zie www.adobe.com/go/vid0166_nl voor een zelfstudie over het gebruik van Spry voor het bouwen van webpagina's.
Spry-objecten toevoegen
Over Spry-objecten
Een Spry-object is een pagina-element dat interactie met de gebruiker mogelijk maakt. Een Spry-object bestaat uit de
volgende onderdelen:
Objectstructuur Een HTML-codeblok dat de structurele samenstelling van het object definieert.
Objectgedrag JavaScript dat aanstuurt hoe het object reageert op door de gebruiker op gang gebrachte gebeurtenissen.
Objectopmaak CSS die bepaalt hoe het object er uitziet.
Het Spry-framework ondersteunt een reeks herbruikbare objecten, die zijn geschreven in standaard-HTML, CSS en
JavaScript. U kunt deze objecten eenvoudig invoegen—de code bestaat uit de eenvoudigste HTML en CSS—en het object
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.
Elk object in het Spry-framework is gekoppeld aan unieke CSS- en JavaScript-bestanden. Het CSS-bestand bevat alles wat
nodig is om het object op te maken, en het JavaScript-bestand geeft het object zijn functionaliteit. Wanneer u een object
invoegt via de interface van Dreamweaver, koppelt Dreamweaver deze bestanden automatisch aan uw pagina zodat uw
object functionaliteit en opmaak bevat.
428