Förstå webbprogram

Användargränssnittet i Dreamweaver och senare har förenklats. Det kan därför hända att du inte hittar vissa av alternativen i den här artikeln i Dreamweaver och senare. Mer information finns i den här artikeln.

Om webbprogram

Ett webbprogram är en webbsida som innehåller sidor med delvis eller helt obestämt innehåll.Det slutliga innehållet på en sida bestäms först när besökaren begär en sida från webbservern. Eftersom det slutliga innehållet på sidan varierar från begäran till begäran baserat på besökarens handlingar kallas den här typen av sida för en dynamisk sida.

Webbapplikationer byggs för att hantera en mängd olika utmaningar och problem. Det här avsnittet beskriver vanliga användningsområden för webbapplikationer och ger ett enkelt exempel.

Vanliga användningsområden för webbprogram

Webbapplikationer har många användningsområden för både webbplatsbesökare och utvecklare, inklusive följande:

• Låt besökare hitta information snabbt och enkelt på en innehållsrik webbsida.

  Den här typen av webbprogram ger besökare möjligheten att söka, organisera och navigera i innehåll på det sätt de vill.Exempel inkluderar företagsintrånät, Microsoft MSDN (www.msdn.microsoft.com) och Amazon.com (www.amazon.com).

• Samla in, spara och analysera data från webbplatsbesökare.

  Förr skickades data som matades in i HTML-formulär som e-postmeddelanden till anställda eller CGI-applikationer för bearbetning.En webbapplikation kan spara formulärdata direkt i en databas och även extrahera data och skapa webbbaserade rapporter för analys. Exempel inkluderar online-banksidor, butikers utcheckningssidor, enkäter och feedback-formulär för användare.

• Uppdatera webbplatser med innehåll under konstant förändring.

  Ett webbprogram befriar webbdesignern från att kontinuerligt uppdatera webbplatsens HTML.Innehållsleverantörer som nyhetsredigerare förser webbprogrammet med innehåll, och webbprogrammet uppdaterar webbplatsen automatiskt.Exempel inkluderar Economist (www.economist.com) och CNN (www.cnn.com).

Exempel på ett webbprogram

Janet är en professionell webbdesigner och mångårig Dreamweaver-användare som ansvarar för att underhålla intranätet och webbplatserna för ett medelstort företag med 1000 anställda.En dag kommer Chris från personalavdelningen till henne med ett problem. Personalavdelningen administrerar ett träningsprogram för anställda som ger poäng för varje mil de går, cyklar eller springer.Varje anställd måste rapportera sina månatliga miltotaler i ett e-postmeddelande till Chris. I slutet av månaden samlar Chris alla e-postmeddelanden och belönar anställda med små kontantbelöningar baserat på deras poängsumma.

Davids problem är att friskvårdsprogrammet har blivit för populärt. Så många anställda deltar nu att Chris översvämmas med e-postmeddelanden i slutet av varje månad. Chris frågar Janet om en webbbaserad lösning finns.

Janet föreslår en intranätbaserad webbapplikation som utför följande uppgifter:

• Låter anställda mata in sina körsträckor på en webbsida med ett enkelt HTML-formulär

• Lagrar de anställdas tillryggalagda sträckor i en databas

• Beräknar friskvårdsprogram baserat på de data som lagrats

• Tillåter de anställda att följa utvecklingen under månaden

• Ger Chris åtkomst med ett klick till poängtotaler i slutet av varje månad

  Janet får igång applikationen före lunchtid med Dreamweaver, som har de verktyg hon behöver för att bygga den här typen av applikation snabbt och enkelt.

Så här fungerar ett webbprogram

En webbapplikation är en samling statiska och dynamiska webbsidor.En statisk webbsida är en som inte ändras när en besökare begär den: Webbservern skickar sidan till den begärande webbläsaren utan att ändra den.En dynamisk webbsida däremot ändras av servern innan den skickas till den begärande webbläsaren.Sidans föränderliga natur är anledningen till att den kallas dynamisk.

Du kan till exempel utforma en sida för att visa träningsresultat, samtidigt som du låter viss information (som anställds namn och resultat) bestämmas när sidan begärs av en specifik anställd.

I nästa avsnitt beskrivs hur webbapplikationer fungerar mer detaljerat.

Bearbeta statiska webbsidor

En statisk webbsida består av en uppsättning relaterade HTML-sidor och filer som finns på en dator som kör en webbserver.

En webbserver är programvara som levererar webbsidor som svar på begäranden från webbläsare.En sidbegäran skapas när en besökare klickar på en länk på en webbsida, väljer ett bokmärke i en webbläsare eller anger en URL i en webbläsares adressfält.

Det slutliga innehållet på en statisk webbsida bestäms av siddesignern och ändras inte när sidan begärs.Här är ett exempel:

<html>

