Webdesign III (PHP Hypertext Preprocessor)

In dieser Unterrichtseinheit wurde die bereits bestehende persönliche Website in eine Web 2.0 Anwendung umgewandelt. Hierfür wurde die HTML-Beispielseite komplett auf PHP umgerüstet, um die nächste Stufe des Web-Development in Angriff zu nehmen. Nachdem die technischen Details rund um PHP (PHP: Hypertext Preprocessor - rekursives Akronym) sowie Webserver (Apache) und Datenbankserver (MySQLi) oder virtuelle Serverapplikationen wie XAMPP oder MAMP besprochen wurden, konnte schlussendlich die erste PHP-Datei erstellt und der erste echo-Befehl ausgeführt werden. Zusätzlich dazu wurden auch eigene Dateien für den Header und den Footer erstellt, um diese anschließend in den Seitendateien mit dem require_once-Befehl einzubinden. Danach wurden noch bereits bekannte Kontrollstrukturen wie Verzweigungen und Schleifen in PHP umgesetzt, um ein besseres Gefühl für die Programmiersprache zu bekommen. Zum Schluss musste ein kleiner Algorithmus innerhalb der index.php Datei realisiert werden, um den Umgang mit Variablen und Ausgaben weiter zu vertiefen.


Kompetenzen

  1. Ich kenne den Unterschied zwischen HTML und PHP und weiß wie PHP in Webseiten eingreifen kann.
  2. Ich verstehe wie Webserver und Datenbankserver im Hintergrund einer Webseite arbeiten und kenne virtuelle Applikationen.
  3. Ich weiß wie man HTML-Dokumente in PHP taugliche Seiten umwandelt und kann kleinere PHP Befehle in HTML-Dateien schreiben.
  4. Ich verstehe wie man PHP-Funktionen aufrufen kann und kann mir über Manual-Pages der PHP-Dokumentation weiterhelfen.
  5. Ich kann kleinere PHP-Skripts erstellen und die Ergebnisse dieser mit Hilfe des echo Befehls ausgeben lassen.
  6. Ich kann Kontrollstrukturen wie Verzweigungen oder Schleifen in PHP programmieren und verstehe das Prinzip hinter ihnen.


Vertiefung

helloworld.php
<!DOCTYPE html>
<html>
  <head>
    <title>Seitentitel</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="responsive.css">
  </head>	
 
  <body>
    <?php require_once('header.php'); ?>
    <main>
      <div class="row">
        <div class="col-12">
          <?php
           echo "Hello World!";
          ?> 
        </div>
      </div>
    </main>
    <?php require_once('footer.php'); ?>		
  </body>
</html>
schleife.php
<?php
  $count = 1;
  while ($count <= 10)
  {
    if ($count > 10)
    {
      echo 'Zähler ist bereits größer als 10';
      break;
    }
    echo $count;
    echo '<br>'; 
    $count++;
  } 
?>


Unterrichtsmaterialien