make it sound! - thomas weibel...navigator» der erste grosse browser. der navigator basiert auf...
TRANSCRIPT
![Page 2: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/2.jpg)
Bio
bis 1992 Universität Bern: Germanistik, Anglistik, lic. phil./MA
bis 1993 «Thuner Tagblatt»: Redaktor, Produzent
bis 1996 «Der Bund»: Redaktor, Ressortleiter, Nachrichtenchef
bis 2010 Schweizer Radio DRS 2: Programmreferent, Stabschef
seit 2011 freier Journalist, Multimediaproduzent
seit 2011 Dozent für Multimedia Production an der HTW
![Page 3: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/3.jpg)
Inhalt
1. Geschichte des Web
2. Funktionsweise des Web
3. Der Browser
4. Web 2.0, Web apps
5. Werkzeuge, CMS
6. Geld verdienen im Web
![Page 4: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/4.jpg)
Titel
Text
Stichwort 1
Stichwort 2
Stichwort 3
ergänzendes Hörstück Internetadresse, URL
![Page 5: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/5.jpg)
Geschichte
www.w3.org
![Page 6: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/6.jpg)
![Page 7: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/7.jpg)
Geschichte
Ca. 350 v. Chr: Griechische Astronomen, Mathematiker und Ingenieure bauen den sogenannten Mechanismus von Antikythera, den mutmasslich ersten astronomischen Analogrechner der Welt.
www.thomasweibel.ch/data/uploads/text/antikythera.pdf
![Page 8: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/8.jpg)
Geschichte
1946: Unter der Leitung von John Eckert und John Mauchly wird der Electronical Numerical Integrator and Computer (Eniac) entwickelt. «Eniac» ist der erste vollelektronische digitale Universalrechner (Konrad Zuses Z3 verwendete 1941 noch Relais, war also nicht vollelektronisch).
www.blogisch.ch/computer
![Page 9: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/9.jpg)
Information Management: A Proposal
Tim Berners-Lee, CERN
March 1989, May 1990
This proposal concerns the management of general information about accelerators and experiments at CERN. It discusses the problems of loss of information about complex evolving systems and derives a solution based on a distributed hypertext system.
This
document"Hypertext"
Linked
information
Hypermedia
CERNDOC
ENQUIRE
Tim
Berners-Lee
section
g roup
C.E.R.N
wrote
divis ion
Hierarc hical
sys tems
for example
for example
describes
includes
for example
A
Propos al
"Mesh"
Hyper
Card uucp
News
IBM
GroupT alk
VAX/
NOT ES
Computer
conferenc ing
describes
includes
includes
Comms
ACM
describes
refers
to
describes
etc
g roup
unifies
www.w3.org/History/1989/proposal.html
![Page 10: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/10.jpg)
Geschichte
März 1989: Der britische Informatiker Tim Berners-Lee unterbreitet seinen Kollegen am Kernforschungszentrum Cern in Genf den Vorschlag für ein Informations-Management-System auf Basis einer Hypertext-Sprache.
www.blogisch.ch/world-wide-web
![Page 11: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/11.jpg)
Geschichte
1990: Berners-Lee bekommt den Kauf eines NeXT Cube Rechners genehmigt und nutzt diesen als ersten Webserver. Auf ihm veröffentlicht er unter der Adresse http://info.cern.ch die erste Website der Welt.
www.blogisch.ch/http
![Page 12: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/12.jpg)
Geschichte
1990: Zur Interpretation von Berners-Lees neuer Hypertext-Sprache ist ein Web-Browser nötig, den der Brite «World Wide Web» tauft. Später wird daraus der Name des gesamten Projekts.
www.blogisch.ch/browser
![Page 13: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/13.jpg)
Geschichte
November 1992: Unter dem Namen «Hypertext Markup Language» (HTML) standardisiert Berners-Lee die Formatierungs-Sprache für das World Wide Web. Die Urversion kann lediglich Schrift und Links anzeigen.
www.blogisch.ch/html
![Page 14: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/14.jpg)
Geschichte
Dezember 1994: Ende 1994 erscheint mit dem «Netscape Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne dass man diese extra laden musste.
![Page 15: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/15.jpg)
Geschichte
März 1995: Der von David Filo und Jerry Yang gegründete Web-Katalog Yahoo erblickt das Licht der Welt. Jahrelang ist Yahoo der Inbegriff des Internet und begründet eine ganze Gattung von Webseiten: die Portale.
![Page 16: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/16.jpg)
Geschichte
Juli 1995: Der von Jeff Bezos gegründete Web-Buchhändler Amazon geht online. Heute macht das Unternehmen rund 50 Milliarden US-Dollar Umsatz im Jahr.
![Page 17: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/17.jpg)
Geschichte
Januar 1997: Der Milliardär Brewster Kahle hebt archive.org aus der Taufe, einen Dienst, der periodisch das gesamte sichtbare Web archivieren und über seine «wayback machine» der Öffentlichkeit zugänglich machen soll.
drs.srf.ch/www/de/drs2/sendungen/drs2aktuell/2643.bt10041250.html
![Page 18: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/18.jpg)
Geschichte
September 1998: Aus der Frage heraus, wie Sammler am Besten die Objekte ihrer Begierde tauschen können, entwickelt Pierre Omidyar in San José das Auktionshaus eBay. Die kleine Tauschbörse entwickelt sich schnell zum grössten Marktplatz der Welt und macht heute rund zwölf Millarden US-Dollar Umsatz im Jahr.
![Page 19: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/19.jpg)
Geschichte
September 1998: Mit einem Startkapital von umgerechnet 810.000 Euro gründen Larry Page und Sergei Brin eine kleine Suchmaschinen-Firma, die sich zur grössten Internet-Firma der Welt aufschwingen wird. Inzwischen ist Google mit 67 Prozent aller Suchanfragen Marktführer unter den Internet-Suchmaschinen und die Nummer Eins im Online-Werbegeschäft.
www.blogisch.ch/google
![Page 20: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/20.jpg)
Geschichte
1999: Die Digital Subscriber Line (DSL) ermöglicht nicht nur bis dahin unbekannte Geschwindigkeiten beim Internet-Surfen, sondern sorgt mit Flatrates für einen Preisrutsch bei Verbindungskosten.
![Page 21: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/21.jpg)
Geschichte
1999: «Second Life» wird von Linden Lab in San Francisco entwickelt. Das erklärte Ziel von Linden Lab ist es, eine von den Usern gesteuerte Parallelwelt zu schaffen, in der Menschen interagieren, spielen, Handel treiben und untereinander kommunizieren können.
www.blogisch.ch/second-life
![Page 22: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/22.jpg)
Geschichte
2003: Mark Zuckerberg entwickelt die Website facemash.com, den Vorgänger von Facebook, während seines Psychologie- und Informatikstudiums an der Harvard University. Sie stellt ein Bewertungssystem für das Aussehen der Studentinnen auf dem Campus dar. Facebook in seiner heutigen Form besteht seit Frühling 2004.
![Page 23: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/23.jpg)
Geschichte
2004: «World of Warcraft» hebt die Randerscheinung der Online-Games (MMORPG) in den Massenmarkt. Heute hat das Spiel rund 8 Millionen Abonnenten und befeuert einen ganzen Industriezweig.
www.blogisch.ch/world-of-warcraft
![Page 24: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/24.jpg)
Geschichte
2007: Apples iPhone zeigt erstmals, dass Surfen auch auf Handys möglich ist. Die Konkurrenz zieht nach, und das mobile Internet gewinnt an Popularität.
www.blogisch.ch/iphone
![Page 25: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/25.jpg)
www.google.com
![Page 26: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/26.jpg)
www.apple.com
![Page 27: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/27.jpg)
www.youtube.com
![Page 28: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/28.jpg)
www.nzz.ch
![Page 29: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/29.jpg)
www.archive.org
![Page 30: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/30.jpg)
www.archive.org
![Page 31: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/31.jpg)
www.blogisch.ch
![Page 32: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/32.jpg)
Web
![Page 33: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/33.jpg)
![Page 34: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/34.jpg)
Web
multimedial
Mensch–Maschine
Mensch–Mensch
multimedial (statische/dynamische Medien)
multicodal (mehrere Symbolsysteme)
multimodal (mehrere Sinnesorgane)
multifuktional (I/O mit komm. Mehrwert)
interaktiv { Lang, Norbert: Multimedia. In: Faulstich, Werner (Hrsg.): Grundwissen Medien, Paderborn 2004
![Page 35: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/35.jpg)
Web
Web 1.0 > Zähler >
Gästebücher > Formulare > Chat >
Web 2.0 > Social Media
www.blogisch.ch/social-media
![Page 36: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/36.jpg)
![Page 37: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/37.jpg)
www.w3.org/History/1989/proposal.html
![Page 38: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/38.jpg)
Web
http Hypertext transfer protocol
https Hypertext transfer protocol secure
smtp Simple mail transfer protocol
pop3 Post office protocol
ftp File transfer protocol
![Page 39: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/39.jpg)
Browser
![Page 40: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/40.jpg)
Browser
1. Google Chrome 52,9%
2. Mozilla Firefox 28,2%
3. Microsoft Internet Explorer 11,8%
4. Apple Safari 3,9%
5. Opera 1,8% (Stand: 8/2013)
www.w3schools.com/browsers/browsers_stats.asp
![Page 41: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/41.jpg)
![Page 42: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/42.jpg)
Browser
HTML (-5), CSS (-3)
Javascript, Flash, Java
PHP (-5), ASP
HTTP, HTTPS, FTP, FTPS
JP(E)G, GIF, PNG, SVG
ASCII, ANSI, ISO-8859-1, UTF-8
![Page 43: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/43.jpg)
Lieblingswebsites
![Page 44: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/44.jpg)
www.guimp.com
![Page 45: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/45.jpg)
www.the5k.org
![Page 46: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/46.jpg)
www.the5k.org
2000: Der Internet-Visionär und Philosoph Stewart Butterfield und sein Freund Eric Costello schreiben einen Wettbewerb aus. Ziel: Webseiten zu programmieren, die nicht mehr als 5kb an Daten umfassen dürfen.
www.blogisch.ch/stewart-butterfield
![Page 47: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/47.jpg)
www.the5k.org
2002: «Nur 5120 Byte stehen den Teilnehmern des Wettbewerbs the5k zur Verfügung, um eine Webseite zu gestalten – inklusive sämtlicher Elemente, also auch aller Bilder. Auf der Homepage des Wettbewerbs stehen die Beiträge der Teilnehmer zur Ansicht bereit. Otto Normalsurfer kann sich auf the5k.org die Mittagspause verkürzen, Web-Designer finden auf der Site eine Unmenge an Anregungen.»
www.heise.de/ct/artikel/Websites-aktuell-288464.html
![Page 48: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/48.jpg)
www.the5k.org
![Page 49: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/49.jpg)
alexbarber.com/5k-contest-the-webs-smallest-art-museum
![Page 50: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/50.jpg)
p4wn.sourceforge.net/5k
![Page 51: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/51.jpg)
www.thomasweibel.ch/chrono
![Page 52: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/52.jpg)
www.gameneverending.com
![Page 53: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/53.jpg)
www.flickr.com
![Page 54: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/54.jpg)
www.flickr.com
![Page 55: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/55.jpg)
www.glitch.com
![Page 56: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/56.jpg)
www.slack.com
![Page 57: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/57.jpg)
10k.aneventapart.com
![Page 58: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/58.jpg)
www.thomasweibel.ch/sudoku
![Page 59: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/59.jpg)
Typologie
Website
Blog (Eventblog, Liveblog)
Webdienst (Social Media, Web app)
Forum
Web-Katalog
![Page 60: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/60.jpg)
HTML 5
HTML 5 { HTML 5 (Hypertext Markup Language)
Javascript
CSS 3 (Cascading Stylesheets)
Flash
![Page 61: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/61.jpg)
www.thomasweibel.ch/freecell
![Page 62: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/62.jpg)
<!DOCTYPE html> <html> <head><title>Freecell</title> <link rel="stylesheet" type="text/css" href="freecell.css"> <script language="javascript" type="text/javascript" src="freecell.js"> </script> </head> <body onload="preload()"> <div id="output"></div> </body> </html>
![Page 63: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/63.jpg)
Tags
<p>Dies ist ein Text.</p>
<strong>Dies ist ein fetter Text.</strong>
<img src="/bilder/bild.jpg" />
<a href=«http://www.zieladresse.com">Website</a>
![Page 64: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/64.jpg)
<!DOCTYPE html>
![Page 65: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/65.jpg)
<!DOCTYPE html> <html> </html>
![Page 66: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/66.jpg)
<!DOCTYPE html> <html> <head> <title>Titel</title> </head> </html>
![Page 67: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/67.jpg)
<!DOCTYPE html> <html> <head> <title>Titel</title> </head> <body> <p>Text</p> </body> </html>
![Page 68: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/68.jpg)
<!DOCTYPE html> <html> <head> <title>Titel</title> </head> <body> <img src="bild.jpg" /> </body> </html>
![Page 69: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/69.jpg)
www.thomasweibel.ch/html/html5.html
![Page 70: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/70.jpg)
<!DOCTYPE html> <html> <head> <title>Titel</title> </head> <body> <img src="bild.jpg" /> </body> </html>
![Page 71: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/71.jpg)
<!DOCTYPE html> <html> <head> <style type="text/css"> .start { position:absolute; top:250px; left:250px; } .stop { position:absolute; top:375px; left:500px; -moz-transition:all 6s linear; -webkit-transition:all 6s linear; } </style> </head> <body> <img src= "bild.jpg" class="start" id="ball" onclick="bewegen()" /> <script type="text/javascript"> function bewegen() { document.getElementById("ball").className="stop"; } </script> </body> </html>
![Page 72: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/72.jpg)
www.thomasweibel.ch/freecell
![Page 73: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/73.jpg)
de.selfhtml.org
![Page 74: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/74.jpg)
forum.de.selfhtml.org
![Page 75: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/75.jpg)
www.w3schools.com
![Page 76: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/76.jpg)
www.thomasweibel.ch/freecell
![Page 77: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/77.jpg)
www.thomasweibel.ch/freecell/index.html
![Page 78: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/78.jpg)
www.thomasweibel.ch/freecell/freecell.css
![Page 79: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/79.jpg)
www.thomasweibel.ch/freecell/freecell.js
![Page 80: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/80.jpg)
Werkzeuge
Editor (Windows Notepad, OS X TextEdit)
Browser (Microsoft Internet Explorer, Apple Safari)
![Page 81: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/81.jpg)
Werkzeuge
Editor (Gedit)
Browser (Firefox)
Bildbearbeitung (Gimp)
FTP-Client (Filezilla)
![Page 82: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/82.jpg)
projects.gnome.org/gedit
![Page 83: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/83.jpg)
www.mozilla.org/de/firefox/new
![Page 84: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/84.jpg)
www.chip.de/downloads/GIMP_12992070.html
![Page 85: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/85.jpg)
www.filezilla-project.org
![Page 86: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/86.jpg)
www.adobe.com/ch_de/products/dreamweaver.html
![Page 87: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/87.jpg)
www.google.com/webdesigner
![Page 88: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/88.jpg)
Content-Management-Systeme
Magnolia, Typo 3
Joomla, Drupal
Wordpress
(GetSimple)
www.wordpress.com, www.wpde.org/download
Webdienst (meineseite.wordpress.com)
Self-hosted (www.meineseite.ch) {
![Page 89: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/89.jpg)
www.blogisch.ch
![Page 90: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/90.jpg)
www.blogisch.ch/admin
![Page 91: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/91.jpg)
www.w3.org/History/1989/proposal.html
![Page 92: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/92.jpg)
Content-Management-Systeme
CMS
• Themes
• Plugins
www.wordpress.com, www.wpde.org/download
![Page 93: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/93.jpg)
Content-Management-Systeme
HTML 5
CSS 3
Javascript
PHP 5.5 (Hypertext Preprocessor)
www.wordpress.com, www.wpde.org/download
![Page 94: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/94.jpg)
Geld verdienen im Web
Google, Umsatz 2012: 50,2 Mrd. Dollar
Google, Gewinn 2012: 10,74 Mrd. Dollar
Google, Bilanzsumme 2012: 93,8 Mrd. Dollar
• Google AdSense
• Google AdWords
![Page 95: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/95.jpg)
support.google.com/adsense
![Page 96: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/96.jpg)
Geld verdienen im Web
CPC (Cost per click)
CPM (Cost per mille/Tausendkontaktpreis)
RPM (Revenue per mille/Tausendkontaktertrag)
CTR (Click-through rate/Klickrate)
![Page 97: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/97.jpg)
www.mah-jongg.ch
![Page 98: Make it sound! - Thomas Weibel...Navigator» der erste grosse Browser. Der Navigator basiert auf «Mosaic», dem ersten Webbrowser, der Grafiken auf einer Seite anzeigte konnte, ohne](https://reader033.vdocuments.site/reader033/viewer/2022050202/5f560ab3c6167446fe046fdf/html5/thumbnails/98.jpg)
www.google.com/adsense
www.google.com/analytics