<head>

<title>Trio Motors Information Page</title>

</head>

<body>

<h1>Om Trio Motors</h1>

<p>Trio Motors är en ledande biltillverkare.</p>

</body>

</html>

Varje rad av sidans HTML-kod skrivs av designern innan sidan placeras på servern.Eftersom HTML inte ändras när den väl finns på servern kallas den här typen av sida för en statisk sida.

Noga räknat behöver en ”statisk” sida inte vara så statisk. Flash-innehåll (en SWF-fil) eller en överrullningsbild kan skänka liv åt en statisk sida. Definitionen av en statisk sida i den här dokumentationen är emellertid en sida som skickas till webbläsaren utan att förändras.

När webbservern får en begäran om en statisk sida läser servern begäran, hittar sidan och skickar den till den begärande webbläsaren, som följande exempel visar:

När det gäller webbapplikationer är vissa kodrader obestämda när besökaren begär sidan.Dessa rader måste bestämmas av någon mekanism innan sidan kan skickas till webbläsaren. Mekanismen diskuteras i följande avsnitt.

Bearbeta dynamiska sidor

När en webbserver tar emot en begäran om en statisk webbsida skickar servern sidan direkt till den begärande webbläsaren. När webbservern tar emot en begäran om en dynamisk sida reagerar den dock annorlunda: Den skickar sidan till en speciell programvara som ansvarar för att färdigställa sidan. Den här speciella programvaran kallas för en programserver.

Applikationsservern läser koden på sidan, färdigställer sidan enligt instruktionerna i koden och tar sedan bort koden från sidan. Resultatet är en statisk sida som applikationsservern skickar tillbaka till webbservern, som sedan skickar sidan till den begärande webbläsaren. Allt webbläsaren får när sidan anländer är ren HTML. Här är en översikt av processen:

Arbeta mot en databas

En applikationsserver låter dig arbeta med resurser på serversidan såsom databaser. Till exempel kan en dynamisk sida instruera applikationsservern att extrahera data från en databas och infoga det i sidans HTML. Mer information finns på www.adobe.com/go/learn_dw_dbguide_se.

Att använda en databas för att lagra Innehåll låter dig separera din webbsidas design från det Innehåll du vill visa för platsanvändare. Istället för att skriva enskilda HTML-filer för varje sida behöver du bara skriva en sida – eller mall – för de olika typerna av information du vill presentera.Du kan sedan ladda upp innehåll till en databas och sedan låta webbsidan hämta det innehållet som svar på en användarbegäran.Du kan också uppdatera information i en enda källa och sedan sprida den ändringen genom hela webbsidan utan att behöva redigera varje sida manuellt.Du kan använda Adobe Dreamweaver för att designa webbformulär för att infoga, uppdatera eller ta bort data från databasen.

Instruktionen att extrahera data från en databas kallas en databasfråga. En fråga består av sökkriterier uttryckta i ett databasspråk som kallas SQL (Structured Query Language). SQL-frågan skrivs in i sidans skript eller taggar på serversidan.

En applikationsserver kan inte kommunicera direkt med en databas eftersom databasens egen format gör data oläsbar på ungefär samma sätt som ett Microsoft Word-dokument öppnat i Notepad eller BBEdit kan vara oläsbart. Applikationsservern kan kommunicera med databasen endast genom en databasdrivrutin som mellanhand: programvara som fungerar som en tolk mellan applikationsservern och databasen.

Efter att drivrutinen upprättat kommunikation körs frågan mot databasen och en postmängd skapas. En postmängd är en uppsättning data extraherad från en eller flera tabeller i en databas. Postmängden returneras till applikationsservern, som använder data för att färdigställa sidan.

Här är en enkel databasfråga skriven i SQL:

SELECT lastname, firstname, fitpoints

FROM employees

Detta påstående skapar en tremkolumnspostmängd och fyller den med rader som innehåller efternamn, förnamn och träningspoäng för alla anställda i databasen. Mer information finns på www.adobe.com/go/learn_dw_sqlprimer_se.

Följande exempel visar processen för att köra en fråga mot en databas och returnera data till webbläsaren:

Du kan använda nästan vilken databas som helst med din webbapplikation, så länge lämplig databasdrivrutin för den är installerad på servern.

Om du planerar att bygga små lågkostnadsapplikationer kan du använda en filbaserad databas, som en som skapats i Microsoft Access. Om du planerar att bygga robusta, av avgörande vikt applikationer kan du använda en serverbaserad databas, som en som skapats i Microsoft SQL Server, Oracle 9i eller MySQL.

Om din databas finns på ett annat system än din webbserver, se till att du har en snabb anslutning mellan de två systemen så att din webbapplikation kan fungera snabbt och effektivt.

Skapa dynamiska sidor

