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.
<!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>
<?php $count = 1; while ($count <= 10) { if ($count > 10) { echo 'Zähler ist bereits größer als 10'; break; } echo $count; echo '<br>'; $count++; } ?>