| |
|
|
|
| Arbeiten mit Bildern
Tolle Effekte und schnelle Ladezeiten
|
|
| Das Hinzufügen von Bildern zu
einer NetObjects Fusion Site könnte nicht einfacher sein.
Verwenden Sie einfach das Bild-Werkzeug, um eine Grafikdatei auszuwählen und sie in Ihre Seite einzufügen. Der Trick besteht darin, die Grafik so zu erstellen, dass sie auf dem Bildschirm des Besuchers gut aussieht und das Herunterladen der Grafik nicht ewig dauert. Sie können auch vorgefertigte Bilder verwenden, die bereits für das Web optimiert wurden. Hier erfahren Sie, wie Sie vorgehen können, außerdem finden Sie Links zu einigen Bildergalerien, die Sie besuchen können. |
|
Verwenden von Standard-Bildern
|
|
Viele der Bilder, die Sie im Web sehen, sind Standard-Bilder, professionell erstellte Fotos, die Sie für die Verwendung in Ihrer Site kaufen können. Anbieter, die diese Bilder verkaufen, unterteilen diese normalerweise in Kategorien, wie z. B. Wirtschaft, Familie und junge Paare. Entweder scannen Sie die gewünschten Bilder aus dem Katalog, oder Sie kaufen bereits gescannte und Web-gerechte Bilder.
Standard-Bilder finden Sie bei Hunderten von Anbietern. In unserer Online-Bildergalerie können Sie kostenlose Bilder und animierte GIFs von Getty Images und StockObjects herunterladen.
Um ein persönlicheres oder
ungezwungeneres Aussehen zu erreichen, können Sie Abbildungen oder Zeichnungen verwenden. Eine große Anzahl von Unternehmen bieten diese praktisch zu jedem Thema und in jedem Design zum Kauf an. Details hierzu und die Adressen von Anbietern finden Sie in diesem eFuse-Artikel über ClipArt (in Englisch).
Kaufen Sie ClipArts für Zeichnungen und Abbildungen.
|
Standard-Bilder lassen Ihre Site nicht weniger kreativ wirken. Hunderte von Firmen bieten Tausende Auswahlmöglichkeiten, so dass es mehr als genug Bilder gibt.
|
Erstellen von Grafiktexten
|
| Um die volle Kontrolle über die angezeigten Schriftarten wichtiger Überschriften, Textschaltflächen und anderer auffallender Textstellen zu haben, stellen viele Web-Entwickler sie als Grafik dar. In NetObjects Fusion können Sie dies einfach in der Ansicht "Seite" tun.
Sie können zu jedem Bild oder jedem gezeichneten Objekt Text hinzufügen. Aktivieren Sie einfach über die Eigenschaften-Palette die Option "Text in Element", wählen Sie eine Schriftart und geben Sie den Text ein. Um den Text zu ändern, gehen Sie wieder zurück und geben einen anderen Text ein. Wenn Sie eine Vorschau Ihrer Site starten oder sie veröffentlichen, erstellt NetObjects Fusion eine GIF-Datei mit diesem Text. Da es sich um eine Grafik handelt, sehen die Site-Besucher, die von Ihnen gewählte Schriftart, unabhängig davon, ob sie auf Ihrem Computer installiert ist oder nicht. |
|
Über die Eigenschaften-Palette hinzugefügter Grafiktext
Wenn Sie nur den Text ohne das Bild möchten, verwenden Sie das Bild-Werkzeug, um die Bilddatei dot_clear.gif , die sich im Verzeichnis NetObjects System
befindet, in Ihre Seite einzufügen. Markieren Sie das Bild (es ist nur ein einzelnes helles Pixel), wählen Sie auf der Eigenschaften-Palette des Bildes "Dehnen" aus und stellen Sie die gewünschte Größe für Ihren Text ein. Fügen Sie den Text dann über die Eigenschaften-Palette wie in jedes andere Bild ein. Das Herunterladen von Grafiken dauert länger als das Herunterladen von normalem Text, verwenden Sie Grafiktext daher sparsam und nur für Überschriften und kurze Sätze.
In NetObjects Fusion erstellte Grafiküberschrift
Je nachdem davon, welche Schriftart Sie verwenden und besonders wenn Sie Grafiktext auf einen farbigen Hintergrund platzieren, fällt Ihnen möglicherweise während der Vorschau oder nach der Veröffentlichung Ihrer Site auf, dass Ihr Text ausgefranste Kanten hat. Dann benötigt er richtiges Anti-Aliasing. Weitere Informationen hierzu finden Sie weiter unten. |
Das Beschriften von Bildern ist einfach. Weitere Informationen hierzu finden Sie in der Dokumentation über das Hinzufügen von Text zu Bildern .
|
Verwenden eines Bildbearbeitungsprogramms
|
| Um eigene Bilder zu erstellen, z. B. aus von Ihnen gescannten Bildern, müssen Sie ein Bildbearbeitungsprogramm verwenden. Sie können damit auch ein Standard-Bild bearbeiten, z. B. wenn Sie die Farben verändern oder nur einen bestimmten Ausschnitt daraus verwenden möchten. Wenn Sie Grafiken erstellen, müssen Sie einige Entscheidungen in Bezug auf das Dateiformat, die Auflösung und die Anzahl der verwendeten Farben treffen. Folgendes sollten Sie für das Web beachten:
Speichern Sie Dateien als GIFs oder JPGs
In Grafikprogrammen können Sie Bilder in jedem der vielen verschiedenen Dateiformate speichern. Wenn Sie Bilder für das Web erstellen, haben Sie jedoch nur wenige Möglichkeiten:
- Speichern Sie Fotos im JPG-Format, das mit vielen Farben und Farbverläufen umgehen kann.
- Speichern Sie "flachere" Bilder mit weniger
Farben, wie z. B. Präsentationsgrafiken,
Schaubilder, Diagramme oder Grafiktexte als GIFs. Verwenden
Sie GIFs auch für Bilder mit transparentem Hintergrund.
In einem privaten Intranet, in dem alle Benutzer Browser der Version 4.0 oder höher verwenden, können Sie das neue PNG-Dateiformat ausprobieren, das die besten Funktionen der JPGs und GIFs in sich vereint. Mit PNG können Sie z. B. einen transparenten Hintergrund für ein Foto verwenden. Beachten Sie jedoch bitte, dass ältere Browser PNG-Grafiken nicht anzeigen können. Verwenden Sie diese daher nicht auf öffentlichen Seiten, denn ein großer Teil Ihrer Besucher wird diese Grafiken nicht sehen können.
Verwenden Sie 256 Farben
In Bildbearbeitungsprogrammen können Sie wählen, wie viele Bit pro Pixel Sie für das zu erstellende Bild verwenden möchten, z. B. 8 Bit, 16 Bit oder 24 Bit. Je höher die Auflösung, desto mehr Feindetails können exakt dargestellt werden. Mehr Farben führen jedoch auch zu größeren Dateien, die langsamer geladen werden. Wenn Grafikkarten verwendet werden, die nicht so viele Farben unterstützen, sieht Ihr Bild dann nicht sehr gut aus. Sicherheitshalber sollten Sie die meisten Grafiken mit 256 Farben oder 8 Bit pro Pixel speichern. Ausnahmen bilden hierbei JPG-Fotos, die Sie mit 24 Bits pro Pixel speichern sollten, da sie sonst gerastert aussehen.
|
|
|
Speichern Sie Dateien mit 72 dpi
(Dots Per Inch/Punkte Pro Zoll)
In Bildbearbeitungsprogrammen können Sie auch auswählen, welche Auflösung Sie verwenden möchten, d.
h. Sie können die Anzahl der Punkte pro Zoll
bestimmen. Hochauflösende Bilder sehen besser aus. Die Dateien
sind jedoch größer und werden daher langsamer geladen. Um Ihre
Seiten schnell zu laden, speichern Sie Bilder mit 72 (dpi).
Die daraus entstehenden Grafikdateien sollten lediglich einige
KB (Kilobytes) umfassen. Fotos sollten etwa eine Größe von 22
bis 60 KB haben.
Anti-Aliasing-Transparentbilder und Grafiktexte
Mit Hilfe der Anti-Aliasing-Funktion Ihres Bildbearbeitungsprogramms können Sie die Kanten eines Bildes, das nicht rechteckig ist, oder einen Grafiktext glätten und so gestalten, dass sie auch auf einem farbigen Hintergrund gut aussehen. (Diese Einstellung können Sie in NetObjects Fusion über die Eigenschaften-Palette des Bildes durchführen.)
|
Wenn Sie Ihre eigenen Bilder einscannen, sollten Sie diesen eFuse-Artikel über Fotos (in Englisch) lesen.
|
Anti-Aliasing aus
|
Anti-Aliasing an
|
Dies sind nur die Grundlagen für das Erstellen Ihrer eigenen Bilder. Weitere Informationen hierzu finden Sie in diesem eFuse-Artikel über Web-Grafiken (in Englisch). |
Sie können Bildern in der Ansicht "Seite" einen unsichtbaren Hintergrund geben. Weitere Informationen hierzu finden Sie in der Dokumentation über das Erstellen transparenter GIFs.
|
Möchten Sie Ihrer Site etwas aufpeppen? Lassen Sie uns nachsehen, wie Sie Bilder und Texte lebendiger aussehen lassen können.
Weiter: Hinzufügen von Bewegungen und visuellen Effekten
|
|
|
 |
 |
 |
 |
|
