Selvom der findes undtagelser , moderne hjemmesider er sjældent statiske. I stedet er de fleste hjemmesider har indhold, der skifter ofte og på mange forskellige sider , en proces , der hurtigt kan vende store website opdateringer til en større virksomhed . En måde at lette vedligeholdelsen byrden er at placere skiftende eller dynamisk , indhold i separate filer, der er inkluderet i statisk indhold på run-time . Denne procedure giver webudviklere ændre dynamisk indhold på ét sted og afspejler de ændringer i hele hjemmesiden. Instruktioner
Server Side Include ( SSI)
1
Åbn en teksteditor og oprette en ny fil med navnet includeme.html . Tilføj en udvalgt ( ) HTML element til filen og indsætte tre HTML option -tags ( ). Tags skal vedlægge de tre elementer, der gør op menuen. Luk select -tag og gem og luk includeme.html . Shrimp Cocktail
< /select > 2
Brug en teksteditor til at oprette to navngivne filer include1.shtml og include2.shtml . Tilføj HTML-kode til de filer, der viser at header-teksten "Dagens Menu ". Placer header i hver fils
og bruge en # include kommando til at omfatte Menu < /h3 > <- # include file = " includeme.html " ->
< /body >
< /html > ; 3
Brug en webbrowser til at åbne include1.shtml fra webserveren . Kontroller, at menupunkterne i includeme.html display i en HTML menu. Åbent include2.shtml fra webserveren , og kontroller, at den viser den samme HTML menu. 4 Retur til teksteditor og genåbne includeme.html . Tilføj en ekstra mulighed ( ) og en fjerde element til menuen. Gem includeme.html . Shrimp Cocktail
< /select > 5 < p > Reload include1.shtml i en webbrowser , og kontrollere, at det nye element er inkluderet i menuen. Reload include2.shtml og kontroller, at det nye element er inkluderet i menuen. Selv om kun menuen på includeme.html har ændret sig, både include1.shtml og include2.shtml vise opdateringen. PHP ( Server Side Script) 6 Åbn en teksteditor og oprette en ny fil med navnet includeme.html . Tilføj en udvalgt ( ) HTML element til filen og indsætte tre HTML option -tags ( ). Tags skal vedlægge de tre elementer, der gør op menuen. Luk select -tag og gem og luk includeme.html . Shrimp Cocktail
< /select > 7
Brug en teksteditor til at oprette to navngivne filer include1.php og include2.php . Tilføj HTML-kode , der viser at header-teksten "Dagens Menu ". Placer header i hver fils
og bruge en PHP include () kommando til at omfatte Menu < /h3 > < PHP include ( " includeme.html ") ? >
< /Body >
< /html > < br > 8
Brug en webbrowser til at åbne include1.php fra webserveren . Kontroller, at poster i includeme.html display i en HTML menu. Åbent include2.php fra webserveren , og kontroller, at den viser den samme HTML menu. 9 Retur til teksteditor og genåbne includeme.html . Tilføj en ekstra mulighed ( ) og en fjerde element til menuen. Gem includeme.html . Shrimp Cocktail
< /select > 10 < p > Reload include1.php i en webbrowser , og kontrollere, at det nye element er inkluderet i menuen. Reload include2.php og kontroller, at det nye element er inkluderet i menuen. Selv om kun menuen på includeme.html har ændret sig, både include1.php og include2.php vise opdateringen. JavaScript ( Client Side Script) 11 Åbn en teksteditor og oprette en ny fil med navnet includeme.js . Tilføj en udvalgt ( ) HTML element til filen ved hjælp af JavaScript document.write () kommando. Sæt tre HTML- option -tags ( ) ved hjælp af document.write () kommando. Tags skal vedlægge de tre elementer, der gør op menuen. Luk tag og gemme og lukke includeme.js document.write ( " ") . Document.write ( " Shrimp Cocktail < ;/option > "); document.write ( " Filet Mignon ");
document.write ( " Chocolate Mousse ");
document.write ( "
"); 12
Brug en teksteditor til at oprette to filer navngivet include1.html og include2.html . Tilføj HTML-kode til hver fil , der viser at header-teksten "Dagens Menu ". Placer header i hver fils
og bruge en HTML < /body >
< /html > 13
Brug en webbrowser til at åbne include1.html fra webserveren . Kontroller, at poster i includeme.html display i en HTML menu. Åbent include2.html fra webserveren , og kontroller, at den viser den samme HTML menu. 14 Retur til teksteditor og genåbne includeme.js . Tilføj en ekstra mulighed ( ) og en fjerde element til menuen ved hjælp af document.write () JavaScript kommando. Gem includeme.js document.write ( " ") . Document.write ( " Shrimp Cocktail ");
document.write ( " Filet Mignon ");
document.write ( " Chocolate Mousse "); < p > document.write ( " Valg af Beverage ");
document.write ( "
"); 15
Reload include1.html i en webbrowser , og kontrollere, at det nye element er inkluderet i menuen. Reload include2.html og kontroller, at det nye element er inkluderet i menuen. Selv om kun den enkelte menu i includeme.js har ændret sig, både include1.html og include2.html vise opdateringen.