Document ID: /fineweb-2-swissfilter-quality_10-filterrobots/filtered/03413.jsonl.gz/1204

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/
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.
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