Wie ticken Webseiten?

Der erste Teil dieser Nachlese bestand aus den Artikeln

• Websprachen lernen
• Code-Editoren
• Webseiten übersetzen (Google Translate)
• sex.clubcomputer.at (Alle Beispieldateien)

In der heutigen Nachlese geht es um

• Webserver
• http
• HTML
• CSS
• JavaScript
• jQuery+jQueryUI
• AJAX

Materialien

• Bilder, Folien, Word-Dokument (OneDrive)
• Beispieldateien -> webseiten. Um die Webdarstellung zu sehen, auf "Frame" klicken.
• Links zu allen Unterlagen zu unseren Clubabenden
• Facebook-Publikationen

Webserver

Ein Webserver sendet Dateien auf Anfrage. Gibt es die Datei nicht, kommen es zum Fehler 404. Ist die Dateitype als MIME-Typ registriert, wird zuerst der MIME-Typ und dann die Datei an den anfordernden Client gesendet. Dieser Artikel zeigt, wie man Windows-Desktop den mitgelieferten Webserver aktiviert.

http

http ist das für den Endbenutzer unsichtbare Protokoll, das den Datentransport von und zum Webserver übernimmt. 

HTML

Die Hauptaufgabe eines Browsers ist die Interpretation von HTML-Dokumenten. Der Browser geht elegant über Fehler hinweg. 

CSS

In einem modernen HTML-Dokument besteht eine strikte Trennung zwischen der Struktur der Seite und dem Aussehen. Alles, was mit der Darstellung eines Objekts zu tun hat, wird in Cascaded Style Sheets abgebildet. 

JavaScript

Das Konzept von HTML erlaubt die Einbettung beliebiger Computersprachen, die dann am Browser interpretiert werden können. Aber es gibt nur eine Sprache, die Verwendung findet: JavaScript. Kenntnisse dieser Sprache gehören zu dem Rüstzeug eines jeden Webdesigners.

jQuery+jQueryUI

Bis zur Einführung von jQuery auf den allermeisten Webseiten hatte JavaScript mit dem Problem zu kämpfen, dass jeder Browser gewisse Eigenheiten hatte, die die Programmierer berücksichtigen mussten. Das heißt also, das eine bestimmte Funktion oft mehrfach zu programmieren war, je nachdem, auf welchem Browser die Seite angezeigt wurde. Dieses Problem hat die Bibliothek jQuery beseitigt, indem sie alle diese Unterschiedlichkeiten bei der Ansprache von Objekten für verschiedene Browser berücksichtigt und der Programmierer mit einem einfachen Konstrukt das Auslangen findet.

Darüber hinaus bietet die Erweiterung jQueryUI interaktive Erweiterungen für Gestaltungselemente an, wie man sie auch in den CSS-Frameworks findet. 

AJAX

AJAX ist ein Kombination mehrerer Techniken, die es gemeinsam erlauben, dass eine bereits am Browser aufgebaute Webseite sich durch eine Benutzeraktivität in kleinen Teilen verändert, ohne dass die Seite insgesamt neu aufgebaut werden muss.

Einladung zum Clubabend "WordPress-Thema mit Bootstrap"

Roman Heinzinger wird den Umgang mit dem CSS-Framework "Bootstrap" vorstellen.

• Donnerstag, 23.11. 18:00 (Vortrag ab 19:00)
• Kulturschmankerl, Simmeringer Hauptstraße 152, 1100 Wien