Dynamische pagina's ontwerpen

Ontwerp de pagina.

Een belangrijke stap bij het ontwerpen van elke website—of statisch of dynamisch—is het visuele ontwerp van de pagina. Bij het toevoegen van dynamische elementen aan een webpagina wordt het ontwerp van de pagina cruciaal voor de bruikbaarheid. Denk goed na over hoe gebruikers omgaan met zowel individuele pagina's als de website als geheel.

Een veelgebruikte methode om dynamische content in een webpagina op te nemen is het maken van een tabel om content te presenteren en dynamische content te importeren in een of meer cellen van de tabel. Met deze methode kun je informatie van verschillende typen in een gestructureerd formaat presenteren.

Maak een bron van dynamische inhoud.

Dynamische websites hebben een contentbron nodig waaruit gegevens kunnen worden geëxtraheerd voordat deze op een webpagina kunnen worden weergegeven. Voordat je contentbronnen in een webpagina kunt gebruiken, moet je het volgende doen:

• Maak een verbinding met de dynamische contentbron (zoals een database) en de applicatieserver die de pagina verwerkt. Maak de databron met behulp van het deelvenster Bindings; vervolgens kun je de databron selecteren en invoegen in de pagina.

• Specificeer welke informatie in de database je wilt weergeven of welke variabelen je in de pagina wilt opnemen door een recordset te maken. Je kunt ook de query testen vanuit het dialoogvenster Recordset en eventuele benodigde aanpassingen maken voordat je deze toevoegt aan het deelvenster Bindings.

• Selecteer en voeg dynamische content-elementen toe aan de geselecteerde pagina.

Voeg dynamische inhoud aan een webpagina toe.

Nadat je een recordset of andere databron hebt gedefinieerd, en het hebt toegevoegd aan het deelvenster Binding, kun je de dynamische content die de recordset vertegenwoordigt in de pagina invoegen. De Dreamweaver menu-gestuurde interface maakt het toevoegen van dynamische contentelementen net zo eenvoudig als het selecteren van een dynamische contentbron uit het deelvenster Binding, en het invoegen in een geschikt tekst-, afbeelding- of formulierobject binnen de huidige pagina.

Wanneer je een dynamisch contentelement of ander servergedrag in een pagina invoegt, voegt Dreamweaver een server-side script in de broncode van de pagina in. Dit script instrueert de server om gegevens op te halen uit de gedefinieerde databron en deze weer te geven binnen de webpagina. Om dynamische content binnen een webpagina te plaatsen, kun je een van de volgende dingen doen:

• Plaats het op het invoegpunt in Code- of Ontwerpweergave.

• Vervang een tekenreeks of andere tijdelijke aanduiding.

  Voeg het in een HTML-kenmerk in. Dynamische content kan bijvoorbeeld het src-kenmerk van een afbeelding of het value-kenmerk van een formulierveld definiëren.

Voeg servergedrag aan een pagina toe.

Naast het toevoegen van dynamische content kun je complexe applicatielogica in webpagina's opnemen door servergedragingen te gebruiken. Servergedragingen zijn voorgedefinieerde stukken server-side code die applicatielogica aan webpagina's toevoegen, wat meer interactiviteit en functionaliteit biedt.

Met de Dreamweaver server behaviors kun je applicatielogica toevoegen aan een website zonder zelf de code te hoeven schrijven. De server behaviors die bij Dreamweaver worden geleverd ondersteunen ColdFusion-, ASP- en PHP-documenttypen. De server behaviors zijn geschreven en getest om snel, veilig en robuust te zijn. De ingebouwde server behaviors ondersteunen platformoverschrijdende webpagina's voor alle browsers.

Dreamweaver biedt een point-and-click-interface waarmee het toepassen van dynamische content en complexe gedragingen op een pagina net zo eenvoudig wordt als het invoegen van tekstuele en ontwerpelementen. De volgende server behaviors zijn beschikbaar:

• Definieer een recordset vanuit een bestaande database. De recordset die je definieert wordt vervolgens opgeslagen in het deelvenster Bindings.

• Geef meerdere records op een enkele pagina weer. Je selecteert een hele tabel of afzonderlijke cellen of rijen die dynamische content bevatten en geeft het aantal records op dat op elke pagina moet worden weergegeven.

• Maak een dynamische tabel en voeg deze toe aan een pagina. Koppel de tabel aan een recordset. Je kunt later zowel de weergave van de tabel als de herhalende regio wijzigen met respectievelijk de Property inspector en Repeating Region Server Behavior.

• Voeg een dynamisch tekstobject op een pagina in. Het tekstobject dat je invoegt is een item uit een vooraf gedefinieerde recordset, waarop je alle gegevensformaten kunt toepassen.

• Maak record navigatie- en status besturingselementen, hoofd-/detailpagina's en forms voor het updaten van informatie in een database.

• Geef meer dan één record uit een databaserecord weer.

• Maak recordset-navigatiekoppelingen waarmee gebruikers de vorige of volgende records uit een database kunnen bekijken.

• Voeg een recordteller toe om gebruikers te helpen bij te houden hoeveel records zijn geretourneerd en waar ze zich bevinden in het geretourneerde resultaat.

Je kunt Dreamweaver server-gedragingen ook uitbreiden door je eigen gedragingen te schrijven of server-gedragingen te installeren die door derden zijn geschreven.

Test de pagina en los eventuele fouten op.

Voordat je een dynamische pagina of een hele website beschikbaar maakt op het web, moet je de functionaliteit testen. Je moet ook overwegen hoe de functionaliteit van je app mensen met een beperking kan beïnvloeden.