Loading...   Upload Image

PHP include for Layouts - easyTutorials » PHP/MySQL Tutorials » PHP include for Layouts - easy

Verfasst von Alice am 06.06.2008 - wurde schon 10957 mal gelesen

Kategorie: PHP/MySQL
Bewertung:
6x bewertet
Schwierigkeit: einfach
Kommentare: [ 1 ]

Tag - Schlagwort Include Tag - Schlagwort Apache Tag - Schlagwort Layout

PHP include for Layouts - easy - Tutorial

Es gibt mehrere Moeglichkeiten den Befehl include() fuer ein Layout zu nutzen,
eine Variante davon hatte ich schon mal vor lange Zeit hier vorgestellt => Sicheres Includen

Nun moechte ich euch hier auch noch eine anderen Moeglichkeit aufzeigen...

Die einfachste Variante ist wohl, in jede Datei einfach immer den Header und Footer, der Website, zu includen,
so dass die Datei immer nur den Content der Seite und diese 2 include() Befehle beinhaltet.
<?php
include('header.php'); // bindet den Header ein
?>

Hier kommt der Seiteninhalt hin, der sogennante Content ....

<?php
include('footer.php'); // bindet den Footer ein
?>

Die Datei muss die Endung .php aufweisen,
damit die include() Befehle auch verarbeitet werden koennen!
Im Prinzip kann auch eine Datei mit der Endung .html PHP verarbeiten, dazu waere allerdings ein Eingriff in die httpd.conf, die Apache-Konfigurations-Datei, notwendig.

Aufgerufen wird die Seite dann einfach mit namederseite.php ...

Ich nehme das Layout aus dem HTML/CSS Tutorial

Webseiten Layout erstellen - das Coding als Beispiel => Photoshop Website

Der Code des kompletten Layouts sieht folgendermassen aus...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Webseiten Layout mit Photoshop erstellen - das Endergebnis</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<link rel="stylesheet" href="style.css" type="text/css" media="screen" />

</head>
<body>
<div id="ram">
<div id="header"></div>
		
<div id="content">
<!-- Content Start -->

<h1>Lorem ipsum dolor sit amet - <small>&lt;h1&gt; Tag</small></h1> 
	<p>consectetuer sadipscing elitr, sed diam nonumy 
	eirmod tempor invidunt ut labore et dolore magna aliquyam erat,  
	voluptua.Lorem ipsum dolor sit amet, consectetuer
	sadipscing elitr, sed diam nonumy eirmod 
	tempor invidunt ut labore et dolore magna aliquyam 
	erat, sed diam voluptua.Lorem ipsum dolor sit amet, 
	consectetuer diam nonumy ipsum dolor sit sed diam 
	nonumy eirmod sadipscing elitr, sed diam 

<!-- Content Ende -->
</div>

<div id="navi">
<ul>
<li><a href="http://alice-grafixx.de" title="Link Titel">
Home</a></li>
<li><a href="http://alice-grafixx.de/member/Alice" title="Link Titel">
About me</a></li>
<li><a href="projekte.html" title="Link Titel">Projekte</a></li>
<li><a href="http://design-grafixx.com" title="Link Titel">
Referenzen</a></li>
<li><a href="http://alice-grafixx.de/a/kontakt" title="Link Titel">
Kontakt</a></li>

<li><a href="http://alice-grafixx.de/a/impressum" title="Link Titel">
Impressum</a></li>
</ul>
</div>
			
<div id="footer"><a href="http://alice-grafixx.de">© Alice-Grafixx.de - 
Beispielwebsite 2008</a><br />
</div>
		
</div>
	
</body>
</html>


Die header.php


In die Datei header.php, die per include() zuerst eingebunden wird,
kommt alles rein bis dahin wo der Content anfaengt.

Alles bis zum Punkt wo <!-- Content Start --> steht...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Webseiten Layout mit Photoshop erstellen - das Endergebnis</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<link rel="stylesheet" href="style.css" type="text/css" media="screen" />

</head>
<body>
<div id="ram">
<div id="header"></div>
		
<div id="content">


Die footer.php


Und in die footer.php muss dann alles was nach <!-- Content Ende --> steht...

</div>

<div id="navi">
<ul>
<li><a href="http://alice-grafixx.de" title="Link Titel">
Home</a></li>
<li><a href="http://alice-grafixx.de/member/Alice" title="Link Titel">
About me</a></li>
<li><a href="projekte.html" title="Link Titel">Projekte</a></li>
<li><a href="http://design-grafixx.com" title="Link Titel">
Referenzen</a></li>
<li><a href="http://alice-grafixx.de/a/kontakt" title="Link Titel">
Kontakt</a></li>

<li><a href="http://alice-grafixx.de/a/impressum" title="Link Titel">
Impressum</a></li>
</ul>
</div>
			
<div id="footer"><a href="http://alice-grafixx.de">© Alice-Grafixx.de - 
Beispielwebsite 2008</a><br />

</div>
		
</div>
	
</body>
</html>


Eine weitere Variante, die mittels Switch-Abfrage funktioniert erklaere ich euch hier

PHP include for Layouts - switch

Kommentar schreibenHinterlasse einen Kommentar

Du musst angemeldet sein, um einen Kommentar zu hinterlassen...

Du bist noch kein Mitglied von Alice-Grafixx.de?
Dann kannst du dich hier kostenlos registrieren ...


Affiliates:   Colorful Gfx  •   Design Grafixx  •   Gallery Yuri  •   Blue-Graphics  •   The Seduction  •   Chibi Graphics  •   Pat DG  • Show all ...
designenlassen.de - Der Design-Marktplatz für Webdesign, Logo-Design, Flyerdesign u.v.m.        ALL-INKL.COM - Webhosting Server Hosting Domain Provider