Rheinwerk Design < openbook > Rheinwerk Design - Know-how für Kreative.
Know-how für Kreative

Inhaltsverzeichnis
1 Einleitung
2 Projektablauf für die Buchwebsite
3 Programmgrundlagen
4 Dreamweaver erweitern
5 Eine Site erstellen
6 Grundlegende Dokumenteinstellungen
7 Tabellen in Dreamweaver
8 Bilder im Web
9 Framesets
10 Aktionen
11 Die Zeitleiste
12 CSS in Dreamweaver
13 Ebenen
14 Hyperlinks
15 Vorlagen und Bibliotheken
16 Formulare
17 Quelltext de Luxe
18 Dreamweaver und Flash
19 Office-Daten einfügen
20 Dynamische Websites – eine Einführung
21 Einführung in PHP
22 Lokalen Webserver installieren
23 Dynamische Sites in Dreamweaver einrichten
24 MySQL-Grundlagen
25 Datenbanken mit Dreamweaver anbinden
26 PHP und Dreamweaver
27 Datenbanken abfragen
28 Daten einfügen und dynamische Formulare
29 Datensätze bearbeiten
30 Benutzer authentifizieren und Zugriffsrechte festlegen
31 Fortgeschrittene Techniken
32 Dreamweaver 8 und XML
33 Menüs für dynamische Verhalten
Stichwort
Ihre Meinung?

Spacer
 <<   zurück
Dreamweaver 8 von Richard Beer, Susann Gailus
Webseiten entwickeln mit HTML, CSS, XML, PHP und MySQL
Buch: Dreamweaver 8

Dreamweaver 8
mit CD
639 S., 39,90 Euro
Rheinwerk Design
ISBN 978-3-89842-739-5
gp 8 Bilder im Web
  gp 8.1 Bildformate bestimmen
    gp 8.1.1 JPEG
    gp 8.1.2 GIF
    gp 8.1.3 PNG
    gp 8.1.4 Flash
  gp 8.2 Bilder einfügen und bearbeiten
    gp 8.2.1 Das Bedienfeld Elemente
    gp 8.2.2 Bilder in Dreamweaver bearbeiten
    gp 8.2.3 Bilder von Text umfließen lassen
    gp 8.2.4 Image-Maps und Hotspots
    gp 8.2.5 Platzhalterbilder

8 Bilder im Web

Ohne Grafiken wären Websites oft langweilig. Wir zeigen Ihnen, wie Sie mit Bildelementen arbeiten und diese Arbeitsschritte schneller und exakter erledigen können.

Über Grafiken und Bildformate für das Internet wurde reichlich geschrieben, sodass wir an dieser Stelle nicht vertiefen wollen. Wir zeigen Ihnen in erster Linie, wie Sie mit Grafiken effektiv und schnell arbeiten können. Wir beginnen jedoch mit einer kurzen Zusammenfassung der Grafikformate.


Rheinwerk Computing

8.1 Bildformate bestimmen  downtop

Grundsätzlich dienen alle der folgenden Formate der Komprimierung von Bilddaten. Wie dies geschieht, ist allerdings stark unterschiedlich.


Rheinwerk Computing

8.1.1 JPEG  downtop

Dieses Grafikformat weist die Dateiendungen .jpg, .jpeg und manchmal auch .JPG auf. Ausgeschrieben heißt es Joint Photographic Experts Group. Mittlerweile findet diese Komprimierungsmethode auch für Videos Anwendung und heißt dort MPEG.

Für Fotografien | JPGs können gleichzeitig 16,7 Millionen Farben darstellen und eignen sich daher bestens für Fotografien etc. Beim Speichern von JPGs müssen Sie einen Komprimierungsfaktor einstellen. Dieser reicht von einer Darstellungsqualität von 0 bis zu 100 Prozent.

Eine Faustformel für den richtigen Wert gibt es nicht. Am besten ist der, der eine möglichst kleine Dateigröße bei noch vertretbarer optischer Qualität abliefert. Es muss also ein Kompromiss zwischen Dateigröße und Darstellungsqualität gefunden werden.

Das JPG-Format ist nicht geeignet um Grafiken mit hohen Kontrasten, wie zum Beispiel einen Schriftzug oder ein Logo, abzuspeichern. Durch das Zusammenfassen von ähnlichen Farben entstehen so unschöne Effekte wie in Abbildung 8.1 zu sehen ist.

Abbildung 8.1 Schlecht optimiertes JPG


Rheinwerk Computing

8.1.2 GIF  downtop

GIF ist die Abkürzung für Graphics Interchange Format. Dieses ehemals von CompuServe entwickelte Format komprimiert verlustfrei, kann allerdings nur 256 Farben aus einer Palette von 16,7 Millionen Farben gleichzeitig darstellen.

Für Logos und Schriftzüge | GIFs eignen sich bestens für Grafiken, Menüs, Schriftzüge und Logos. Weniger gut eignen sie sich für Fotos aller Art, da diese meist mehr Farben als 256 enthalten.

GIFs bieten einige sehr nützliche Eigenschaften. Es können damit Transparenzen dargestellt werden, für unsere Layouts mit den transparenten GIFs unabdingbar. Wahrscheinlich ist das transparente GIF die weltweit am häufigsten eingesetzte Grafik. Mit GIFs können zudem kleine Animationen erstellt werden.


