2020 ke

Web Basics

Client

(User-Agent = Browser, z.B. Firefox, IE, Chrome, Safari)

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

Der Client empfängt vom Server die angefragte HTML-Seite, rendert CSS und führt Javascript aus, welche im HTML eingebettet sind.

Server

(z.B. Apache)

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 z.B. eine index.html-Datei oder eine index.php-Datei als Default-Seite.

Die Anfrage trifft ein: die Default-Seite wird vom Server ausgeliefert: index.html, index.php (mit PHP-Parsing).

Server, weiteres Beispiel:
Die Anfrage nach www.example.com/meine-seite.php: das PHP-Skript meine-seite.php wird PHP-geparst und der resultierende HTML-Code an Client geliefert.

Stichworte

HTML5, CSS3, HTTP, HTTP-Response-Header, GET-Request, POST-Request, URL-Aufbau, index.html, index.php

HTML-Formular, Affenformular

JavaScript-Framework, jQuery, jQuery Calendar, LocalStorage

PHP, Array, Session, Cookie, PHP-CMS

Website-Design mit Html-Wysiwyg-Editor

(z.B. Dreamweaver, Muse, KompoZer, HTML Editor Phase 5, MS-FrontPage, WebMatrix etc.)

Vorteile:

  • Keine Programmierkenntnisse nötig
  • Schnelle Resultate für einzelne Seiten

Nachteile:

  • nur Oberflächenwissen vorhanden seitens Designer
  • unflexibel bei Weiterausbau der Website, z.B. Einsatz CMS
  • Html-Quelltext ist überladen

oder Texteditor

(z.B. Notepad++)

  • Grundwissen muss vorhanden sein
  • Grosse Flexibilität
  • Grösserer Aufwand

HTML

https://www.raffia.ch/?html-kurs
http://www.html-seminar.de/downloads/xhtml-css-uebersicht.pdf
http://www.peterkropff.de/site/einfuehrung/einfuehrung.htm
https://de.wikipedia.org/wiki/Hypertext_Transfer_Protocol
CSS

http://www.intensivstation.ch/templates

PHP

http://php.net

PHP-Template-System

http://www.google.ch/?gfe_rd=cr&ei=PFI0V6ihG6mo8wfr3p_oBg&gws_rd=ssl#q=php+template+system