Anhang L2 - Editor HotMetal 2.0

5. Markierte Texte ausschneiden, kopieren, einfügen

Menüleiste: Edit
Menüpunkte: Cut , Copy, Paste

Es funktioniert auch über die Symbolleisten und mit den aus Word bekannten Tastenkombinationen (Strg X, Strg C, Strg V).

So lassen sich auch schon in Word geschriebene Texte in HotMetal bequem einfügen. Anmerkung: Vorher sollte man unbedingt (!) in Word die Silbentrennung ausschalten, sonst hat man in HotMetal überall die Trennstriche im Text stehen.

6. Grafiken

6.1 Eingebundene Grafik durch eine andere ersetzen

Vorgehensweise wie bei Links - Suchen und Ersetzen
Zuerst den Cursor auf die Grafik setzen.

Menüleiste: Links
Menüpunkt: Edit URL...

Es erscheint ein Eingabe-Fenster (Edit Image). Dort bei Image File den angegebenen Pfad und Dateinamen (z.B. /icons/bild1.gif) durch die neuen Werte (z.B. /icons/bild2.gif) ersetzen.

6.2 Eingebundene Grafik löschen

Zuerst Grafik mit der Maus markieren und die Del/Entf - Taste betätigen. bzw.:

Menüleiste: Edit
Menüpunkt: Delete

6.3 Neue Grafik einbinden

Den Cursor an die Stelle setzen, wo die Grafik eingebunden werden soll.

Menüleiste: Markup
Menüpunkt: Insert Element...

Es erscheint ein Auswahlfenster mit verschiedenen Elementen. Dort IMG Image anwählen und mit der Taste Insert Element bestätigen. Danach erscheint ein Eingabefenster, in dem folgende Einträge ausgefüllt werden müssen:

Image File: Pfad und Name der Grafik (z.B. /icons/bild1.gif)
Alternate Text: alternativer Text bei Nichterscheinen der Grafik (wenn die Grafikansicht im Browser abgeschaltet wurde bzw. bei einem Textbrowser), z.B. [mein schönstes Urlaubsfoto]
Alignment: Ausrichtung der (1 !) nachfolgenden Textzeile: Möglichkeiten sind Bottom (ist der Standard = Ausrichtung am unteren Bildrand), Middle (Ausrichtung an der Mitte des Bildes), Top (Ausrichtung am oberen Bildrand)

Es gibt auch die Ausrichtungen left und right zur Ausrichtung des Bildes selbst auf der Seite (umfließender Text, mehrere Textzeilen !), allerdings kann man diese nicht beim Einfügen einer Grafik angeben, sondern erst nach dem Einfügen durch Editieren:

Menüleiste: Markup
Menüpunkt: Edit SGML Attributes...

Es erscheint ein Eingabe-Fenster, dort bei Align den Wert left oder right auswählen:
left: Ausrichtung am linken Seitenrand
right: Ausrichtung am rechten Seitenrand

6.4 Hinweise zu Grafiken

Beim Erstellen von Grafiken sollte man folgende Bildgrößen nicht überschreiten:
Breite: max. 600 Pixel
Höhe: max. 450 Pixel

Damit gibt man allen Lesern, insbesondere denen mit 14-Zoll-Monitor und der kleinsten Auflösung (640 Pixel Breite x 480 Pixel Höhe), auch die Chance, das Bild als Ganzes zu betrachten. Man sollte also nie davon ausgehen, daß alle Leute einen 17-Zoll-Monitor oder größer haben (wie man selbst vielleicht).

Die Speichergröße (Kilobyte) des Bildes nimmt natürlich mit den Abmessungen und der Anzahl der Farben zu. Um sie auf ein für den Leser erträgliches Maß beim Laden einer Seite mit Bildern zu beschränken, sollte man mit einem Grafikprogramm (Photo Shop, Paint Shop, ...) die Farbpalette der Bilder auf maximal 256 Farben (noch besser 16 Farben) reduzieren und/oder das Bild selbst so klein wie möglich gestalten. Am besten eignen sich schwarz-weiß-Zeichnungen (nur 2 Farben).

Speicherformat: Das Bild selbst speichert man z.B. im GIF89a - Format ab, wobei für Minibilder (z.B. Icons im Hauptmenü) die Option Non Interlaced und für größere Bilder die Option Interlaced zu wählen ist. Den Effekt eines Interlaced-Bildes kann man z.B. in der BGBM-Homepage auf der Startseite beobachten: Das Foto wird nach und nach schärfer; man muß aber nicht warten, bis es ganz geladen ist, sondern kann den Rest der Seite schon lesen und auch weiterblättern. Den Effekt von Non Interlaced-Bildern kann man auf vielen anderen Homepages erleben: Das Bild baut sich zeilenweise auf dem Bildschirm auf und man muß warten, bis es vollständig zu sehen ist; in der Wartezeit kann man leider nichts anderes machen, da der Text unter dem Bild auch erst nach dem Laden des Bildes erscheint.