Diese Frage häuft sich in letzter Zeit ziemlich. Also mach ich mal ein kleines Tutorial.
Um immer den selben Header und Footer auf der Seite zu haben, ohne die jedes mal einzelnd zu ändern, braucht man eine serverseitige Scriptsprache wie php. Dort kann man mit der Funktion include (http://php.net/manual/de/function.include.php) andere Seiten in eine bestehende einbinden.
Beispiel
Wir wollen den gleichen Header und Footer auf jeder Seite haben und müssen diesen nur einmal ändern, um das Ergebnis auf jeder Seite anzuzeigen.
Als erstes nehmen wir den HTML Code vom Header
Beispiel
und erstellen einer neue Datei mit der Dateiendung .php und nennen sie z.B. header.php.
Dann nehmen wir den HTML Code vom Footer
Beispiel
und erstellen noch eine Datei mit der Dateiendung .php und nennen sie z.B. footer.php.
Dann erstellen wir unsere normale Datei wo der eigentliche Inhalt ist. Diese heißt z.B. aboutme.php. Wichtig ist dass die Dateiendung php ist, ansonsten kann es vom Server nicht verarbeitet werden.
In dieser aboutme.php kommt jetzt die eigentliche Funktion zum Einsatz. Dies ist die include Funktion:
Auf unser Beispiel würde es so aussehen:
So wird nun der Header und Footer eingebunden. Dies auf jeder gewünschten Seite einfügen und es wird immer der gleiche Header und Footer angezeigt. Und man brauch den Inhalt nur an den Hauptdateien (header.php & footer.php) verändern.
P.S: Php ist eine serverseitige Sprache. Es wird also ein Webserver benötigt.
Um immer den selben Header und Footer auf der Seite zu haben, ohne die jedes mal einzelnd zu ändern, braucht man eine serverseitige Scriptsprache wie php. Dort kann man mit der Funktion include (http://php.net/manual/de/function.include.php) andere Seiten in eine bestehende einbinden.
Beispiel
Wir wollen den gleichen Header und Footer auf jeder Seite haben und müssen diesen nur einmal ändern, um das Ergebnis auf jeder Seite anzuzeigen.
Als erstes nehmen wir den HTML Code vom Header
Beispiel
HTML:
<header>Das ist der Header</header>
Dann nehmen wir den HTML Code vom Footer
Beispiel
HTML:
<footer>Das ist der Footer</footer>
Dann erstellen wir unsere normale Datei wo der eigentliche Inhalt ist. Diese heißt z.B. aboutme.php. Wichtig ist dass die Dateiendung php ist, ansonsten kann es vom Server nicht verarbeitet werden.
In dieser aboutme.php kommt jetzt die eigentliche Funktion zum Einsatz. Dies ist die include Funktion:
PHP:
<?php
include 'seite.php';
?>
Auf unser Beispiel würde es so aussehen:
PHP:
<?php
include 'header.php';
?>
Inhalt der Seite
<?php
include 'footer.php';
?>
So wird nun der Header und Footer eingebunden. Dies auf jeder gewünschten Seite einfügen und es wird immer der gleiche Header und Footer angezeigt. Und man brauch den Inhalt nur an den Hauptdateien (header.php & footer.php) verändern.
P.S: Php ist eine serverseitige Sprache. Es wird also ein Webserver benötigt.