• 
  

  hur man skapar en dynamisk webbsida

  
  

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 :





















Namn :
Dina kommentarer	name=" kommentarer " > Berätta något <br/>









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



$ body=" Kommentarer skickas via hemsidan \ n \ n " ;

foreach ( $ _POST som $ fält=> $ value ) { $
kropp .=sprintf ( "% s =% s \ n " , $ fältet $ value ) ; }


post ( " eHow@eHow. com " , "Kommentarer skickas via hemsidan " , $ body ,
"Från : " WebComments " ') ; ?

> ;


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




koden ovan kan anpassas att dyka upp viktig information till användarna . Sådana pop ups bör dock användas diskret så många människor tenderar att stänga webbplatser med alltför många pop- ups .

server-side dynamisk webbsida avsnitt kan endast testas på en server . Koden körs på servern ( PHP-koden ) , vilket öppnar upp det kommer bara ta upp jargong som kan vara obekanta . Så du måste ha denna fil och i själva verket alla dessa filer i en webbserver om du vill se hur det fungerar .

Previous：nothing Next：JavaScript sträng tutorial

Relaterade artiklar