Internetseiten mit KompoZer - Grundlagen

Bildeigenschaften anpassen

Experten-Eule

Ziele

Bildgröße verändern

Betrachte das erste Bild auf deiner Seite. Hat es eine sinnvolle Größe? Klicke das Bild an.
Ein Kasten umgibt das Bild. Der Kasten hat 8 Handles (auch Anfasser genannt): eines an jeder Ecke des Bildes und eines in der Mitte jeder Seite).

Ziehe an einem Anfasser, um die Größe des Bildes zu ändern. Wähle eine sinnvolle Größe. Das Ziehen an einem Ziehpunkt in der Mitte einer Seite ändert die Proportion des Bildes, was normalerweise nicht wünschenswert ist.

Screenshot: zu großes Bild
Tipp-Eule

Hinweis: Mit der hier beschriebenen Vorgehensweise änderst du nur die Darstellung des Bildes, nicht die Dateigröße. Mit anderen Worten. Stellst du das Bild deutlich größer als das Original dar, wird es "verpixelt". Stellst du das Bild kleiner als das Original dar, verringert sich die Dateigröße und damit der benötigte Speicherplatz oder die Downloadzeit nicht.

Eine präzisere Einstellung der Größe kann über das Grafik-Eigenschaften Fenster erzielt werden (→ Mausklick rechts → Grafik-Eigenschaften). Wähle dort das Registerblatt bzw. den Reiter "Größe". Nun ist eine genaue Angabe der Größe in Pixel möglich.

Screenshot: Einstellungen Bildgröße
  • Verkleinere das Bild vom Sonnensystem auf 750 Pixel x 260 Pixel
  • Verkleinere das Bild vom Mars auf 200 Pixel x 200 Pixel
  • Verkleinere das Bild vom Saturn auf 393 Pixel x 200 Pixel
Computer-Eule

Textfluss verändern

Bilder mitten in Absätzen sind normalerweise nicht üblich. Wähle wieder "Grafik- Eigenschaften", diesmal jedoch den Reiter "Erscheinungsbild". Dort kannst du Bilder entweder an den rechten oder linken Rand setzen und den Text herumfließen lassen.

Screenshot: Einstellungen Bilder ausrichten
  • Ändere den Textfluss um das Bild vom Mars so, dass der Text links um das Bild fließt.
    (Vielleicht muss du nach dem Inhalt zum Mars ein paar Leerzeilen (→ Enter) einfügen, damit die Überschrift "Saturn" wieder unter den Inhalten zum Mars ist.)
  • Das Bild vom Saturn soll auf der linken Seite sein und der dazugehörige Text rechts davon.
Computer-Eule

Hier noch ein Tipp

Tipp-Eule

Bilder können auch Verweisbeschreibungen sein, d.h. wenn man sie anklickt, wird ein Verweisziel angefordert. Dieses Verweisziel kannst du im Reiter "Link" angeben. Wie du das machst, wird im nächsten Praxisteil "Verweise und Verweisziele - Innerhalb eines Dokuments" beschrieben.


Deine Seite sonnensystem.html sollte jetzt so aussehen.

Im nächsten Kapitel vertiefst du dein Wissen über Verweise und Verweisziele.

Hast du dir die Theorie dazu schon durchgelesen? Dann lernst du, Verweise und Verweisziele in deine Webseite einzubauen.

Pfeil weiter