Jump to content

[Tutorial] PHP Include


Nadine
 Share

Recommended Posts

  • Administrators

Also, ich habe vor laaaaaaanger Zeit mal Chris versprochen ihm zu erklären wie des geht, dass man bei nem Tabellelayout nicht immer jede HTML Seite ändern muss, wenn man zb einen Link im Menü ändern muss oder einen hinzufügt.

Da Aline jetzt auch gefragt hat, dachte ich, ich erledige das mal schnell. :D

Vielleicht schaff ichs auch noch heute Nicola zu erklären wie sie Bilder ausschneidet und zwei in eins tut und blendet...auch wenn ich im blenden nicht gut bin, aber naja :D

Aber nun zu der Sache mit dem PHP Include.

Im Grunde ist das ganz einfach, ich kenne mich mit PHP ja auch net blendend aus und im Grunde brauch man dazu auch keine Kenntnisse, hauptsache man kann HTML ;)

Nehmen wir mal an ihr erstellt ein ganz normales Design mit einem Headbanner oben und unten im Footer steht ein Copyright Hinweis (euer Name oder Kontaktinfos, wie auch immer) und in der Mitte soll jeweils immer der Inhalt erscheinen. Man könnte es natürlich mit Iframe machen, aber das ist wesentlich umständlicher. Auch Designänderungen werden durch einen Iframe nicht unbedingt erleichtert.

Ich habe mal eine pro forma Header- und Footergrafik gemacht:

Posted Image

und

Posted Image

Die URLs sind

http://kellyclarkson.4fans.net/header.gif und

http://kellyclarkson.4fans.net/footer.gif

Nun macht ihr eine Tabelle mit 3 Zeilen:

In die erste kommt der Header, in die zweite nichts, denn da soll ja der Inhalt sein und in die dritte der Footer.

Der HTML Code sieht dann in etwa so aus:

<html><head><meta http-equiv="Content-Type" content="text/html; charset=windows-1252"><title>Test</title></head><body><div align="center">  <center>  <table border="0" cellpadding="0" cellspacing="0" width="702">    <tr>      <td><img border="0" src="http://kellyclarkson.4fans.net/header.gif" width="702" height="130"></td>    </tr>    <tr>      <td> </td>    </tr>    <tr>      <td><img border="0" src="http://kellyclarkson.4fans.net/footer.gif" width="702" height="22"></td>    </tr>  </table>  </center></div></body></html>

So, wenn ihr das habt, koppiert ihr einfach den oberen Teil vom HTML Code bis zu dem Teil wo der Inhalt rein sollte, also:

<html><head><meta http-equiv="Content-Type" content="text/html; charset=windows-1252"><title>Test</title></head><body><div align="center">  <center>  <table border="0" cellpadding="0" cellspacing="0" width="702">    <tr>      <td><img border="0" src="http://kellyclarkson.4fans.net/header.gif" width="702" height="130"></td>    </tr>    <tr>      <td>

in einen Editor (Notpad oder so) und speichert es als header.php ab.

Danach kopiert ihr den Teil unter dem Inhalt:

</td>    </tr>    <tr>      <td><img border="0" src="http://kellyclarkson.4fans.net/footer.gif" width="702" height="22"></td>    </tr>  </table>  </center></div></body></html>
und speichert ihn als footer.php ab.

In eure normalen Seiten also zum Beispiel die Seite mit den Updates oder News braucht ihr dann keinen head oder body Teil mehr. Wenn ihr auf der Update Seite zum Bespiel eine Tabelle habt in der die Updates stehen dann braucht ihr nur die Tabelle und um den header bzw footer einzubinden muss folgendes vor bzw hinter die Tabelle:

<?php include("/header.php"); ?>
Natürlich header.php am ende durch footer.php ersetzen.

Eurer Code sieht dann etwa so aus:

<?php include("/header.php"); ?><div align="center">  <center>  <table border="0" cellpadding="0" cellspacing="0">    <tr>      <td>Updates - 29. November 2003</td>    </tr>    <tr>      <td>Neue Fotos hinzugefügt.</td>    </tr>  </table>  </center></div><?php include("/footer.php"); ?>

