Nwlapcug.com


Come aggiornare un Menu su ogni pagina

Come aggiornare un Menu su ogni pagina


Anche se esistono eccezioni, i siti Web moderni sono raramente statico. Invece, la maggior parte siti Web hanno contenuto che cambia frequentemente e su molte pagine diverse, un processo che può rapidamente trasformare gli aggiornamenti sito grande in un'impresa importante. Un modo per alleviare l'onere di manutenzione è di posizionare il contenuto cambiano, o dinamico, in file separati che sono inclusi nel contenuto statico in fase di esecuzione. Questa procedura consente agli sviluppatori Web di alterare il contenuto dinamico in un unico luogo e riflettere i cambiamenti in tutto il sito.

Istruzioni

Server Side Include (SSI)

1

Aprire un editor di testo e creare un nuovo file denominato includeme.html. Aggiungere un elemento HTML (< select >) seleziona il file e inserire tre tag HTML option (opzione di < >< / option >). Il tag < option > dovrebbe racchiudere i tre elementi che compongono il menu. Chiudere il tag select e salvare e chiudere includeme.html.

< select >
< opzione > gamberetti Cocktail < / option >
< opzione > Filet Mignon < / option >
< opzione > Mousse al cioccolato < / option >
< / selezionare >

2

Utilizzare un editor di testo per creare due file denominati include1.shtml e include2.shtml. Aggiungere il codice HTML per i file che Visualizza il testo di intestazione "Menu di oggi." Posto l'intestazione all'interno di ogni file < corpo > Tag e utilizzare un comando #include per includere includeme.html.

< html >
< head >
< titolo >< / title >
< / head >
< corpo >
Menu di < h3 > oggi < / h3 >
<!-#include file="includeme.html"-->
< / body >
< / html >

3

Utilizzare un browser Web per aprire include1.shtml dal server Web. Verificare che le voci di menu in includeme.html visualizzare in un menu HTML < select >. Aprire include2.shtml dal server Web e verificare che visualizza lo stesso menu HTML < select >.

4

Tornare all'editor di testo e riaprire includeme.html. Aggiungere un'opzione aggiuntiva (< opzione >< / option >) e una quarta voce al menu < select >. Salvare includeme.html.

< select >
< opzione > gamberetti Cocktail < / option >
< opzione > Filet Mignon < / option >
< opzione > Mousse al cioccolato < / option >
< opzione > scelta della bevanda < / option >
< / selezionare >

5

Ricarica include1.shtml in un browser Web e verificare che il nuovo elemento è incluso nel menu < select >. Ricarica include2.shtml e verificare che il nuovo elemento è incluso nel menu < select >. Anche se è cambiato solo il menu in includeme.html, sia include1.shtml che include2.shtml l'aggiornamento della visualizzazione.

PHP (Script lato Server)

6

Aprire un editor di testo e creare un nuovo file denominato includeme.html. Aggiungere un elemento HTML (< select >) seleziona il file e inserire tre tag HTML option (opzione di < >< / option >). Il tag < option > dovrebbe racchiudere i tre elementi che compongono il menu. Chiudere il tag select e salvare e chiudere includeme.html.

< select >
< opzione > gamberetti Cocktail < / option >
< opzione > Filet Mignon < / option >
< opzione > Mousse al cioccolato < / option >
< / selezionare >

7

Utilizzare un editor di testo per creare due file denominati include1.php e include2.php. Aggiungere il codice HTML che Visualizza il testo di intestazione "Menu di oggi." Posto l'intestazione all'interno di ogni file < corpo > Tag e utilizzare un comando di include () PHP per includere includeme.html.

< html >
< head >
< titolo >< / title >
< / head >
< corpo >
Menu di < h3 > oggi < / h3 >
<? php include("includeme.html");? >
< / body >
< / html >

8

Utilizzare un browser Web per aprire include1.php dal server Web. Verificare che gli elementi in includeme.html visualizzare in un menu HTML < select >. Aprire include2.php dal server Web e verificare che visualizza lo stesso menu HTML < select >.

9

Tornare all'editor di testo e riaprire includeme.html. Aggiungere un'opzione aggiuntiva (< opzione >< / option >) e una quarta voce al menu < select >. Salvare includeme.html.

< select >
< opzione > gamberetti Cocktail < / option >
< opzione > Filet Mignon < / option >
< opzione > Mousse al cioccolato < / option >
< opzione > scelta della bevanda < / option >
< / selezionare >

10

Ricarica include1.php in un browser Web e verificare che il nuovo elemento è incluso nel menu < select >. Ricarica include2.php e verificare che il nuovo elemento è incluso nel menu < select >. Anche se è cambiato solo il menu in includeme.html, sia include1.php che include2.php l'aggiornamento della visualizzazione.

JavaScript (Script sul lato Client)

11

Aprire un editor di testo e creare un nuovo file denominato includeme.js. Aggiungere un elemento HTML (< select >) seleziona il file utilizzando il comando di Write () di JavaScript. Inserire tre tag HTML option (opzione di < >< / option >) utilizzando il comando Write (). Il tag < option > dovrebbe racchiudere i tre elementi che compongono il menu. Chiudere il tag < select > e salvare e chiudere includeme.js.

Document. Write ("< select >");
Document. Write ("< opzione > gamberetti Cocktail </option >");
Document. Write ("< opzione > Filet Mignon </option >");
Document. Write ("< opzione > Mousse al cioccolato </option >");
Document. Write ("</selezionare >");

12

Utilizzare un editor di testo per creare due file denominati include1.html e include2.html. Aggiungere codice HTML ad ogni file che viene visualizzato il testo di intestazione "Menu di oggi." Posto l'intestazione all'interno di ogni file < corpo > Tag e utilizzare un tag HTML < script > per includere includeme.js.

< html >
< head >
< titolo >< / title >
< / head >
< corpo >
Menu di < h3 > oggi < / h3 >
< script src="includeme.js" >< / script >
< / body >
< / html >

13

Utilizzare un browser Web per aprire include1.html dal server Web. Verificare che gli elementi in includeme.html visualizzare in un menu HTML < select >. Aprire include2.html dal server Web e verificare che visualizza lo stesso menu HTML < select >.

14

Tornare all'editor di testo e riaprire includeme.js. Aggiungere un'opzione aggiuntiva (< opzione >< / option >) e una quarta voce al menu < select > utilizzando il comando JavaScript Write (). Salvare includeme.js.

Document. Write ("< select >");
Document. Write ("< opzione > gamberetti Cocktail </option >");
Document. Write ("< opzione > Filet Mignon </option >");
Document. Write ("< opzione > Mousse al cioccolato </option >");
Document. Write ("< opzione > scelta della bevanda </option >");
Document. Write ("</selezionare >");

15

Ricarica include1.html in un browser Web e verificare che il nuovo elemento è incluso nel menu < select >. Ricarica include2.html e verificare che il nuovo elemento è incluso nel menu < select >. Anche se è cambiato solo il singolo menu in includeme.js, sia include1.html che include2.html l'aggiornamento della visualizzazione.