Ako aktualizovať menu na každej stránke

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