nicht angemeldet
Externer Code für Navigation
Hallo ihr html Cracks
Bis jetzt bin ich mit dem programmieren weiner Website ganz gut klar gekommen. Ich hab alles mit html und css gemacht und es klapp super.
Jetzt komme ich aber zu einem Schritt, bei dem ich ein paar Tips gebrauchen könnte:
Die Navigation meiner Website ist auf jeder Page enthalten. Wenn ich die Navigation ändere, muss ich sie in jeder einzelnen Page ändern. Das nervt langsm, da die Anzahl Seiten einfach zu gross wurde. Ich möchte deshalb die Navigation (sie ist ein einen div-tag seppariert) von einer zentralen Datei aus in meine anderen Seiten integrieren.
Da die Pages in unterschiedlich tiefen Verzeichnistiefen liegen, sind die relativen Linkpfade nicht auf jeder Seite gleich, das heisst, jede Page bräuchte wohl eine Variable die eine gewisse Anzahl ../ bis ins Stammverzeichnis definiert.
Meine konkreten Fragen:
* Gibt es ein anschaulichs Beispiel?
* Wie kann man Code aus einer externen Datei einbinden?
* Kann ich eine externe Navigation in eine .htm Datei einbinden, oder muss ich die Seiten dann mit .php bezeichnen?
* Irgend eine Idee, wie man das mit den unterschiedlichen ../ löst?
Ich bin ja sicher icht der erste, der sowas machen will ;-)
David viel mal!
Gruss
David
-
Oh, ich hab gerade SSI gefunden. Ich glaub, das wäre was. Sorry, üblicherweise sucht man bevor man fragt ;-)
-
Hallo, auch wenn Du schon eine Möglichkeit gefunden hast, schreibe ich Dir kurz was auf.
Bis jetzt bin ich mit dem programmieren weiner Website ganz gut klar gekommen. Ich hab alles mit html und css gemacht und es klapp super.
Super, das klingt so, als wenn Du jetzt ein neues Level erreicht hast.
Vielleicht möchtest Du Dich ja demnächst nach html und css auch in eine serverseitige Scriptsprache einarbeiten, wie php?
Wenn ich die Navigation ändere, muss ich sie in jeder einzelnen Page ändern.
Soweit, so klar, so einfach. Lagere das Navigationsmenü (in einem ersten Schritt) aus, zum Beispiel in eine html-Datei, und includiere die Datei per z.B. php (
include "/pfad/menu.html"";) überall dort, wo du sie brauchst.Da die Pages in unterschiedlich tiefen Verzeichnistiefen liegen, sind die relativen Linkpfade nicht auf jeder Seite gleich
Verwende absolute Pfade statt relativer. Statt href="index.html" einfach href="/index.html". Statt href="./sub/page/info.html", href="/sub/page/info.html". Wo Du landest, mit dem "/", erfährst Du mit $_SERVER["DOCUMENT_ROOT"];
Cheers,
Baba