Das PHP Include bezweckt, dass der footer.php und header.php an der Stelle in die Seite eingebunden wird was wiederum bwrkt, dass die Seite wieder ganz normalen Seiten aufbau hat (<html><head></head><body></body></html>)

Das ganze muss als PHP Datei gespeichert werden zum Beispiel index.php. Wird die Datei index.php jetzt aufm Server aufgufen erscheint die Seite mit Header, den Updates und Footer.

Wenn ihr im Header also das Menu habt und ihr später einen neuen Link hinzufügen wollt, dann braucht ihr nur header.php ändern und nicht mehr jede HTML Seite.

Die Umstellung von Iframe auf diese Variante ist zugegeben umständlich da man jede html datei die man hat erstmal ändern muss bzw den headteil und das ganze zeug wegmachen muss so dass nur der Inhalt der Seite bleibt und <?php include("/footer.php"); ?> einfügen muss.

Deshalb hats auch so lange gebraucht, als ich im Mai meine Seite online gestellt habe, da ich vorher auch immer iframe hatte und jede verdammte Seite ändern und als PHP Datei speichern musste.

Hat man das aber einmal gemacht ist es einfach das komplette Design der Seite zu ändern, da man durch das PHP Include den Inhalt vom Design getrennt hat. Jeztt muss ich nur noch meine header und footer datei ändern und schon hab ich ein komplett neues Layout.

Worauf ihr achten müsst, wenn ihr mehrere Unterverzeichnisse habt ist, dass ihr in der header und footer datei zu allen Links und Bilder, die ganze URL benutzt also nicht nur header.gif sondern http://kellyclarkson.4fans.net/header.gif in meinem Beispiel, denn nehmt ihr nur header.gif und habt zum beispiel einen unterordner für eure wallpaper dann wird aus dem ganzen http://kellyclarkson.4fans.net/wallpaper/header.gif und das wäre dumm, da ihr in dem Ordner ja nicht das header.gif habt und somit das Bild nicht angezeigt wird.

Das klingt jetzt vielleicht etwas kompliziert alles und ich kann auch nicht gerade gut erklären, aber im Grunde ist es sehr einfach, wenn man erstmal das Prinzip verstanden hat. ;)

Man kann natürlich auch "kompliziertere" tabellen nehmen zum Beispiel noch eine Zelle rechts neben dem Inhalt so wie ich es habe, aber zur Vereinfachung habe ich das jetzt nicht gemacht.

Ihr könnt euch auch gern man anschauen was bei meinem aktuellen Design im header.php, footer.php und index.php ist:

http://shakira.4fans.net/deutsch/header.php (vielleicht mal Quelltext anschauen)

http://shakira.4fans.net/deutsch/footer.php (auch Quelltext)

http://shakira.4fans.net/deutsch/index.php (index.php ist halt der Inhalt mit meinen Updates wo footer.php und header.php eingebunden ist.)

Sollten noch Fragen sein, einfach fragen, vielleicht kann ichs ja beantworten :D

Euer Webspace muss natürlich PHP unterstützen sonst funzt das ganze nicht.

Share this post


Link to post
Share on other sites

ok also erstmal hätte cih nur eine frage :super:

und zwar wie mach ich das den wenn ich ein popup machen will? will zwar als mein nächstes design keins machen aber das würde mch schon interessieren weil wie soll den da den gehn ? :thinking: weil bei ner tabelle vergrößert sich das ja einfach aber bei nem popup geht das ja schlecht oder? :thinking: :boring:

Share this post


Link to post
Share on other sites

ok frage 2 :D

ok wie mach ich das den wenn ich die tabelle anderes machen will?

so z.B http://www.free.pages.at/shakiraseite/test/test/news.php

da sollte dieses mit dieses fotos hinzugefügt ja in dem mitten teilding sein (aber es steht ja dadrunter) und wie krieg ich sowas hin das es in dem mittel ding ist? :thinking:

Edited by Aline567

Share this post


Link to post
Share on other sites

  • Administrators

ij einem popup macht man nur iframe oder frame layouts weil man die genau abmessen kann.

die zweite frage versteh ich grad kein stück... :thinking:

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.

By continuing to browse this website or creating an account you also agree to our Privacy Policy.