Leinwandbindung Jeder Kettfaden liegt abwechselnd unter bzw.

1
LeinwandbindungJeder Kettfaden liegt abwechselnd
unter bzw. über dem SchußfadenKöperbindungDie
Bindungspunkte am diagonalen Köpergrat sind
seitlich versetztAtlasbindungDie
Bindungspunkte sind gleichmäßig verteilt es
entstehen lange Flottungen
Webstandards
2
Multimedia Webstandards

• 1989 WWW am CERN von Tim Berners-Lee entwickelt
• Ziel Forschungsergebnisse mit Kollegen
  austauschen
• 1990 World Wide Web
• Das HTML entstand
• 1994 Gründung von Netscape
• 1996 Etablierung des Internet Explorers

Entstehung des WWW
1
3
Multimedia Webstandards

• 1994 am MIT in Boston gegründet
• Ziel Einheitliche Protokolle und Richtlinien
  entwickeln
• Langlebigkeit von Dokumenten sicherstellen
• Mitglieder 60 USA Europa 30 ( Deutschland
  5)
• Nutzer 57 USA Europa 30 ( Deutschland 36)
• Direktor Tim Berners - Lee

Entstehung des W3C
2
4
Multimedia Webstandards

• Universelle Zugangsmöglichkeiten
• Das Semantische Web
• Vertrauen
• Interoperabilität
• Entwicklungsfähigkeit
• Dezentralisierung
• Attraktiveres Multimedia

Aufgaben des W3C
3
5
Multimedia Webstandards

• HTML Hypertext Markup Language
• XML - Extensible Markup Language
• XHTML - Extensible Hypertext Markup Language
• CSS - Cascading Style Sheets
• DOM - Document Object Model
• URI/URL - Uniform Resource Identifiers /
  Locators
• MathML - Mathematical Markup Language
• SVG - Scalable Vector Graphics
• XForms

Die wichtigsten Standards
4
6
Multimedia Webstandards

• HTML als lingua franca des Web
• Entwickelt von Tim Berners-Lee
• Erfolgreichste Dateiformat der Welt
• Sprache zur Strukturierung von Texten
• Überschriften, Textabsätze, Listen, Tabellen
• solange es Autoren gibt, die Texte schreiben,
  wird es Leute geben, die HTML gut gebrauchen
  können
• HTML ist eine Klartext Sprache

Hypertext Markup Language
5
7
Multimedia Webstandards
lt!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN" "http//www.w3.org/TR/html4/tran
sitional.dtd"gt lthtmlgt ltheadgt lttitlegtMultimedia
und Webstandardslt/titlegt lt/headgt ltbodygt lt/bodygt
lt/htmlgt

• Dokumententyp-Angabe
• Header
• Body

Hypertext Markup Language
6
8
Multimedia Webstandards

• die Mutter aller Auszeichnungssprachen
• ein Regelwerk zur Einhaltung von
  Grundkonventionen
• Vorteil es können eigene Namen vergeben werden
• Wichtig bei der Definition, ist eine exakte
  Festlegung der Eigenschaften notwendig
• Problem man kann nicht festlegen, wie Browser
  selbst erfundene Elemente darstellt
