DATENFORMATE IM INTERNET Steffen Petermann Projekt reisefieber:// BILDFORMATE JPG / GIF / PNG / SVG MULTIMEDIA FLASH / SHOCKWAVE TEXT-BASIERTE FORMATE HTMP / CSS / JS / CGI / PHP AUDIO & VIDEO MP3 / MOV / AIFF / WAV
<img src="beispiel.jpg"> *.JPG - Der Name JPEG stammt von der»joint Photographic Experts Group«, die den JPEG-Kompressionsalgorithmus entwickelt hat - JPEG ist weniger ein Grafikformat, als viel mehr ein Algorithmus zum komprimieren verschiedenster Grafikformate - kann Bilder im Echtfarbenmodus (16,7 Millionen Farben) speichern - Die Kompression ist nicht verlustfrei - eignet sich besonders zum Speichern von Graustufen- und Farbbilder aller Farbtiefen (vor allem Fotos) http://www.jpeg.org/index.html?langsel=de
<img src="beispiel.gif"> *.GIF -»Graphics Interchange Format«- entwickelt 1987 vom Internetanbieter Compuserve - kann maximal 256 Farben darstellen - Bildteile können als transparent definiert werden - nutzt eine Kompression (pixelorientiert & horizontal) - animierbar http://www.w3.org/graphics/gif/spec-gif89a.txt
<img src="beispiel.png"> *.PNG -»Portable Network Graphic«- verlustfrei wie das GIF-Format - unterstützt 16,7 Mio. Farben und Transparenz - Browserunterstützung kann problematisch sein http://www.libpng.org/pub/png/ JPG GIF PNG
<object data="beispiel.svg" type="image/svg+xml" width="200" height="200"> *.SVG -»Scalable Vector Graphics (SVG)«- SVG ist eine XML-basierte Sprache - für Suchmaschinen nach Textinhalten durchsuchbar - SVG 1.1 ist offizieller Web-Standard (W3C) - plattformübergreifend, offen dokumentiert und frei verwendbar - geegnet für Webgrafiken / Animation / Benutzeroberflächen usw. - benötigen sehr wenig Speicherplatz - SVG-Grafiken lassen sich dynamisch erzeugen - volle Zoom- und Schwenkfähigkeit - vermutlich die derzeit spannendste Entwicklung im Bereich Grafik http://www.adobe.com/svg/main.html.fil11 {fill:#1f1a17}.fil10 {fill:#383431}.fil9 {fill:#605d5c}.fil8 {fill:#838281}.fil7 {fill:#969594}.fil5 {fill:#aaa9a9}.fil3 {fill:#b7673c}.fil4 {fill:#c2c1c1}.fil2 {fill:#dededd}.fil1 {fill:#ffffff}.fil0 {fill:#111515}.fil6 {fill:#c47133}
FLASH & SHOCKWAVE FLASH - entspricht nicht den offenen Internet-Standards - hinter Flash steht ein kommerzielles Software-Produkt (Macromedia) - Plugin benötigt (Flash-Player) - basiert auf bewegter Vektorgrafik - Flash bietet auch web-spezifische Schnittstellen an - Flash hat zusätzlich eine integrierte Programmiersprache (Actionscript) SHOCKWAVE - auch Shockwave hat zusätzlich eine integrierte Programmiersprache (Lingo) - streaming-fähig (dynamisches nachladen) - für interaktive Inhalte, Spiele, 3D-Anwendungen etc. http://www.macromedia.com/software/flash/flashpro/ http://www.macromedia.com/software/director/
CGI -»Common Gateway Interface«- Serverseitige Scriptsprache - kann nur auf Servern aufgerufen werden, die CGI unterstützen - CGI ist ein kommerziell unabhängiger, kostenloser und produktübergreifender Standard - generiert HTML-Code und sendet ihn an den Browser - wird von HTML-Dateien aus aufgerufen - CGI-Programme / Scripte können Daten auf dem Server speichern und Datenbanken abrufen http://hoohoo.ncsa.uiuc.edu/cgi/interface.html http://www.w3.org/cgi/
PHP -»PHP: Hypertext Preprocessor«- PHP wurde 1995 von Rasmus Lerdorf entwickelt - PHP ist eine serverseitige Sprache - kann direkt in HTML eingebettet werden - Die Vorteile der serverseitigen Ausführung sind, dass beim Client keine speziellen Fähigkeiten erforderlich sind oder Inkompatibilitäten auftreten können - Seit Version 4 wird PHP unter der PHP License vertrieben, die die freie Verwendung und Veränderung der Quelltexte erlaubt - bietet Unterstützung für eine breite Masse von Datenbanken <html> <head> <title>beispiel</title> </head> <body> <?php echo "Hallo, ich bin ein PHP-Skript!";?> </body> </html> http://www.php.net/manual/de/ http://tut.php-q.net/
AUDIO & VIDEO - MP3 - AIFF - MOV - WAV http://www.iis.fraunhofer.de/amm/techinf/layer3/ http://www.tsp.ece.mcgill.ca/mmsp/documents/audioformats/aiff/aiff.html http://www.apple.com/de/quicktime/ http://www.kgw.tu-berlin.de/kw/studio/protools/audio-formate/wav/index.html
»Danke!«