Dieser Themenblock widmete sich dem Design sowie der Programmierung von Homepages und Webapplikationen sowie der allgemeinen Webarchitektur zwischen Clients und Servern, welche das komplexe Informationsgebilde des Internets prägen und definieren. So wurden zu Beginn beispielsweise allgemeine Erklärungen gesucht, wie das Internet auf Serverbasis überhaupt funktionieren kann und wie unterschiedliche Protokolle diverse Dienste, wie z.B. E-Mails oder den Audio- und Videostream steuern können. Nachdem geklärt wurde, wie ein Seitenaufruf eines Clients von einem Webserver abgearbeitet wird (HTTP Request und Response), konnte noch auf die wichtigsten Programmiersprachen innerhalb der Webentwicklung eingegangen werden. So wurde unter anderem die HTML Hypertext Markup Language thematisiert, welche den Aufbau sowie die Inhalte einer Seite näher beschreibt. Neben den Erklärungen zu HTML wurde auch bereits an der ersten eigenen Webapp gearbeitet und das Grundgerüst zur Seite programmiert. Damit die Applikation noch etwas Farbe bekam und allgemein schöner aussieht, wurde im nächsten Schritt das Design mittels CSS Cascading Stylesheets vorgestellt. In diesem Sinne wurde der Unterschied zwischen HTML und CSS erläutert und festgestellt, dass CSS-Code aufgrund der Lesbarkeit niemals in HTML-Dateien geschrieben wird. Nachdem das CSS3 Box Model vorgestellt und die Zusammenfassung gewisser Elemente mit CSS-Selektoren nähergebracht wurde, konnte noch auf die wichtige Thematik des Responsive Webdesigns hingewiesen werden. Hierfür wurde das Prinzip sogenannter Fluid Grids besprochen und die Auswahl mit Hilfe von Media-Queries (für unterschiedliche Displaygrößen) ausprobiert. Um die dabei entstandene Webseite auch mittels Webserver steuern zu können und mehr Funktionalität durch die Anbindung einer Datenbank hervorzurufen, wurde die HTML-Website anschließend komplett auf PHP umgerüstet. 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 ausgegeben werden. Zusätzlich dazu wurden auch eigene Dateien für den Header und den Footer erstellt, um diese anschließend in den Seitendateien mit der require_once() Funktion einzubinden. Abschließend musste noch ein HTML-Formular sowie ein passendes Anmelde- und Verbindungsskript erstellt werden, um bereits bekannte Kontrollstrukturen in PHP zu übersetzen und den Umgang mit PHP-Variablen und -Funktionen sowie SQL-Abfragen zu trainieren.