CSS Basiselemente wie Header für alle Seiten übernehmen?

**01Bool** · 19.03.2008 23:15

Hey,

ich bin CSS-Layout-Anfänger und habe nun das grobe Layout fertig.

Nun frage ich mich, muss ich die komplette Seite jedes Mal kopieren und bei einzelnen Seiten den Inhalt ändern?

Was ist wenn ich in Header und Footer kleine Änderungen machen will, muss ich das dann überall ändern?

Wie kann man diese Teile evtl. zentral einbinden?

gruß

**epiK** · 19.03.2008 23:32

Hallo,

das was Du willst würde mit frames gehen. Header und footer bleiben immer da und es wird dementsprechend nur im frame dazwischen der content neu geladen.
Auf der anderen Seite musst Du doch auch nur eine html-Seite machen und diese einfach kopieren und den Text ändern. Das ist auch nicht so viel Aufwand, bietet aber durchaus mehr Vorteile als mit frames zu arbeiten.
Aber mach Dich einfach mal selber über "frames" schlau, dann kannste Dich ja immer noch entscheiden.

**01Bool** · 19.03.2008 23:37

Frames???

Ich baue ein CSS Layout auf um dann auf Frames zurückzusteigen?

sry, das kann nicht dein Ernst sein

**epiK** · 20.03.2008 00:25

Dann hab ich wohl falsch verstanden...
Ich finde natürlich frames nicht wirklich gut, aber manche wollen sowas halt. Gerade Anfänger...

Was ist denn dann genau Dein Problem?

**01Bool** · 20.03.2008 07:24

Okay ;9

Naja wie gesagt ich würd gern Header und Footer flexibel einbinden, so das ich den Quellcode nicht kopieren muss, so das ich Änderungen flexibel machen kann.

**webmichl** · 20.03.2008 07:56

Steht Dir php zur Verfügung? Dann könntest Du das mit einer kleinen function bewerkstelligen...

**01Bool** · 20.03.2008 08:05

Stände zur Verfügung - Kenntnisse kann man ja erlernen

Wie ist denn der übliche Weg dies zu machen? Kann man sich da irgendwo reinlesen?

Durch stöbern bin ich nun auf "CMS" gestoßen und erbau gerade damit irgendwie ein Template - aber ich denke das ist zu komplex für solch eine kleine Seite.

**koenixblau** · 20.03.2008 08:36

Zitat von 01Bool

Stände zur Verfügung - Kenntnisse kann man ja erlernen

Wie ist denn der übliche Weg dies zu machen? Kann man sich da irgendwo reinlesen?

Durch stöbern bin ich nun auf "CMS" gestoßen und erbau gerade damit irgendwie ein Template - aber ich denke das ist zu komplex für solch eine kleine Seite.

Dann beutze doch ein kleines CMS, wie bspw. Websitebaker.

Mit dem entsprechenden Tutorial,
ist im Handumdrehen ein eigenes Template fertig gestellt.

Betreffend PHP-Anweisung:

Die entsprechende Datei "includieren":

PHP-Code:


<? include ("deine-datei.php"); ?>

Oder umfangreich:
http://de.php.net/include/

**SchneewittchenX** · 21.03.2008 10:19

Du könntest auch server side includes verwenden, schau mal hier: http://www.traum-projekt.com/forum/2...ner-datei.html

Das ist nicht an Dreamweaver gebunden.

**hero-master** · 21.03.2008 12:28

Es wurde ja bereits vieles gesagt. Ich will nur mal kurz erzählen, wie ich das immer mache

Ich arbeite mit dem PHP-Include-Befehl, das erleichtert vieles. Das HTMl für meine Seite sieht ungefähr so aus:

Code:

<?php include('overall_header.php'); ?>
<body id="startseite">

<div id="top">

		<!--Pfad der Seite-->
		<ul id="crumbs">
			<li><a href="/index.php" title="Zur Startseite von nicogutmann.de">Startseite</a></li>
		</ul>

		<!--zusätzliches Menu für Gästebuch und Kontakt-->
<?php include('subnavi.htm'); ?>
</div>

<div id="wrapper">

	<!--Erst einmal der Header der Seite-->
	<div id="header">
		<a href="/index.php" title="Zur Startseite von nicogutmann.de"><img src="/images/trans.gif" alt="nicogutmann.de"></a>
	</div>

	<!--So, jetzt kommt die Navigation-->
<?php include('navi.php'); ?>

	<!--Da es ohne inhalt langweilig ist, hier der Container für den Inhalt-->
	<div id="content">

Wie du siehst habe ich den Head-Bereich und die Navigation mit php eingebunden. Ich habe sie in eine Extra-Datei gepackt, so brauche ich immer nur diese eine Datei ändern und diese Änderung wird gleich auf alle Dateien übernommen.
Die Datei navi.php sieht dann so aus:

Code:

	<ul id="navi">
		<li><a href="/ueber/" title="Einige Informationen zu meiner Person">über mich</a></li>
		<li><a href="/tutorials/" title="Meine Tutorials zu CSS und PHP">tutorials</a></li>
		<li><a href="/portfolio/" title="Meine Arbeiten im Internet auf einen Blick">portfolio</a></li>
		<li><a href="/linkliste/" title="Linkliste zu Freunden, Bekannten und mehr">linkliste</a></li>
	</ul>

Abgeschuat habe ich mir das bei den CMS und den Foren, die ähnlich arbeiten

zur Startseite vom TP

Thema: CSS Basiselemente wie Header für alle Seiten übernehmen?

LinkBack

Themen-Optionen

Thema durchsuchen

Thema bewerten

CSS Basiselemente wie Header für alle Seiten übernehmen?

Aktive Benutzer

Aktive Benutzer