Bien qu'il existe des exceptions , les sites Web modernes sont rarement statiques . Au lieu de cela , la plupart des sites ont un contenu qui change fréquemment et sur ​​de nombreuses pages différentes , un processus qui peut se transformer rapidement de grandes mises à jour de sites Web dans une entreprise de grande envergure . Une façon d' alléger le fardeau de l'entretien est de placer l'évolution , ou dynamique , contenu dans des fichiers séparés qui sont inclus dans le contenu statique au moment de l'exécution . Cette procédure permet aux développeurs Web modifient le contenu dynamique en un seul endroit et reflètent les changements à travers le site web. Instructions
Server Side Include (SSI)
1

Ouvrez un éditeur de texte et créez un nouveau fichier nommé includeme.html . Ajouter un select ( ) élément HTML dans le fichier et insérez trois balises option HTML ( ) . Les balises devraient inclure les trois éléments qui composent le menu. Fermez la balise select et enregistrez et fermez includeme.html .

Cocktail de crevettes Photos

Filet Mignon < Option ;/> Photos

Mousse au chocolat Photos

2

Utilisez un éditeur de texte pour créer deux fichiers nommés include1.shtml et include2.shtml . Ajouter du code HTML pour les fichiers qui affiche le texte en-tête "Menu du jour ". Placez la tête à l'intérieur de chaque fichier et d'utiliser une commande # include pour inclure Menu Photos

Photos

Photos

;
3

Utilisez un navigateur Web pour ouvrir include1.shtml à partir du serveur Web. Vérifiez que les éléments de menu dans l'affichage includeme.html dans un menu HTML . Ouvert include2.shtml à partir du serveur Web et vérifiez qu'il affiche le même menu HTML .
4

revenir à l'éditeur de texte et de rouvrir includeme.html . Ajouter une option supplémentaire ( ) et un quatrième élément au menu . Enregistrer includeme.html .

Cocktail de crevettes Photos

Filet Mignon Photos

Mousse au chocolat Photos

choix de boissons Photos

5 < p > Recharger include1.shtml dans un navigateur Web et vérifiez que le nouvel élément est inclus dans le menu . Recharger include2.shtml et vérifiez que le nouvel élément est inclus dans le menu . Bien que le menu dans includeme.html a changé , tant include1.shtml et include2.shtml afficher la mise à jour .
PHP (Serveur script côté )
6

Ouvrir une éditeur de texte et créez un nouveau fichier nommé includeme.html . Ajouter un select ( ) élément HTML dans le fichier et insérez trois balises option HTML ( ) . Les balises devraient inclure les trois éléments qui composent le menu. Fermez la balise select et enregistrez et fermez includeme.html .

Cocktail de crevettes Photos

Filet Mignon < Option ;/> Photos

Mousse au chocolat Photos

7

Utilisez un éditeur de texte pour créer deux fichiers nommés include1.php et include2.php . Ajouter du code HTML qui affiche l'en-tête texte " Menu du jour ". Placez la tête à l'intérieur de chaque fichier et utiliser un include () de PHP commande pour inclure Menu Photos

< php include ( " includeme.html "); ? > Photos

Photos

8

Utilisez un navigateur Web pour ouvrir include1.php à partir du serveur Web. Vérifiez que les éléments de l'affichage includeme.html dans un menu HTML . Ouvert include2.php à partir du serveur Web et vérifiez qu'il affiche le même menu HTML .
9

revenir à l'éditeur de texte et de rouvrir includeme.html . Ajouter une option supplémentaire ( ) et un quatrième élément au menu . Enregistrer includeme.html .

Cocktail de crevettes Photos

Filet Mignon Photos

Mousse au chocolat Photos

choix de boissons Photos

10 < p > Recharger include1.php dans un navigateur Web et vérifiez que le nouvel élément est inclus dans le menu . Recharger include2.php et vérifiez que le nouvel élément est inclus dans le menu . Bien que le menu dans includeme.html a changé , tant include1.php et include2.php afficher la mise à jour .
JavaScript ( script côté client )
11

Ouvrir une éditeur de texte et créez un nouveau fichier nommé includeme.js . Ajouter un select ( ) élément HTML dans le fichier en utilisant la commande document.write () de JavaScript . Insérez trois balises option HTML ( ) en utilisant le document.write () de commande . Les balises devraient inclure les trois éléments qui composent le menu. Fermez le tag et enregistrez et fermez includeme.js

document.write (" "); .

Document.write ("

Cocktail de crevettes < Option ;/> ");

document.write ("

Filet Mignon ");

document.write ("

Mousse au chocolat ");

document.write ("

");
12

Utilisez un éditeur de texte pour créer deux fichiers nommés include1.html et include2.html . Ajouter du code HTML pour chaque fichier qui affiche le texte en-tête "Menu du jour ". Placez la tête à l'intérieur de chaque fichier et utiliser une balise HTML Photos

Photos

13

Utilisez un navigateur Web pour ouvrir include1.html à partir du serveur Web. Vérifiez que les éléments de l'affichage includeme.html dans un menu HTML . Ouvert include2.html à partir du serveur Web et vérifiez qu'il affiche le même menu HTML .
14

revenir à l'éditeur de texte et de rouvrir includeme.js . Ajouter une option supplémentaire ( ) et un quatrième élément au menu utilisant le document.write ( ) commande JavaScript. Enregistrer includeme.js

document.write ("

"); .

Document.write (" Cocktail de crevettes ");

document.write (" Filet Mignon ");

document.write (" Mousse au chocolat ");
< p > document.write (" choix de boissons ");

document.write (" ");
15

Reload include1.html dans un navigateur Web et vérifiez que le nouvel élément est inclus dans le menu . Recharger include2.html et vérifiez que le nouvel élément est inclus dans le menu . Bien que le menu unique dans includeme.js a changé , tant include1.html et include2.html afficher la mise à jour .