Aj keď existujú výnimky , moderné webové stránky sú málokedy statické . Namiesto toho , väčšina internetových stránok má obsah , ktorý mení často a na mnohých rôznych stránkach , čo je proces , ktorý môže rýchlo premeniť veľké aktualizácie webových stránok do veľkého podniku . Jeden spôsob , ako zmierniť záťaž z hľadiska údržby je umiestniť zmenu , alebo dynamický , obsah v samostatných súboroch , ktoré sú zahrnuté v statickom obsahu v čase spustenia . Tento postup umožňuje webovým vývojárom zmeniť dynamický obsah na jednom mieste a odrážajú zmeny v celej webovej stránky . Návod
Server side include ( SSI ) foto 1
Otvorte textový editor a vytvorte nový súbor s názvom includeme.html . Pridať select ( ) HTML element do súboru a vložte tri opčné HTML tagy ( < /option > ) . Značky by mali uzavrieť tri položky , ktoré tvoria ponuku . Zatvorte vyberte značku a uložte a zatvorte includeme.html . Krevetový koktail < /option > Filet Mignon < ;/možnosť > čokoládová pena < /option > < /select > 2
Pomocou textového editora vytvoriť dva súbory s názvom include1.shtml a include2.shtml . Pridať HTML kód do súborov , ktoré zobrazí text hlavičky " Dnešné menu . " Umiestnite hlavičku vnútri značky
každého súboru a použiť # include príkaz , aby zahŕňala Menu < /h3 > < - # include file = " includeme.html " - >
< /body >
< /html > ; 3
pomocou webového prehliadača otvorte include1.shtml z webového servera . Overte si , že položky ponuky v includeme.html displeji v ponuke HTML . Otvorené include2.shtml z webového servera a overte , že sa zobrazí rovnaký HTML ponuku . 4 Späť do textového editora a znova includeme.html . Pridajte jednu ďalšiu možnosť ( < /option > ) a štvrtú položku do menu . Uložte includeme.html . Krevetový koktail < /option > Filet Mignon < /option > Chocolate Mousse < /option > Voľba nápoje < /option > < /select > 5
Znovu načítať include1.shtml vo webovom prehliadači a skontrolujte , či nová položka je zahrnutá v ponuke . Všetky časy include2.shtml a overte , že nová položka je zahrnutá v ponuke . Aj keď len ponuky v includeme.html zmenil , ako include1.shtml a include2.shtml zobraziť aktualizácie . PHP ( Server Side Script ) 6 Otvorenie textový editor a vytvorte nový súbor s názvom includeme.html . Pridať select ( ) HTML element do súboru a vložte tri opčné HTML tagy ( < /option > ) . Značky by mali uzavrieť tri položky , ktoré tvoria ponuku . Zatvorte vyberte značku a uložte a zatvorte includeme.html . Krevetový koktail < /option > Filet Mignon < ;/možnosť > čokoládová pena < /option > < /select > 7
Pomocou textového editora vytvoriť dva súbory s názvom include1.php a include2.php . Pridať HTML kód , ktorý zobrazí text hlavičky " Dnešné menu . " Umiestnite hlavičku vnútri značky
každého súboru a použiť PHP include ( príkaz ) , aby zahŕňal Menu < /h3 > < ? Php include ( " includeme.html " ) ; ? >
< /Body >
< /html > Stránka 8
pomocou webového prehliadača otvorte include1.php z webového servera . Skontrolujte, či sú položky v includeme.html displeji v ponuke HTML . Otvorené include2.php z webového servera a overte , že sa zobrazí rovnaký HTML ponuku . 9 Späť do textového editora a znova includeme.html . Pridajte jednu ďalšiu možnosť ( < /option > ) a štvrtú položku do menu . Uložte includeme.html . Krevetový koktail < /option > Filet Mignon < /option > Chocolate Mousse < /option > Voľba nápoje < /option > < /select > 10
Znovu načítať include1.php vo webovom prehliadači a skontrolujte , či nová položka je zahrnutá v ponuke . Všetky časy include2.php a overte , že nová položka je zahrnutá v ponuke . Aj keď len ponuky v includeme.html zmenil , ako include1.php a include2.php zobraziť aktualizácie . JavaScript ( Client Side Script ) 11 Otvorenie textový editor a vytvorte nový súbor s názvom includeme.js . Pridať select ( ) HTML element do súboru pomocou JavaScriptu document.write príkaz ( ) . Vložte tri opčné HTML tagy ( < /option > ) pomocou príkazu document.write ( ) . Značky by mali uzavrieť tri položky , ktoré tvoria ponuku . Zatvorte a uložte a zatvorte includeme.js document.write ( " " ) ; . Document.write ( " Krevetový koktail < ;/voľba > " ) ; document.write ( " Filet Mignon < /option > " ) ; document.write ( " Čokoládová pena < /voľba > " ) ; document.write ( " < /select > " ) ; 12
Pomocou textového editora vytvoriť dva súbory s názvom include1.html a include2.html . Pridať HTML kód pre každý súbor , ktorý zobrazuje text hlavičky " Dnešné menu . " Umiestnite hlavičku vnútri značky
každého súboru a použiť tag HTML