Seite erstellt von www.web-beckum.de - Letzte Änderung: 08.10.2006 17:56:46
PHP-fähiger Webspace.
HTML-Kenntnisse
Kenntnisse in php.
Hier wird eine Möglichkeit gezeigt wie man eine Homepage mit PHP aufbauen kann. Es gibt noch andere Möglichkeiten, und vermutlich sogar bessere.
Eine Einführung in die Programmierung mit php würde an dieser Stelle zu weit führen.
Da sollte sich jeder in der Literatur oder im Internet informieren.
Diese Dateien werden in der Homepage öfter benötigt und über den Befehl require ($pfadangabe."einfuege/oben.php"); in unsere php-Dateien eingefügt.
Diese Dateien liegen auf dem Webserver in einem Verzeichnis einfuege. Es darf natürlich jeder andere Verzeichnisname genommen werden. Es muss im require-Befehl der richtige Name angegeben werden.
Die in unserem Projekt wiederkehrenden Dateien sind oben.php, unten.php und navi.php.
oben.php
<?php
// Variablen die in den einzelnen Dokumenten deklariert werden!
// $pfadangabe gibt den Pfad der jeweiligen Dokumente wieder.
// $farbstyle = Dateiname der Stylesheet-Datei
// $titletag
// $metatag_*
print("<?xml version=\"1.0\"?> \n
<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\"
\"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">\n");
print ("<html xmlns=\"http://www.w3.org/1999/xhtml\">\n");
print ("<head>\n");
print ("$titletag \n");
print ("<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\" />\n");
print ("$metatag_copy \n");
print ("$metatag_description \n");
print ("$metatag_keywords \n");
print ("$metatag_pagetopic \n");
print ("$metatag_audience \n");
print ("$metatag_robots \n");
print ("$metatag_revisit \n");
print("<link href=\"".$pfadangabe."css/".$farbstyle.".css\" rel=\"stylesheet\" type=\"text/css\" />\n");
print ("<script src=\"".$pfadangabe."javascript/bildoeffnen.js\" type=\"text/javascript\"></script>\n");
?>
</head>
<body>
<div class="logo">
<?php
print("<img src=\"".$pfadangabe."wollmaus.jpg\" width=\"621\" height=\"92\" alt=\"Logo Die Wollmaus\" />");
?>
</div><!-- Ende class=Logo -->
<div class="navi">
<?php
require ($pfadangabe."einfuege/navi.php");
?>
</div><!-- Ende class=navi -->
<div class="inhalt">
In der Datei oben.php wird der Seitenkopf beschrieben. Es werden die Inhalte der Variablen die in den einzelnen Inhaltsdateien deklariert werden eingelesen.
Das Logo wird über den php-Befehl print eingefügt. So kann dann der richtige Pfad im Link mit angegeben werden.
Die Navigation navi.php wird über den require-Befehl in die Seite eingefügt.
Den Schluss dieser Datei bildet der Anfangs-Tag des Div-Bereiches für den Seiteninhalt. Geschlossen wird dieser Tag in der Datei unten.php.
navi.php
<?php
print("<a href=\"".$pfadangabe."index.php\">Home</a>\n");
print("<a href=\"".$pfadangabe."entstehung.php\">Entstehung</a>\n");
print("<a href=\"".$pfadangabe."lebensraum.php\">Lebensraum</a>\n");
print("<a href=\"".$pfadangabe."feinde.php\">Feinde</a>\n");
print("<a href=\"".$pfadangabe."bilder.php\">Bilder</a>\n");
print("<a href=\"".$pfadangabe."impressum.php\">Impressum</a>\n");
print("<a href=\"mailto:name@provider.de\">name@provider.de</a>\n");
?>
In dieser Datei wird die Navigation erstellt. Diese Datei wird in der Datei oben.php eingefügt.
unten.php
</div><!-- Ende class=\"Inhalt\"-->
<?php
print ("<div class=\"fuss\">\n");
print ("<p style=\"font-size:9px\">Copyright 2006-".date ("Y")." DEIN NAME<br />\n");
print ("STRASSE - ORT<br />\n");
print ("Letzte Änderung / last modified: ".date ("d.m.Y H:i:s", getlastmod())." </p>\n");
?>
</div><!-- Ende class=\"fuss\"-->
</body>
</html>
In der Datei unten.php wird als erstes der Div-Bereich für den Seiteninhalt geschlossen. Anschliessend werden einige Informationen im Seitenfuss ausgegeben, unter anderem das Datum der letzen Änderung.
In unseren Inhaltsseiten werden zu erst die Variablen die in der Datei oben.php eingelesen werden deklariert.
Bei der Variablen $pfadangabe bedeutet ein ./ das aktuelle Verzeichnis, ein ../ eine Verzeichnisebene nach unten und ein ../../ zwei Verzeichnisebenen nach unten etc. Diese Angaben sind wichtig damit das Skript den richtigen Pfad zu den einzufügenden Dateien findet.
Bei der Variablen $farbstyle kann man verschiedene Stylesheet-Dateien für jede Unterseite angeben. Möchte man nur eine Stylesheet-Datei benutzen, so könnte man den Namen der Stylesheet-Datei auch direkt in der Datei oben.php angegeben.
Die Variablen für das Title-Tag und die Meta-Tags dürften selbsterklärend sein.
Durch zwei // wird ein Kommentar innnerhalb einer php-Anweisung eingefügt. Mit Kommentaren sollte man nicht geizen. Heute beim Erstellen der Seite ist noch klar welche Aufgabe eine Variable hat, aber in einem halben Jahr kann es schon ganz anders aussehen.
index.php
<?php
//Pfad zum root-Verzeichnis
$pfadangabe = "./"; // Angabe mit abschliessendem Slash /
//Name der Farbstylesheet-Datei
$farbstyle = "stylesheet";
//Variablen für die Meta-Tags
$titletag="<title>Ein sinnvolller Seitentitel</title>";
$metatag_copy="<meta name=\"author\" content=\"Dein Name\" />";
$metatag_description="<meta name=\"DESCRIPTION\" lang=\"de\" content=\"Eine kurze Seitenbeschreibung.\" />";
$metatag_keywords="<meta name=\"KEYWORDS\" lang=\"de\" content=\"Stichwörter\" />";
$metatag_pagetopic="<meta name=\"PAGE-TOPIC\" lang=\"de\" content=\"Ein Oberbegriff für die Seite\" />";
$metatag_audience="<meta name=\"AUDIENCE\" content=\"Alle\" /> ";
$metatag_robots="<meta name=\"ROBOTS\" content=\"index,FOLLOW\" /> ";
$metatag_revisit="<meta name=\"revisit-after\" content=\"30 days\" /> ";
require ($pfadangabe."einfuege/oben.php");
?>
<h1>Die Wollmaus</h1>
<p>Auf diesen Webseiten finden sie alles Wissenswerte über die Wollmaus.<br />
Die Wollmaus hält sich üblicherweise in dunklen Ecken auf, so dass es nicht einfach ist, sie zu erforschen.</p>
<p>Wir haben hier versucht etwas über die Entstehung und das Sein der Wollmaus,
aber auch etwas über die natürlichen Feinde zusammenzutragen.</p>
<p>Viel Spaß dabei.</p>
<?php
require ($pfadangabe."einfuege/unten.php");
?>
entstehung.php
<?php
//Pfad zum root-Verzeichnis
$pfadangabe = "./"; // Angabe mit abschliessendem Slash /
//Name der Farbstylesheet-Datei
$farbstyle = "stylesheet";
//Variablen für die Meta-Tags
$titletag="<title>Ein sinnvolller Seitentitel</title>";
$metatag_copy="<meta name=\"author\" content=\"Dein Name\" />";
$metatag_description="<meta name=\"DESCRIPTION\" lang=\"de\" content=\"Eine kurze Seitenbeschreibung.\" />";
$metatag_keywords="<meta name=\"KEYWORDS\" lang=\"de\" content=\"Stichwörter\" />";
$metatag_pagetopic="<meta name=\"PAGE-TOPIC\" lang=\"de\" content=\"Ein Oberbegriff für die Seite\" />";
$metatag_audience="<meta name=\"AUDIENCE\" content=\"Alle\" /> ";
$metatag_robots="<meta name=\"ROBOTS\" content=\"index,FOLLOW\" /> ";
$metatag_revisit="<meta name=\"revisit-after\" content=\"30 days\" /> ";
require ($pfadangabe."einfuege/oben.php");
?>
<h1>Entstehung der Wollmäuse</h1>
<p>Obschon uns die Wollmäuse treue Begleiter in unserem Leben sind, so ist doch nur sehr wenig über ihre Entstehung bekannt.<br />
Die Wollmäuse können natürlich nicht so viele Forscher anlocken, wie dieses zum Beispiel Elefanten und Löwen tun. Immerhin kann sich hier ja auch der Forscher Hoffnung auf eine bezahlte Reise nach Afrika machen, während er die Wollmäuse in der heimischen Wohnung studieren könnte.</p>
<p>Vermutlich ist die Wollmaus am Anfang ihres Daseins mikroskopisch klein.<br />
Aber das Wachstum ist rasant, und man kann sie schon nach wenigen Tagen sehen, wie sie, wenn man in den Raum kommt, entlang an den Wänden huschen um in ihr unbekanntes Versteck zu gelangen. </p>
<?php
require ($pfadangabe."einfuege/unten.php");
?>
lebensraum.php
<?php
//Pfad zum root-Verzeichnis
$pfadangabe = "./"; // Angabe mit abschliessendem Slash /
//Name der Farbstylesheet-Datei
$farbstyle = "stylesheet";
//Variablen für die Meta-Tags
$titletag="<title>Ein sinnvolller Seitentitel</title>";
$metatag_copy="<meta name=\"author\" content=\"Dein Name\" />";
$metatag_description="<meta name=\"DESCRIPTION\" lang=\"de\" content=\"Eine kurze Seitenbeschreibung.\" />";
$metatag_keywords="<meta name=\"KEYWORDS\" lang=\"de\" content=\"Stichwörter\" />";
$metatag_pagetopic="<meta name=\"PAGE-TOPIC\" lang=\"de\" content=\"Ein Oberbegriff für die Seite\" />";
$metatag_audience="<meta name=\"AUDIENCE\" content=\"Alle\" /> ";
$metatag_robots="<meta name=\"ROBOTS\" content=\"index,FOLLOW\" /> ";
$metatag_revisit="<meta name=\"revisit-after\" content=\"30 days\" /> ";
require ($pfadangabe."einfuege/oben.php");
?>
<h1>Der Lebensraum der Wollmäuse</h1>
<p>Für ihr überleben benötigt die Wollmaus einen ungestörten Raum. Gerne windgeschützt, da sie wegen ihrem geringen Gewicht schon vom kleinsten Luftzug weggeweht werden kann. Wovon sie sich ernähren ist noch nicht geklärt, doch auf grund ihres rasanten Wachstums ist anzunehmen, dass die Nahrungssuche für eine Wollmaus kein Problem ist. </p>
<?php
require ($pfadangabe."einfuege/unten.php");
?>
feinde.php
<?php
//Pfad zum root-Verzeichnis
$pfadangabe = "./"; // Angabe mit abschliessendem Slash /
//Name der Farbstylesheet-Datei
$farbstyle = "stylesheet";
//Variablen für die Meta-Tags
$titletag="<title>Ein sinnvolller Seitentitel</title>";
$metatag_copy="<meta name=\"author\" content=\"Dein Name\" />";
$metatag_description="<meta name=\"DESCRIPTION\" lang=\"de\" content=\"Eine kurze Seitenbeschreibung.\" />";
$metatag_keywords="<meta name=\"KEYWORDS\" lang=\"de\" content=\"Stichwörter\" />";
$metatag_pagetopic="<meta name=\"PAGE-TOPIC\" lang=\"de\" content=\"Ein Oberbegriff für die Seite\" />";
$metatag_audience="<meta name=\"AUDIENCE\" content=\"Alle\" /> ";
$metatag_robots="<meta name=\"ROBOTS\" content=\"index,FOLLOW\" /> ";
$metatag_revisit="<meta name=\"revisit-after\" content=\"30 days\" /> ";
require ($pfadangabe."einfuege/oben.php");
?>
<h1>Die Feinde der Wollmäuse</h1>
<p> Der größte Feind der Wollmaus ist doch derjenige, den sie so treu begleitet.<br />
Der Mensch mit seinen lärmenden Haushaltsgeräten.<br />
Noch ist nicht klar, ob die Wollmaus vor dem Lärm eines Staubsaugers, oder aber vor dem Staubsaugerrohr, welches in ihre Nähe kommt verscheucht wird. Auf jeden Fall sind die meisten Wollmäuse verschwunden, wenn der Staubsauger an den Aufenthaltsorten der Wollmäuse aktiv war.<br />
Aber keine Angst. Wollmäuse sind Überlebenskünstler und schon nach kurzer Zeit kann man sie wieder beobachten. </p>
<?php
require ($pfadangabe."einfuege/unten.php");
?>
bilder.php
<?php
//Pfad zum root-Verzeichnis
$pfadangabe = "./"; // Angabe mit abschliessendem Slash /
//Name der Farbstylesheet-Datei
$farbstyle = "stylesheet";
//Variablen für die Meta-Tags
$titletag="<title>Ein sinnvolller Seitentitel</title>";
$metatag_copy="<meta name=\"author\" content=\"Dein Name\" />";
$metatag_description="<meta name=\"DESCRIPTION\" lang=\"de\" content=\"Eine kurze Seitenbeschreibung.\" />";
$metatag_keywords="<meta name=\"KEYWORDS\" lang=\"de\" content=\"Stichwörter\" />";
$metatag_pagetopic="<meta name=\"PAGE-TOPIC\" lang=\"de\" content=\"Ein Oberbegriff für die Seite\" />";
$metatag_audience="<meta name=\"AUDIENCE\" content=\"Alle\" /> ";
$metatag_robots="<meta name=\"ROBOTS\" content=\"index,FOLLOW\" /> ";
$metatag_revisit="<meta name=\"revisit-after\" content=\"30 days\" /> ";
require ($pfadangabe."einfuege/oben.php");
?>
<h1>Bilder der Wollmaus</h1>
<p>Hier finden sich einige der wenigen Bilder der Wollmaus</p>
<table width="100%" border="0">
<tr>
<td>
<a href="<?php print ("".$pfadangabe."");?>bilder/wollmaus1.jpg">
<img src="<?php print ("".$pfadangabe."");?>bilder/mini_wollmaus1.jpg" width="100" height="100" alt="Wollmaus auf Boden" />
</a>
<br />
Bild öffnet sich im Aktuellen Browserfenster, mit der Zurück-Taste des Browsers wieder auf diese Seite zurück.
</td>
<td>
<a href="<?php print ("".$pfadangabe."");?>bilder/wollmaus2.jpg" target="_blank">
<img src="<?php print ("".$pfadangabe."");?>bilder/mini_wollmaus2.jpg" width="100" height="39" alt="Wollmaus in Ecke" />
</a>
<br />
Bild öffnet ein neues Browserfenster. Diese Seite bleibt erhalten.
</td>
</tr>
</table>
<h1>Bilder der Wollmaus</h1>
<p>Hier finden sich einige der wenigen Bilder der Wollmaus, diesmal öffnen sie sich über ein JavaScript</p>
<table width="100%" border="0">
<tr>
<td class="untenrechts">
<a href ="javascript:Zeigen('<?php print ("".$pfadangabe."");?>bilder/wollmaus1.jpg',256,256)">
<img src="<?php print ("".$pfadangabe."");?>bilder/mini_wollmaus1.jpg" width="100" height="100" alt="Wollmaus auf Boden" /></a>
<noscript><a href="<?php print ("".$pfadangabe."");?>bilder/wollmaus1.jpg" target="_blank">Wollmaus</a></noscript>
<br /> Bild wird durch ein JavaScript in einem kleineren Fenster geöffnet.
</td>
<td class="untenrechts">
<a href ="javascript:Zeigen('<?php print ("".$pfadangabe."");?>bilder/wollmaus2.jpg',357,139)">
<img src="<?php print ("".$pfadangabe."");?>bilder/mini_wollmaus2.jpg" width="100" height="39" alt="Wollmaus in Ecke" /></a>
<noscript><a href="<?php print ("".$pfadangabe."");?>bilder/wollmaus2.jpg" target="_blank">Wollmaus 2</a></noscript>
<br />Bild wird durch ein JavaScript in einem kleineren Fenster geöffnet.
</td>
</tr>
</table>
<?php
require ($pfadangabe."einfuege/unten.php");
?>
Bei den Bildern wird die Pfadangabe über den php-Befehl print eingefügt. Fehlt diese Angabe kann es sein das die Bilder nicht angezeigt werden.
impressum.php
<?php
//Pfad zum root-Verzeichnis
$pfadangabe = "./"; // Angabe mit abschliessendem Slash /
//Name der Farbstylesheet-Datei
$farbstyle = "stylesheet";
//Variablen für die Meta-Tags
$titletag="<title>Ein sinnvolller Seitentitel</title>";
$metatag_copy="<meta name=\"author\" content=\"Dein Name\" />";
$metatag_description="<meta name=\"DESCRIPTION\" lang=\"de\" content=\"Eine kurze Seitenbeschreibung.\" />";
$metatag_keywords="<meta name=\"KEYWORDS\" lang=\"de\" content=\"Stichwörter\" />";
$metatag_pagetopic="<meta name=\"PAGE-TOPIC\" lang=\"de\" content=\"Ein Oberbegriff für die Seite\" />";
$metatag_audience="<meta name=\"AUDIENCE\" content=\"Alle\" /> ";
$metatag_robots="<meta name=\"ROBOTS\" content=\"index,FOLLOW\" /> ";
$metatag_revisit="<meta name=\"revisit-after\" content=\"30 days\" /> ";
require ($pfadangabe."einfuege/oben.php");
?>
<h1>Impressum</h1>
<p>VORNAME NAME</p>
<p>STRASSE NR</p>
<p>PLZ ORT</p>
<p><a href="mailto:MAILADRESSE@freenet.de">MAILADRESSE@freenet.de</a></p>
<?php
require ($pfadangabe."einfuege/unten.php");
?>
Damit sollten wir in der Lage sein ein eigenes kleines Projekt mit PHP zu erstellen. Mit etwas experimentieren wird man noch viel mehr Möglichkeiten finden können.
Es gibt vieles auszuprobieren. Viel Spaß dabei.
Seite erstellt von www.web-beckum.de - Letzte Änderung: 08.10.2006 17:56:46