Inhalt dieser Seite: Grafik einfügen | Größe | Art | Größe ändern| weiter mit
Einfügen von Grafiken
Um Ihre Webseite ansprechender zu gestalten, sollten Sie auch Grafiken einfügen. Für Grafiken gibt es eine Vielzahl von Verwendungsmöglichkeiten. Auf manchen Webseiten (Fotoalbum,...) sind Grafiken und Bilder der eigentliche Inhalt. Andererseits können Grafiken auch als Teil der Navigation, des Layouts oder als Hintergrundbild eingesetzt werden.
Grundsätzlich stellen Sie zuerst die Einfügemarke (Cursor) an die
Stelle, an der die Grafik eingefügt werden
soll.
 |
Klicken Sie auf "Grafik einfügen" (kleines Symbol hier links) und gehen
Sie im daraufhin erscheinenden Fenster auf "Datei
wählen". Dann wählen Sie die Grafik,
die Sie an dieser Stelle einfügen möchten,
aus. Klicken Sie auf OK.
|
Auswahlmöglichkeiten im Fenster Bild einfügen:
|
Aus Datei
|
An dieser Stelle muss der Speicherort der Grafik
angegeben werden. Gehen Sie auf "Durchsuchen"
und suchen Sie auf Ihrem Computer die Grafik, die Sie
einfügen möchten.
Frontpage kopiert die Grafik-Datei nicht automatisch in
das gleiche Verzeichnis wie die HTML-Datei. Daher sollten Sie bevor Sie die Grafik einfügen, diese in das Verzeichnis Ihrer Website kopieren.
|
Aus Adresse
|
Sie können auch eine Internetadresse angeben, von der das Bild gezeigt werden soll. Grundsätzlich ist diese Einstellung jedoch nicht zu empfehlen, da Sie über diese Grafik nicht verfügen können und sie vielleicht ohne Ihr Wissen verändert wird.
|
Nachdem Sie die Grafik eingefügt haben, können
Sie diese genauso wie Text rechts- oder linksbündig
ausrichten oder auch zentrieren.
Bildeigenschaften
Wenn Sie mit der rechten Maustaste auf die Grafik klicken und dann die Option Bildeigenschaften wählen, haben Sie noch weitere Möglichkeiten, wie z.B. Rahmen,... zu verändern.
Eine Einstellung, die Sie hier - wenn möglich - vornehmen sollten, ist die Folgende:
Alternative Darstellungsweisen:
Text
|
Geben Sie hier den Titel der Grafik oder eine kurze Beschreibung
ein. Dieser Ersatztext oder Alternativ-Text erscheint
noch bevor die Grafik im Browser angezeigt wird
oder an Stelle der Grafik. Siehe dazu mehr unter
Webdesign.
|
Größe der
Grafiken
Die Größe der Grafiken auf Ihrer Webseite
sollte nicht mehr als 20 oder max. 30 kB betragen.
Diese Größe können Sie feststellen, wenn Sie eine neue Grafik einfügen.
 |
Wählen Sie im erscheinenden Fenster Bild einfügen den Button "Durchsuchen"
und im erscheinenden Fenster
"Bild" den Button ganz rechts
oben.
|
Nun sehen Sie im diesem Fenster die einzelnen Dateien mit Ihrer Größe
und auch die Art der Datei (z.B. JPG-Dateien,
GIF-Dateien).
Ist die Gafik-Datei größer als 30 kB,
sollten Sie überlegen, die Grafik noch kleiner
zu machen (siehe Vergrößern
und Verkleinern) oder auf einer eigene Seite darzustellen
und die BesucherInnen Ihrer Webseite darauf hinzuweisen,
dass die Ladezeit durch die Bildgröße auf der nächsten
Webseite länger ist.
Art der Grafiken
Weiter oben wurde bereits von JPG- und GIF-Dateien
gesprochen. Diese beiden Formate sind die Standard-Formate,
die von allen Browsern und auch anderen Betriebssystemen (z.B.
Mac OS) gelesen und dargestellt werden können.
Wenn Sie keine JPG- oder GIF-Dateien auf Ihrem Computer haben,
können Sie entweder welche aus dem Internet herunterladen
(mit der rechten Maustaste auf eine Grafik klicken, "Grafik
speichern unter" wählen - Urheberrechte!)
oder z.B. BMP-Dateien (Bitmaps) aus eingescannten Bildern
oder aus dem Programm Paint in JPG- oder GIF-Formate umwandeln.
Tipp |
Wenn Sie wissen wollen, welche Formate Sie am
besten verwenden sollen, lesen Sie dies in der
Kategorie Webdesign - Grafik.
|
Ein sehr einfaches Programm für das Umwandeln von Grafik-Dateien
ist Microsoft Photo Editor, das meist standardmäßig
auf Windows-Computern installiert oder zumindest auf der Installations-CD-ROM
von Windows enthalten ist. Normalerweise ist das Programm
im folgenden Pfad zu finden:
C:\Programme\Gemeinsame Dateien\Microsoft Shared\PhotoEd\PHOTOED.EXE
Oder Sie gehen im Windows-Startmenü auf "Programme
- Zubehör - Microsoft Photo Editor".
Öffnen Sie die Grafik-Datei, die in eine
JPG- oder GIF-Datei umgewandelt werden soll, im Photo Editor.
Dann gehen Sie auf "Datei - Speichern unter..."
und geben den Speicherort und den Dateinamen an. Im Auswahlmenü
im unteren Bereich des Fensters wählen Sie das Format
JPG (JPEG File Interchange Format) für Fotos
und größere Grafiken mit vielen verschiedenen Farben
oder das Format GIF (Graphics Interchange Format)
für kleinere Grafiken mit wenigen Farben (z.B. Logos
oder Buttons).
Bei JPG-Grafiken können Sie auch noch den Komprimierungsgrad
einstellen. Dazu wählen Sie im gleichen Fenster (Speichern
unter) die Auswahl "Weitere >>" und
stellen auf der Leiste unten den JPEG Qualitätsfaktor
ein. Ein Komprimierungsgrad von etwa 60 % bringt eine
recht gute Qualität und für Fotos eine Größe,
die auch für Webseiten geeignet ist.
Diese Umwandlung können Sie ebenso in anderen Programmen,
auch kommerziellen wie z.B. Adobe
Photoshop oder ACDSee,
durchführen.
Vergrößern
und Verkleinern von Grafiken
Die Dateigröße von Grafiken können
Sie durch die Änderung von Grafikformaten und
den Komprimierungsgrad vergrößern oder verkleinern.
Die angezeigte Bildgröße auf der Webseite
sollten Sie nicht im HTML-Editor durch Drag&Drop
an den Ecken der Grafik verändern.
Um die Bildgröße zu verändern sollten
Sie ebenfalls ein Grafikprogramm wie z.B. Microsoft Photo
Editor wählen und dort die entsprechende Grafik öffnen.
Gehen Sie nun in der Menüleiste auf "Bild"
und wählen Sie die Funktion "Größe
ändern". Im nächsten Fenster stellen Sie
die Größe ein. "Verzerrungen"
sollten Sie nicht zu lassen. Beim Verkleinern von Grafiken
können Sie die Funktion "Glätten"
wählen, um die Qualität der verkleinerten Grafik
zu verbessern.
Dieses Programm bietet allerdings keine ausgezeichneten Ergebnisse.
Bessere Möglichkeiten bietet hier z.B. das Programm Photoshop
von Adobe.
Noch nicht genug gelernt? - Dann geht
es weiter...
|