• Stylesheet-Sprache XSL ( Extensible Stylesheet
  Language

Extensible Markup Language
7
9
Multimedia Webstandards
ltrechteck oben10 links18 breit42
hoch11gt lthintergrund typeverlauf
richtungwaagerecht startfarbe0000FF
endfarbeFFFFFFgt ltinhalt typetext
formatstil_6gt Ein kleiner Text lt/inhaltgt
lt/hintergrundgt lt/rechteckgt

• Auszeichnungssprachenkonzept beliebig einsetzbar
• Daten sinnvoll strukturieren
• Wichtige XML-Standardsprachen SVG, MathML,
  SMIL, RDF, WML

Extensible Markup Language
8
10
Multimedia Webstandards

• Anfang der 90er Jahre Wunsch nach kombination
  von HTML und XML
• Seit Januar 2000 vom W3C empfohlen
• 100 kompatibel zu SVG, WML, SMIL
• kann als Dateninsel eingebunden werden
• Elemente, Attribute und Verschachtelungen
  gleichen HTML
• Browser-Kompatibilität ab HTML 4.0
• syntaktische Fehler sind nicht erlaubt

Extensible Hypertext Markup Language
9
11
Multimedia Webstandards

lt?xml version"1.0" encoding"UTF-8"?gt lt!DOCTYPE
html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http//www.w3.org/TR/xhtml1/DTD/xhtml1-stric
t.dtd"gt lthtml xmlns"http//www.w3.org/1999/xhtml
"gt ltheadgt lttitlegt Multimedia und
Webstandarts lt/titlegt lt/headgt ltbodygt ltp
title"Anfang der Geschichte"gt Es war
einmal...lt/pgt lt/bodygt
Extensible Hypertext Markup Language
10
12
Multimedia Webstandards

• Trennung zwischen Inhalt und Formatierung
• Ergänzungssprache für HTML
• Klartextsprache
• Elemente können Pixelgenau positioniert werden
• Zentrale Formatierung der HTML Elemente
• Schriftarten, Größe, Farbe, Hintergrundfarbe,
  Wallpaper,

Cascading Style Sheets
11
13
Multimedia Webstandards
lthtmlgt ltheadgt lttitlegtCSSlt/titlegt ltstyle
typetext/cssgt lt!-- H2 colorgreen
text-transformcapitalize P
font-styleitalic //--gt lt/stylegt
lt/headgt
lthtmlgt ltheadgt lttitlegtCSSlt/titlegt
ltlink rel"stylesheet" type"text/css"
href"formate.css"gt ltstyle
type"text/css"gt lt/stylegt lt/headgt
Cascading Style Sheets
12
14
Multimedia Webstandards

• JavaScript von Netscape Jscript von Microsoft
• Problem für Anwender Doppelprogrammierungen
• 01. Oktober 1998 offizielle Empfehlung vom W3C
• nicht nur für HTML sondern für jegliche
  XML-gerechte Auszeichnugssprache
• keine Programmiersprache, sondern beschreibt wie
  auf XML-basierende Elemente zugegriffen
  werden kann

Document Objekt Model
13
15
Multimedia Webstandards

• URI Universelle
  Quellenbezeichnung
• Internet Ressourcen identifizieren
• Anforderungen
• Erweiterbarkeit
• Vollständigkeit
• Schreib-/ Druckbarkeit

Uniform Resource Indentifiers
14
16
Multimedia Webstandards

• URL einheitlicher Quellenorter
• Internet Adresse
• z.B. http//www.web.de
• Protokoll http
• Trenzeichen //
• Serveradresse www.web.de

Uniform Resource Locators
15
17
Multimedia Webstandards

• Mathematische Folmeln im Web darstellen
• Vorteile
• Formatierbar
• schnelleres downloaden
• genaue Ausrichtung
• Suche nach Formeln möglich
• Nachteile
• Plug-In (Anzeigeprogramm)

Mathematical Markup Language
16
18
Multimedia Webstandards

• (ab)²

ltmsupgt ltmfencedgt ltmrowgt ltmigt a
lt/migtltmogt lt/mogtltmigt b lt/migt lt/mrowgt
lt/mfencedgt ltmmgt 2 lt/mmgt lt/msupgt
Mathematical Markup Language
17
19
Multimedia Webstandards

• Vektor Grafik
• Entwicklung des W3C frei
  verwendbar
• Plug-In zur Darstellung
• Vektorkoordinaten Speichern kleine
  Dateigröße
• Animationen erhöhen nicht die Dateigröße
• Farbverläufe und Schatten in Rastergrafik

Scalable Vector Graphics
18
20
Multimedia Webstandards

• basierend auf XML
• Trennung zwischen Zweck, Darstellung und
  Ergebnis
• Formulare auf Desktop, PDA oder Handy darstellen
• Vorteile
• Wiederverwendbarkeit
• Geräteunabhängigkeit
• Zugängigkeit

XForms
19