Utforma dynamiska sidor

Utforma sidan.

Ett viktigt steg i designen av vilken webbsida som helst—oavsett om den är statisk eller dynamisk—är den visuella designen av sidan. När du lägger till dynamiska element på en webbsida blir sidans design avgörande för dess användbarhet. Du bör noga överväga hur användare kommer att interagera med både enskilda sidor och webbsidan som helhet.

En vanlig metod för att införliva dynamiskt innehåll på en webbsida är att skapa en tabell för att presentera innehåll och importera dynamiskt innehåll till en eller flera av tabellens celler. Med denna metod kan du presentera information av olika typer i ett strukturerat format.

Skapa en källa med dynamiskt innehåll.

Dynamiska webbsidor kräver en innehållskälla från vilken data kan extraheras innan de kan visa det på en webbsida. Innan du kan använda innehållskällor på en webbsida måste du göra följande:

• Skapa en anslutning till den dynamiska innehållskällan (som en databas) och programservern som bearbetar sidan. Skapa datakällan genom att använda panelen Bindningar; sedan kan du välja och infoga datakällan på sidan.

• Ange vilken information i databasen du vill visa, eller vilka variabler som ska inkluderas på sidan genom att skapa en postuppsättning. Du kan också testa frågan inifrån dialogrutan Postuppsättning och göra nödvändiga justeringar innan du lägger till den i panelen Bindningar.

• Välj och infoga dynamiska innehållselement på den valda sidan.

Lägga till dynamiskt innehåll på en webbsida.

Efter att du definierat en postuppsättning eller annan datakälla och lagt till den i panelen Bindningar kan du infoga det dynamiska innehåll som postuppsättningen representerar på sidan. Dreamweavers menydrivna gränssnitt gör det lika enkelt att lägga till dynamiska innehållselement som att välja en dynamisk innehållskälla från panelen Bindningar och infoga den i ett lämpligt text-, bild- eller formulärobjekt på den aktuella sidan.

När du infogar ett dynamiskt innehållselement eller annat serverbeteende på en sida infogar Dreamweaver ett skript på serversidan i sidans källkod. Detta skript instruerar servern att hämta data från den definierade datakällan och rendera det inom webbsidan. För att placera dynamiskt innehåll på en webbsida kan du göra något av följande:

• Placera det vid infogningspunkten i antingen kod- eller designvy.

• Byta ut en textsträng eller en annan platshållare.

  Infoga det i ett HTML-attribut. Till exempel kan dynamiskt innehåll definiera src-attributet för en bild eller värdeattributet för ett formulärfält.

Lägga till serverfunktioner på en sida.

Förutom att lägga till dynamiskt innehåll kan du införliva komplex programlogik i webbsidor genom att använda serverbeteenden. Serverbeteenden är fördefinierade delar av kod på serversidan som lägger till applikationslogik till webbsidor och ger mer interaktivitet och funktionalitet.

Dreamweavers serverbeteenden låter dig lägga till programlogik till en webbsida utan att behöva skriva koden själv. Server behaviors som medföljer Dreamweaver stöder ColdFusion-, ASP- och PHP-dokumenttyper. Server behaviors är skrivna och testade för att vara snabba, säkra och robusta. De inbyggda serverbeteendena stöder plattformsoberoende webbsidor för alla webbläsare.

Dreamweaver tillhandahåller ett peka-och-klicka-gränssnitt som gör det lika enkelt att tillämpa dynamiskt innehåll och komplexa behaviors på en sida som att infoga text- och designelement. Följande serverbeteenden är tillgängliga:

• Definiera en postuppsättning från en befintlig databas. Recordset du definierar lagras sedan i Bindings panel.

• Visa flera poster på en enda sida. Du väljer antingen en hel tabell eller enskilda celler eller rader som innehåller dynamiskt innehåll, och anger antalet poster som ska visas på varje sidvisning.

• Skapa och infoga en dynamisk tabell på en sida och koppla tabellen till en postuppsättning. Du kan senare ändra både tabellens utseende och den upprepande regionen genom att använda Egenskapsinspektören och Upprepande region-serverbeteende.

• Infoga ett dynamiskt textobjekt på en sida. Textobjektet du infogar är ett objekt från en fördefinierad recordset, som du kan tillämpa alla dataformat på.

• Skapa postnavigering och statuskontroller, master/detail- sidor och formulär för att uppdatera information i en databas.

• Visa mer än en post från en databaspost.

• Skapa recordset-navigeringslänkar som låter användare visa föregående eller nästa poster från en databaspost.

• Lägg till en posträknare för att hjälpa användare hålla koll på hur många poster som returnerades och var de befinner sig i resultatet.

Du kan också utöka Dreamweavers serverbeteenden genom att skriva egna eller installera serverbeteenden skrivna av tredje part.

Testa att felsöka sidan.

Innan du gör en dynamisk sida—eller en hel webbsida—tillgänglig på webben bör du testa dess funktionalitet. Du bör också överväga hur din apps funktion kan påverka personer med funktionsnedsättningar.