Eye-Catcher mit animierten GIFs
Es muss nicht immer Flash oder Java sein. Sie können kleinere Eye-Catcher, animierte Schaltflächen oder einfache Werbebanner ohne Probleme auch mit animierten GIFs erstellen. Dabei kann der User ruhig alle Plugins und Java-Applets deaktivieren. Er kommt trotzdem in den Genuss Ihrer Animation. Etwas Acht geben müssen Sie in diesem Fall jedoch auf die Dateigrößen.

Nicht lizenzfrei | Ein Nachteil dieses Formats sollte jedoch nicht verschwiegen werden. Bei GIF handelt es sich um ein nicht lizenzfreies Format. Wenn ein Software-Entwickler dieses Format unterstützen möchte, werden Lizenzgebühren fällig. Sie als Anwender interessiert das weniger, den Softwarehersteller schon. Das ist der Grund, warum GIF in vielen, durchaus guten Shareware-Programmen zur Bildbearbeitung nicht unterstützt wird.


Rheinwerk Computing

8.1.3 PNG  downtop

PNG ist die Abkürzung für Portable Network Graphic, gesprochen »Ping«. Dieses Format vereint die Vorteile von JPG und von GIF. Jetzt fragt man sich, warum dieses Format so selten eingesetzt wird? Als Begründung muss oft die angeblich mangelnde Browserunterstützung herhalten. Tatsächlich jedoch unterstützen beide großen Browserhersteller dieses Format seit den Versionen 4.0, wenn auch mit zwischenzeitlichen Ausfällen bei manchen halbgaren Zwischenversionen. PNG wird mittlerweile von allen relevanten Grafikprogrammen unterstützt, und selbst mit PHP ist es möglich, PNGs dynamisch zu generieren.

Der Grund für die seltene Anwendung liegt wohl eher darin, dass PNG nicht nur die Vorteile beider Formate unterstützt, sondern auch die Dateigrößen nahezu addiert. PNGs sind oft mindestens doppelt so groß wie ein vergleichbares JPG oder GIF. Damit fällt es leider in der Praxis unter den Tisch, zumindest für einen Großteil der Webgrafiken.


Rheinwerk Computing

8.1.4 Flash  toptop

Flash ist ein Vektorgrafik-Format. Laut Macromedia verfügen 98 Prozent aller Browser über dieses Plugin. Die Möglichkeiten dieses Formates sind tatsächlich phänomenal. Da dieses Buch kein Flash-Buch ist, verweisen wir auf andere gute Quellen zu diesem Thema bei Galileo Press. Im Kapitel zu Flash (Seite 293) werden wir noch einmal kurz auf dieses Format zu sprechen kommen.


Format Verwendung

JPG

  • 16,7 Millionen Farben gleichzeitig
  • keine Transparenz
  • keine Animation
  • geeignet für Fotos
  • kleine Dateien

GIF

  • nur 256 Farben aus 16,7 Millionen Farben
  • Transparenz möglich
  • Animation möglich
  • geeignet für Grafiken
  • kleine Dateien

PNG

  • 16,7 Millionen Farben gleichzeitig
  • Transparenz möglich
  • Animation möglich
  • geeignet für Grafiken und Fotos
  • große Dateien

Tabelle 8.1 Webtaugliche Grafikformate



Ihre Meinung

Wie hat Ihnen das Openbook gefallen? Wir freuen uns immer über Ihre Rückmeldung. Schreiben Sie uns gerne Ihr Feedback als E-Mail an kommunikation@rheinwerk-verlag.de.

 <<   zurück
  
  Zum Rheinwerk-Shop
Zum Rheinwerk-Shop: Adobe Dreamweaver CS3
Die Neuauflage:
Adobe Dreamweaver CS3
Jetzt bestellen


 Ihre Meinung?
Wie hat Ihnen das Openbook gefallen?
Ihre Meinung

 Buchtipps
Zum Rheinwerk-Shop: Adobe Dreamweaver CC






 Adobe
 Dreamweaver CC


Zum Rheinwerk-Shop: Adobe Dreamweaver CC Einstieg






 Adobe Dreamweaver
 CC Einstieg


Zum Rheinwerk-Shop: Responsive Webdesign






 Responsive Webdesign


Zum Rheinwerk-Shop: Suchmaschinen-Optimierung






 Suchmaschinen-
 Optimierung


Zum Rheinwerk-Shop: Schrödinger lernt HTML5, CSS3 und JavaScript






 Schrödinger lernt
 HTML5, CSS3
 und JavaScript


 Lieferung
Versandkostenfrei bestellen in Deutschland, Österreich und der Schweiz
InfoInfo




Copyright © Rheinwerk Verlag GmbH 2006
Für Ihren privaten Gebrauch dürfen Sie die Online-Version natürlich ausdrucken. Ansonsten unterliegt das Openbook denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt.
Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.


Nutzungsbestimmungen | Datenschutz | Impressum

Rheinwerk Verlag GmbH, Rheinwerkallee 4, 53227 Bonn, Tel.: 0228.42150.0, Fax 0228.42150.77, service@rheinwerk-verlag.de

Cookie-Einstellungen ändern