1. WEBDE
SIGN

2. 1. Die Geschichte des Webdesigns
1. Einleitung
2. Der Start des Web & Webdesigns
3. Evolution des Webdesigns
4. Neuere Webstandards
2. Gestaltung
1. HTML
2. CSS
3. Shockwave
4. Adobe Flash
3. Quellen
GLIEDERUNG

3. DIE
GESCHICHTE
DES
WEBDESIGNS

5. DER START DES WEB &
WEBDESIGNS
 1991: Geburt des Internets, Sir Tim Berners-Lee
veröffentlichte die erste Website
 1993: Mosaikbrowser von Marc Andreessen und Eric Bina
 1994: Gründung des World Wide Web Consortium (W3C),
Andreessen gründet Netscape Communications
 1995: HTML 2.0 erschien
 1996: Veröffentlichung von CSS 1
 1996 - 1999: Beginn der „Browser-Kriege“
„Cascading Style Sheets (CSS) ermöglichen die Trennung von Inhalt und Layout bei
der Gestaltung von Webseiten. Layouteigenschaften wie z.B. Schriftarten und
Schriftgrößen werden über CSS ähnlich wie Formatvorlagen deklariert.“
http:// ww w. s u m o . de/ de f in it io n - ca s ca d in g - s t yl e - sh e e ts. ht m l

6. EVOLUTION DES
WEBDESIGNS
 1997: HTML 3.2, Shockwave & Flash, DHTML
 1998: CSS 2.0
 1999: HTML 4.01, Frames,
Web Content Accessibility Guidelines 1.0
 2000: CSS-Design praxistauglich, Netscape 6, Ende der
„Browser-Kriege“, Internet Explorer für Mac OS
„Frames sind eine von Netscape entwickelte Technologie, mit der Webseiten gemäß
eines Framesets in einzelne "Rahmen" aufgeteilt werden können.“
http://ww w. s u m o . de/ de f in it io n - f ra m e s.h t ml

7.  2005: „Asynchronous“ JavaScript und XML
 2008: Prozedere des W3C zur Veröffentlichung von
Webstandards geändert,
Web Content Accessibility Guidelines 2.0
 2011: CSS 2.1
„XML (Extensible Markup Language) ist eine medienübergreifende
Seitenbeschreibungssprache. XML ist hierarchisch strukturiert und trennt Layout und
Inhalt. Es ist ein wichtiger Standard für eine medienneutrale Verbreitung von
Inhalten.“
http://ww w.su m o.d e/d ef i n it io n - x m l.h t m l
NEUERE
WEBSTANDARDS

8. GESTALT
UNG

9. HYPERTEXT MARKUP
LANGUAGE
Doctype Head
Body

10.  Starttag: <Elementname>
 Endtag: </Elementname>
 inhaltsleere Elemente, z.B.: br, img
HYPERTEXT MARKUP
LANGUAGE

11. „Ein Selektor nennt die Bedingungen, die auf ein Element zutreffen müssen, damit der
nachfolgende Satz an CSS-Deklarationen mit seinen Darstellungsvorgaben auf das
Element angewendet wird.“
http:// de.w iki p ed ia.o r g/ w iki /Cascad i n g _ S tyl e_ S h eets
CASCADING STYLE
SHEETS
Selektor
Eigenschaft

12.  Dateiformat: .dcr
 Entwickelt von
Adobe Systems
 Erstellung
multimedialer Inhalte
SHOCKWAVE

13.  Dateiformat: .swf
 Entwickelt von
Adobe Systems
 Erstellung
multimedialer Inhalte
ADOBE FLASH

14. http://de.wikipedia.org/wiki/Webdesign
http://www.barrierefreies-webdesign.de/knowhow/html-und-css/geschichte-
der-webstandards.html
http://de.wikipedia.org/wiki/Cascading_Style_Sheets
https://de.wikipedia.org/wiki/Hypertext_Markup_Language
http://de.wikipedia.org/wiki/Shockwave
http://de.wikipedia.org/wiki/Adobe_Flash
http://upload.wikimedia.org/wikipedia/de/6/67/MS -IE_2.gif
http://www.crusoemedia.com/files/node_images/webdesign-fanseite_0.jpg
http://www.nsf.gov/od/lpa/news/03/images/mosaic.6beta.jpg
http://upload.wikimedia.org/wikipedia/commons/8/86/CSS.svg
http://blog.toggle.com/wp-content/uploads/2013/03/adobe-shockwave-
player-20111114-114141.jpeg
http://www.torrentnara.kr/files/attach/speed2/2012122510103725.jpg
QUELLEN