Obwohl es Ausnahmen gibt , sind moderne Webseiten selten statisch. Stattdessen haben die meisten Webseiten Inhalte, die sich häufig ändern und auf vielen verschiedenen Seiten, ein Prozess, der schnell drehen können große Website-Updates in ein großes Unterfangen . Ein Weg, um die Wartung zu erleichtern Belastung ist zu ändern oder dynamische Inhalte in separaten Dateien, die im statischen Inhalt zur Laufzeit enthalten sind platzieren. Mit diesem Verfahren können Web-Entwickler verändern die dynamische Inhalte an einem Ort und die Änderungen auf der Website. Anleitung
Server Side Include (SSI)
1
Öffnen Sie einen Texteditor und erstellen Sie eine neue Datei namens includeme.html . Fügen Sie einen select ( ) HTML-Element in die Datei und legen Sie drei Option HTML -Tags ( ) . Die Tags sollten umschließen die drei Elemente , aus denen sich das Menü. Schließen Sie die select-Tag und speichern und schließen includeme.html . Krabbencocktail
Filet Mignon < ;/option> Chocolate Mousse
< /select>
Verwenden Sie einen Texteditor , um zwei Dateien mit den Namen erstellen include1.shtml und include2.shtml . In HTML-Code zu den Dateien, die Header- Text " Der heutige Speiseplan . " Legen Sie den Kopf in jeder Datei
Tags und eine # include -Befehl zu schließen Menü < - # include file = " includeme.html " ->
< /body>
< /html> ;
Mit einem Web- Browser, um include1.shtml vom Web-Server zu öffnen. Überprüfen Sie, dass die Menüpunkte in includeme.html Anzeige in einem HTML Menü . Offene include2.shtml vom Webserver und überprüfen, ob es die gleiche HTML Menü zeigt . Zurück zur Text-Editor , und öffnen Sie includeme.html . Fügen Sie eine zusätzliche Option ( ) und einen vierten Artikel der Menü . Speichern includeme.html . Krabbencocktail
Filet Mignon
Chocolate Mousse
Wahl der Getränke
< /select>
neu laden include1.shtml in einem Web-Browser und überprüfen, ob das neue Element in der Menü enthalten ist. Reload include2.shtml und überprüfen, ob das neue Element in der Menü enthalten ist. Obwohl nur das Menü in includeme.html geändert hat , zeigen sowohl include1.shtml und include2.shtml das Update . eröffnen Texteditor und erstellen Sie eine neue Datei namens includeme.html . Fügen Sie einen select ( ) HTML-Element in die Datei und legen Sie drei Option HTML -Tags ( ) . Die Tags sollten umschließen die drei Elemente , aus denen sich das Menü. Schließen Sie die select-Tag und speichern und schließen includeme.html . Krabbencocktail
Filet Mignon < ;/option> Chocolate Mousse
< /select>
Verwenden Sie einen Texteditor , um zwei Dateien mit den Namen erstellen include1.php und include2.php . HTML-Code hinzufügen , dass die Überschrift zeigt "Die heutige Menü . " Legen Sie den Kopf in jeder Datei
und verwenden Sie ein PHP include ( )-Befehl zu schließen Menü < php include ( " includeme.html "); ? >
< /Body>
< /html>
Mit einem Web- Browser, um include1.php vom Web-Server zu öffnen. Stellen Sie sicher, dass die Einzelteile in includeme.html Anzeige in einem HTML Menü . Offene include2.php vom Webserver und überprüfen, ob es die gleiche HTML Menü zeigt . Zurück zur Text-Editor , und öffnen Sie includeme.html . Fügen Sie eine zusätzliche Option ( ) und einen vierten Artikel der Menü . Speichern includeme.html . Krabbencocktail
Filet Mignon
Chocolate Mousse
Wahl der Getränke
< /select>
neu laden include1.php in einem Web-Browser und überprüfen, ob das neue Element in der Menü enthalten ist. Reload include2.php und überprüfen, ob das neue Element in der Menü enthalten ist. Obwohl nur das Menü in includeme.html geändert hat , zeigen sowohl include1.php und include2.php das Update . a. Öffnen Texteditor und erstellen Sie eine neue Datei namens includeme.js . Fügen Sie einen select ( ) HTML-Element in der Datei mit dem JavaScript document.write ()-Befehl . Legen Sie drei Option HTML -Tags ( ) mit dem document.write ()-Befehl . Die Tags sollten umschließen die drei Elemente , aus denen sich das Menü. Schließen Sie die tag und speichern und schließen includeme.js document.write (" "); . Document.write (" Krabbencocktail < ;/option> "); document.write (" Filet Mignon ");
document.write (" Chocolate Mousse ");
document.write ("
");
Verwenden Sie einen Texteditor , um zwei Dateien namens include1.html und include2.html erstellen . In HTML-Code für jede Datei , die den Header Text " Der heutige Speiseplan . " Legen Sie den Kopf in jeder Datei
und ein HTML -Tag gehören < /body>
< /html>
Mit einem Web- Browser, um include1.html vom Web-Server zu öffnen. Stellen Sie sicher, dass die Einzelteile in includeme.html Anzeige in einem HTML Menü . Offene include2.html vom Webserver und überprüfen, ob es die gleiche HTML Menü zeigt . Zurück zur Text-Editor , und öffnen Sie includeme.js . Fügen Sie eine zusätzliche Option ( ) und einen vierten Artikel der Menü mit der document.write ( ) JavaScript-Befehl . Speichern includeme.js document.write (" "); . Document.write (" Krabbencocktail ");
document.write (" Filet Mignon ");
document.write (" Chocolate Mousse "); Wahl der Getränke ");
document.write ("
");
Reload include1.html in einem Web-Browser , und überprüfen Sie , dass das neue Element in der Menü enthalten ist. Reload include2.html und überprüfen, ob das neue Element in der Menü enthalten ist. Obwohl nur die einzelnen Menüpunkte in includeme.js geändert hat , zeigen sowohl include1.html und include2.html das Update .
