Eurokicker
-


Hinweise


Antwort
 
LinkBack Themen-Optionen Thema durchsuchen Thema bewerten
Alt 19.03.2008, 23:15   #1
TP-Member
 
Registriert seit: Mar 2005
01Bool macht alles soweit korrekt

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


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ß
01Bool ist offline   Mit Zitat antworten


Alt 19.03.2008, 23:32   #2
TP-Member
 
Registriert seit: Jul 2007
Ort: München
epiK macht alles soweit korrekt
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.
epiK ist offline   Mit Zitat antworten
Alt 19.03.2008, 23:37   #3
TP-Member
 
Registriert seit: Mar 2005
01Bool macht alles soweit korrekt
Frames???

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

sry, das kann nicht dein Ernst sein
01Bool ist offline   Mit Zitat antworten
Alt 20.03.2008, 00:25   #4
TP-Member
 
Registriert seit: Jul 2007
Ort: München
epiK macht alles soweit korrekt
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?
epiK ist offline   Mit Zitat antworten
Alt 20.03.2008, 07:24   #5
TP-Member
 
Registriert seit: Mar 2005
01Bool macht alles soweit korrekt
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.
01Bool ist offline   Mit Zitat antworten
Alt 20.03.2008, 07:56   #6
TP-Special Mod
 
Benutzerbild von webmichl
 
Registriert seit: Jun 2001
Ort: 8°21' O 49°1' N
webmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine Userwebmichl lebt für das TP und seine User
Steht Dir php zur Verfügung? Dann könntest Du das mit einer kleinen function bewerkstelligen...
__________________


Ich habe es nicht nötig, mich künstlich interessant zu machen, indem ich darauf poche, originell zu sein. Frank Goosen
webmichl ist offline   Mit Zitat antworten
Alt 20.03.2008, 08:05   #7
TP-Member
 
Registriert seit: Mar 2005
01Bool macht alles soweit korrekt
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.
01Bool ist offline   Mit Zitat antworten
Alt 20.03.2008, 08:36   #8
TP-Veteran
 
Benutzerbild von koenixblau
 
Registriert seit: Jul 2006
Ort: Berlin
koenixblau ist ein richtiges Arbeitstier - DANKEkoenixblau ist ein richtiges Arbeitstier - DANKEkoenixblau ist ein richtiges Arbeitstier - DANKEkoenixblau ist ein richtiges Arbeitstier - DANKEkoenixblau ist ein richtiges Arbeitstier - DANKE
Zitat:
Zitat von 01Bool Beitrag anzeigen
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/
__________________
» Mögen hätt' ich schon wollen, aber dürfen hab ich mich nicht getraut. «

In bunt und Farbe

könixblau.de | wunschkonzert
koenixblau ist offline   Mit Zitat antworten
Alt 21.03.2008, 10:19   #9
TP-Senior
 
Registriert seit: May 2007
Ort: Berlin
SchneewittchenX hilft, wo's gehtSchneewittchenX hilft, wo's gehtSchneewittchenX hilft, wo's geht
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.
SchneewittchenX ist offline   Mit Zitat antworten
Alt 21.03.2008, 12:28   #10
TP-Moderator
 
Benutzerbild von hero-master
 
Registriert seit: Mar 2003
Ort: Hamburg
hero-master ist ein richtiges Arbeitstier - DANKEhero-master ist ein richtiges Arbeitstier - DANKEhero-master ist ein richtiges Arbeitstier - DANKEhero-master ist ein richtiges Arbeitstier - DANKEhero-master ist ein richtiges Arbeitstier - DANKEhero-master ist ein richtiges Arbeitstier - DANKE
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
__________________
Grüße Nico

Meine kleinen CSS-Tutorials
hero-master ist offline   Mit Zitat antworten
Antwort

  Aktuelles Thema
  TP Hilfe Forum > Traum-Talk > Webdesign & Co.
CSS Basiselemente wie Header für alle Seiten übernehmen? CSS Basiselemente wie Header für alle Seiten übernehmen?
« WoW-Design für das CMS ilch | RSS für die eigene Site? »

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu


Alle Zeitangaben in WEZ +2. Es ist jetzt 11:04 Uhr.

Powered by: vBulletin Version 3.7 (Deutsch)
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd. / Search Engine Friendly URLs by vBSEO 3.2.0 ©2008, Crawlability, Inc.
Traum-Projekt.com | Suchen | Archiv | Impressum | Kontakt | | | Nach oben |



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67