Du skapar en dynamisk sida genom att först skriva HTML-koden och sedan lägga till serverskripten (eller serverkoden) i HTML-koden för att göra sidan dynamisk. När du tittar på den kod som skapats ser språket ut att ha bäddats in i sidans HTML-kod. Det är också varför den här typen av språk kallas för HTML-inbäddade programmeringsspråk. I följande enkla exempel används CFML (ColdFusion Markup Language):

obs: CFML-stöd har tagits bort från Dreamweaver och senare.

<html>

<head>

<title>Trio Motors informationssida</title>

</head>

<body>

<h1>Om Trio Motors</h1>

<p>Trio Motors är en ledande biltillverkare.</p>

<!--- inbäddade instruktioner börjar här --->

<cfset department="Sales">

<cfoutput>

<p>Glöm inte att besöka vår #department# sida.</p>

</cfoutput>

<!--- inbäddade instruktioner slutar här --->

</body>

</html>

De inbäddade instruktionerna på denna sida utför följande åtgärder:

Applikationsservern returnerar följande sida till webbservern:

<html>

<head>

<title>Trio Motors informationssida</title>

</head>

<body>

<h1>Om Trio Motors</h1>

<p>Trio Motors är en ledande biltillverkare.</p>

<p>Besök vår försäljningssida.</p>

</body>

</html>

Webbservern skickar sidan till den begärande webbläsaren, som visar den enligt följande:

Om Trio Motors

Trio Motors är en ledande biltillverkare.

Besök vår försäljningssida.

Du väljer ett skript- eller taggbaserat språk att använda beroende på servertekniken som finns tillgänglig på din server.Här är de mest populära språken för de servertekniker som stöds av Dreamweaver:

Dreamweaver kan skapa skript eller taggar på serversidan som krävs för att få dina sidor att fungera, eller så kan du skriva dem för hand i Dreamweavers kodmiljö.

Webbprogramsterminologi

Det här avsnittet definierar vanligt använda termer som rör webbapplikationer.

Programvara som hjälper en webbserver att bearbeta webbsidor som innehåller skript eller taggar på serversidan.När en sådan sida begärs från servern lämnar webbservern över sidan till programservern för bearbetning innan sidan skickas till webbläsaren. För mer information, se Så här fungerar ett webbprogram.

Vanliga programservrar inkluderar ColdFusion och PHP.

En samling data lagrad i tabeller. Varje rad i en tabell utgör en post och varje kolumn utgör ett fält i posten, som visas i följande exempel:

Programvara som fungerar som tolk mellan en webbapplikation och en databas. Data i en databas lagras i ett proprietärt format. En databasdrivrutin låter webbapplikationen läsa och manipulera data som annars skulle vara omöjlig att tyda.

(DBMS, eller databassystem) Programvara som används för att skapa och manipulera databaser. Vanliga databassystem inkluderar Microsoft Access, Oracle 9i och MySQL.

Den åtgärd som används för att hämta en postmängd från en databas. En fråga består av sökkriterier uttryckta i ett databasspråk som kallas SQL. Till exempel kan frågan specificera att endast vissa kolumner eller endast vissa poster ska inkluderas i postmängden.

En webbsida som anpassas av en applikationsserver innan sidan skickas till en webbläsare.

En uppsättning data extraherad från en eller flera tabeller i en databas, som i följande exempel:

En databas som innehåller mer än en tabell, där tabellerna delar data. Följande databas är relationell eftersom två tabeller delar kolumnen DepartmentID.

Tekniken som en applikationsserver använder för att modifiera dynamiska sidor vid körning.

Dreamweaver utvecklingsmiljö stöder följande serverteknologier:

• Adobe® ColdFusion®

• Microsoft Active Server Pages (ASP)

• PHP: Hypertext Preprocessor (PHP)

  Du kan också använda Dreamweaver kodningsmiljö för att utveckla sidor för alla andra serverteknologier som inte listas.

En webbsida som inte modifieras av en applikationsserver innan sidan skickas till en webbläsare. För mer information, se Bearbetning av statiska webbsidor.

En webbsida som innehåller sidor med delvis eller helt obestämt innehåll.Det slutliga innehållet i dessa sidor bestäms endast när en besökare begär en sida från webbservern. Eftersom det slutliga innehållet på sidan varierar från förfrågan till förfrågan baserat på besökarens handlingar, kallas denna typ av sida för en dynamisk sida.

Programvara som skickar ut webbsidor som svar på förfrågningar från webbläsare. En sidförfrågan genereras när en besökare klickar på en länk på en webbsida i webbläsaren, väljer ett bokmärke i webbläsaren eller anger en URL i webbläsarens adressfält.

Populära webbservrar inkluderar Microsoft Internet Information Server (IIS) och Apache HTTP Server.

Liknande innehåll

• Nybörjarens introduktion till databaser
• Välja en programserver