Till skillnad från en statisk webbsida som visar samma förformaterade innehåll hela tiden , drog en dynamisk webbsida visar information från en databas automatiskt med hjälp av tekniker som PHP , ASP och ColdFusion . Dynamiska webbsidor kännetecknas också av att ha en levande upplevelse där innehållet ändras som svar på olika villkor och sammanhang . Det finns två sätt att skapa dynamiska webbsidor : klientskript , där förändringen inträffar inom en viss webbsida och server -side-scripting , om det inträffar förändringar mellan sidor efter en reload eller en förändring i det skick av webbsidan .

Du behöver :
En webbserver

klientsidan dynamiska webbsidor

1
Starta din Anteckningar ansökan . .
2
Lägg nödvändiga HTML- taggarna enligt nedan :

Detta är vår första dynamisk webbsida


<; /br >

Spara filen som ” eHow . html ” .

Ovanstående kod helt enkelt visar en webbsida med en titel och budskapet mellan och taggarna . Detta är en statisk webbsida . Låt oss lägga till några dynamik till det .

Enligt -taggar , lägga till följande kodrad .

Raden ovan refererar till en fil som heter ” dynamic. js ” som kommer att användas för att lägga till interaktivitet till sidan .

Spara och stäng filen . .
3
Öppna en annan fil i Anteckningar och kopiera följande kod :

funktion Popup () {
var Sure=confirm (” Du vill att gå vidare ?”);
if ( Sure ) {
alert ( ” Detta genereras dynamiskt ” ) ; }

else {
alert ( ” Detta är fortfarande dynamiskt skapade ” ) .
} }

4
Spara och stäng filen ovanför som ” dynamic. js ” i samma mapp som HTML -filen vi skapade tidigare .
5 .
Öppna din HTML- fil och klicka på ” Klicka på mig ” -knappen visas på webbsidan . En pop dialogruta med meddelandet ” Du vill fortsätta ? ”

serversidan dynamisk webbsida

1 .
Starta din Anteckningar ansökan .

2
Kopiera och klistra in följande kod :

3 .
Spara och stäng filen ovanför som ” comments. html ”
4
Skapa en annan fil i Anteckningar och kopiera följande kod : .

$ value ) { $
kropp .=sprintf ( ”% s =% s \ n ” , $ fältet $ value ) ; }

post ( ” eHow@eHow. com ” , ”Kommentarer skickas via hemsidan ” , $ body ,
”Från : ” WebComments ” &#039) ; ?

> ;

Tack

Info Skickat

5 .
Spara filen som ” comments_sent. php ” och stäng det. Ovanstående fil sänder budskapet ” Tack . Info sänt ” en gång på ”Skicka ” knappen trycks in .

tips och varningar