2024 ke

Web Basics

Client

Auch User-Agent: Web-Browser, z.B. Firefox, IE/Edge, Chrome, Safari.

Der User-seitige Client stellt Anfragen/Requests als GET/POST an den Server (z.B. an www.example.com).

Der Client empfängt als Antwort vom Server die angefragte HTML-Seite, rendert CSS und führt Javascript aus, welches im HTML-Text eingebettet ist.

Server

Z.B. Apache:
https://www.apachefriends.org/de/download.html

Der Server enthält eine Dokumenten-Struktur mit Ordnern und HTML- und/oder PHP-Dateien. Die Inhalte können auch in einer Datenbank (z.B. MySQL) abgelegt sein.

Der Root-Ordner enthält meistens eine Datei mit Namen index.html oder index.php als Default- oder Startseite.

Die vom Client gestellte Anfrage trifft ein: die angefragte Seite wird vom Server aufgebaut (allenfalls mit Hilfe von PHP-Parsing in der index.php) und an den Client versandt.

Beispiel einer Anfrage an myurl.com / mypage.php:
PHP-Code in mypage.php wird vom Server ausgeführt und der resultierende HTML-Text an den Client ausgegeben.

HTML

Ein Texteditor wie Notepadd++ genügt, um einfache HTML-Webseiten zu erstellen:
https://notepad-plus-plus.org/downloads/

Einführung:
https://www.w3.org/Style/Examples/011/firstcss.en.html
https://wiki.selfhtml.org/wiki/HTML/Tutorials/Grundger%C3%BCst
https://htmlkurs.ch/
https://htmlkurs.ch/beispiele/

CSS

CSS beschreibt die (grafische) Gestaltung einer HTML-Seite. CSS-Code kann mit dem Texteditor geschrieben und in die entsprechende HTML-Seite eingefügt werden. Für Seiten ohne Ansprüche an die Gestaltung braucht es nicht zwingend eine CSS Unterstützung. Der Web-Browser enthält ein CSS-Default-Set, das zur Renderung der Page aktiviert wird.

Layout einer Seite mit CSS erstellen:
http://www.intensivstation.ch/templates

PHP

Die (Server-seitig ausgeführte) Skriptsprache PHP kann HTML-Seiten und Teile davon automatisiert erzeugen und an den Client ausgeben. Beispiel: Wiederholte Stellen, wie z.B. eine Seiten-Navigation oder Menü auf jeder Seite, werden in den HTML-Code eingefügt.

http://php.net
https://www.php.net/manual/de/tutorial.firstpage.php
https://www.php-kurs.com/erstes-php-programm.htm

Stichworte

    HTML5     
    CSS3    
    HTTP    
    HTTP-Response-Header   
    GET-Request   
    POST-Request   
    URL-Aufbau   
    index.html    
    index.php    
    HTML-Formular    
    Affenformular    
    JavaScript-Framework    
    jQuery    
    LocalStorage    
    PHP    
    Array    
    Session    
    Cookie   
    PHP-CMS