www.panbachi.de
Blank Navigation Blank
Blank   Blank
Blank
Blank Login Blank
Blank   Blank
Blank
Blank Counter Blank
Blank   Blank
Blank
Blank
Blank   Blank
Artikel
Home » Artikel » Tutorials » PHP » [PHP] index.php?show=content
[PHP] index.php?show=content
Autor: napsio Views: 23950
Datum: 14.06.2006 - 17:42  
[PHP] Tutorial

Wie mache ich eine "index.php?show=content" PHP Seite?

Das ist mein erstes Tutorial, dass ich für euch bereitstelle. Mal schauen wie ich mich anstelle

Also...Als erstes erstellen wir uns eine HTML Seite, die auf Tabellen basiert. Diese speichern wir als "index.php" ab. Aber was brauchen wir dafür?

- Einen Header
- Navigation links und Rechts
- Einen Content Bereich
- Einen Footer

Die Tabelle besteht dann zuerst aus 3 Zeilen und 3 Spalten und sieht wie folgt aus:

HTML Code
  1.   <tr>
  2.     <td></td>
  3.         <td>Header</td>
  4.         <td></td>
  5.   </tr>
  6.   <tr>
  7.     <td>linke Navigation</td>
  8.         <td>Content Bereich</td>
  9.         <td>rechte Navigation</td>
  10.   </tr>
  11.   <tr>
  12.     <td></td>
  13.         <td>Footer</td>
  14.         <td></td>
  15.   </tr>
  16. </table>


Das sieht aber noch nicht so gut aus. Darum verbinden wir die Spalten aus der ersten Zeile miteinander mit 'colspan="3"'. Das gleiche machen wir dann auch für die letzte Zeile. Das sieht dann so aus:

HTML Code
  1.   <tr>
  2.         <td colspan="3">Header</td>
  3.   </tr>
  4.   <tr>
  5.     <td>linke Navigation</td>
  6.         <td>Content Bereich</td>
  7.         <td>rechte Navigation</td>
  8.   </tr>
  9.   <tr>
  10.         <td colspan="3">Footer</td>
  11.   </tr>
  12. </table>


Jetzt haben wir aber das Problem, dass die mittlere Zeile (Navigation + Content) mittig drinsteht. Das lässt sich mit 'valign="top"' lösen. Dazu passen wir noch die Breite an (width):

HTML Code
  1. <table width="600">
  2.   <tr>
  3.         <td colspan="3">Header</td>
  4.   </tr>
  5.   <tr>
  6.     <td valign="top" width="125">linke Navigation</td>
  7.         <td valign="top" width="350">Content Bereich</td>
  8.         <td valign="top" width="125">rechte Navigation</td>
  9.   </tr>
  10.   <tr>
  11.         <td colspan="3">Footer</td>
  12.   </tr>
  13. </table>


Um die Seite dynamisch zu machen kann man als Breite auch % Angaben angeben:

HTML Code
  1. <table width="100%">
  2.   <tr>
  3.         <td colspan="3">Header</td>
  4.   </tr>
  5.   <tr>
  6.     <td valign="top" width="20%">linke Navigation</td>
  7.         <td valign="top" width="60%">Content Bereich</td>
  8.         <td valign="top" width="20%">rechte Navigation</td>
  9.   </tr>
  10.   <tr>
  11.         <td colspan="3">Footer</td>
  12.   </tr>
  13. </table>


Das muss jeder für sich entscheiden. Wir arbeiten jetzt aber mit den festen Werten weiter. Nun kommt das wichtigste. Der PHP-Teil. Als erstes Prüfen wir nach ob die Variable "show" die über die URL übergeben wird gefüllt ist. Das machen wir mit:

PHP Code
  1. if(isset($_GET[\'show\']){
  2.     $show = addslashes($_GET[\'show\']);
  3. }
  4. else{
  5.     $show = \"main\";
  6. }


Als nächstes Prüfen wir nach welchen Wert die Variable "show" hat und verbinden diesen mit einer Aktion.

PHP Code
  1. switch($show){
  2.     case \"main\":
  3.         include(\"main.php\");
  4.         break;
  5.     case \"content\":
  6.         include(\"content.php\");
  7.         break;
  8.     default:
  9.         include(\"main.php\");
  10.         break;
  11. }


Damit haben wir schon den größten Teil hinter uns. Was wir bis jetzt haben:

- Seitenansicht
- Seiten öffnen über URL
--- index.php?show=main -> main.php
--- index.php?show=content -> content.php

Damit das alles funktioniert müsst ihr die Dateien "main.php" und "content.php" erstellen. Als Inhalt der Dateien könnt ihr z.B. "main" bzw. "content" reinschreiben.

Wie verbinden wir denn nun den PHP-Code mit dem HTML-Code?

PHP Code
  1. <table width=\"600\">
  2.   <tr>
  3.         <td colspan=\"3\">Header</td>
  4.   </tr>
  5.   <tr>
  6.     <td valign=\"top\" width=\"125\">linke Navigation</td>
  7.         <td valign=\"top\" width=\"350\">
  8.             <?php
  9.             if(isset($_GET[\'show\']){
  10.             $show = addslashes($_GET[\'show\']);
  11.         }
  12.         else{
  13.             $show = \"main\";
  14.         }
  15.         switch($show){
  16.             case \"main\":
  17.                 include(\"main.php\");
  18.                 break;
  19.             case \"content\":
  20.                 include(\"content.php\");
  21.                 break;
  22.             default:
  23.                 include(\"main.php\");
  24.                 break;
  25.         }
  26.         ?>
  27.         </td>
  28.         <td valign=\"top\" width=\"125\">rechte Navigation</td>
  29.   </tr>
  30.   <tr>
  31.         <td colspan=\"3\">Footer</td>
  32.   </tr>
  33. </table>


Und damit wären wir auch schon fertig. Wenn jemand noch Fragen hat, kann er die ins Forum schreiben.

Viel Spass damit

Goran "napsio" Zunic
Blank   Blank
Blank Spenden Blank
Blank   Blank
Blank
Blank Werbung Blank
Blank   Blank
Blank
Blank
Home | Impressum | Forum | Link Us |
Copyright 2005-2006 by napsio