Arbeiten mit Bildern. Bilder einfügen. Seite 17 von 48

Transkript

1 Seite 17 von 48 Arbeiten mit Bildern Ein Bild sagt mehr als tausend Worte. Dies gilt auch für Internet-Seiten. WEBEDIT 2.2 beinhaltet ein praktisches Werkzeug, um Bilder einzufügen und bei Bedarf rudimentär anzupassen. Sie können Bilder auch vorgängig in einem Bildbearbeitungsprogramm (Photoshop, Corel, usw.) fertig anpassen. Um Ihnen die Funktionen näherzubringen, arbeiten wir wiederum mit einem Beispiel: Wir wollen das Logo von UcanTravel auf der Kontaktseite oberhalb der Adresse einfügen. Bilder können an jedem beliebigen Ort im Inhaltsbereich eingefügt werden. Hinweis zu Bildern Sie können die Bildformate.jpg..png, und.gif verwenden. Andere Bildformate werden im Internet nicht angezeigt. Achten Sie bitte auf die Grösse der Bilder. Ein Bild sollte niemals breiter als der Inhaltsbereich der Website sein, ansonsten wird das Layout komplett zerrissen. Faustregel: Nie breiter als 600 Pixel. Falls Sie ein Bild haben, welches wesentlich grösser ist können Sie dieses nachträglich im Bildeditor verkleinern. Wenn Sie über ein Bildbearbeitungsprogramm wie z.b. Photoshop verfügen empfehlen wir Ihnen, die Bilder vorgängig mit diesen Programmen zu bearbeiten. Speziell bei Grössenänderungen liefern diese spezialisierten Programme wesentlich schönere Ergebnisse als der Bildeditor. Bilder einfügen Schritt 1 Bildeditor aufrufen Fügen Sie oberhalb der Adresse einen Zeilennumbruch innerhalb eines Absatzes (Shift + Enter) ein. Bewegen Sie den Cursor an die Stelle, an der das Bild erscheinen soll. Klicken Sie auf den Button Bildeditor öffnen. Das Fenster mit dem Bildeditor öffnet sich.

2 Seite 18 von 48 Bildeditor Überblick über alle Funktionen Bevor wir nun mit unserem Beispiel weitermachen, wollen wir erläutern welche Bereiche und Funktionen der Bildeditor enthält. Grundfunktionen Speichern. Mit dieser Funktion speichern Sie die Änderungen. Nach Klick auf diesen Button wird das Fenster geschlossen und die Webseite mit den vollzogenen Änderungen neu geladen. Bearbeitung abbrechen. Die seit dem letzten Öffnen des Bearbeitungsfensters gemachten Änderungen werden verworfen, das Bearbeitungsfenster geschlossen. Die Änderungen sind danach unwiderruflich verloren. Kopieren (Ctrl+C). Ein markiertes Element wird kopiert. Löschen. Ein markiertes Element wird gelöscht. Bildfunktionen Neues Bild. Ein neues Bild wird ins Album aufgenommen. Gegen den Uhrzeigersinn drehen. Im Uhrzeigersinn drehen. Das Bild wird pro Klick um je 90 gedreht. Horizontal spiegeln. Vertikal spiegeln. Das Bild wird horizontal resp. vertikal gespiegelt. Links zuschneiden. Links wenig zuschneiden. Der linke Rand des Bildes wird um 20 resp. 3 Pixel beschnitten. Rechts zuschneiden. Rechts wenig zuschneiden. Der rechte Rand des Bildes wird um 20 resp. 3 Pixel beschnitten. Oben zuschneiden. Oben wenig zuschneiden. Der obere Rand des Bildes wird um 20 resp. 3 Pixel beschnitten. Unten zuschneiden. Unten wenig zuschneiden. Der untere Rand des Bildes wird um 20 resp. 3 Pixel beschnitten. Grösse auf 90% reduzieren. Grösse auf 50% reduzieren. Die Bilddimension wird bei jedem Klick proportional auf 90% resp. 50% seiner Ursprungsgrösse reduziert. Weiche Kante. Dem Bild wird eine weiche Kante hinzugefügt. Schlagschatten. Dem Bild wird ein Schlagschatten hinzugefügt. Aufhellen. Das Bild wird aufgehellt. Im Album werden alle Bilder, die sich bereits im aktuellen Objekt befinden, angezeigt. Jedes neue Bild und jeder Bildbearbeitungsschritt wird ebenfalls im Album angezeigt. Bildinformation: Hier befinden sich die Detailinformationen zu einem Bild, welches im Album ausgewählt ist. Einstellungen: Hier befinden Sich die Einstellungen eines Bildes. Am meisten verwendet werden die Einstellung für die Breite und die Höhe, die Tooltipps (Alternativ-Text zum Bild) und die Ausrichtung.

3 Seite 19 von 48 Schritt 2 Bild einfügen/auswählen Klicken Sie auf den Knopf Bild hinzufügen. Dies bewirkt, dass das Fenster mit dem Album jetzt den Dialog für das Auswählen des neuen Bildes zeigt (Bild hinzufügen). Bild hinzufügen. Dies ist das Fenster, welches statt des Albums erscheint. Klicken Sie auf Durchsuchen um das Bild auszuwählen welches Sie einfügen wollen. Schritt 3 Bild auswählen, Übertragung starten Nun öffnet sich das Fenster Datei auswählen Nun wählen Sie das Bild aus, welches Sie einbauen wollen. In unserem Fall ist dies das Bild logo.jpg. Klicken Sie auf Öffnen. Mit dieser Aktion starten Sie die Übertragung des Bildes auf den Server. Schritt 4 Übertragung des Bildes Nun wird das Bild auf den Server übertragen. Dies kann je nach Grösse des Bildes und Geschwindigkeit der Internetverbindung einige Zeit dauern. Während der Übertragung können Sie keine anderen Aktionen ausführen.

4 Seite 20 von 48 Schritt 5 Übertragenes Bild auswählen und speichern Wenn das Bild fertig übertragen wurde, erscheint wieder das Album. Dort erscheint nun das neue Bild mit dem Logo. Klicken Sie das Bild an, um es auszuwählen. Ein roter Rand zeigt an, welches Bild Ihrer Auswahl entspricht. Klicken Sie nun auf Speichern um das ausgewählte Bild dort einzufügen, wo Sie zu Beginn den Cursor platziert haben. Nach dem Speichern befinden Sie sich wieder im Fenster Seiteninhalte bearbeiten. Nun klicken Sie im Fenster Seiteninhalte bearbeiten ebenfalls auf Speichern, um das neue Bild zu Übernehmen. Schritt 6 Das eingefügte Bild auf der Webseite Hier sehen Sie das eingefügte Logo, wie es auf der Webseite erscheint.

5 Seite 21 von 48 Bilder bearbeiten, austauschen und entfernen Nachdem ein Bild eingefügt wurde, kann es immer vorkommen, dass man es nachträglich bearbeiten, austauschen oder entfernen will. Diese Funktionen sind alle im Bildeditor vorhanden. Bitte rufen Sie wiederum über das WEBEDIT 2.2 Menu Aktuelles Objekt bearbeiten Webseite: Deutsch auf, um in das Fenster Seiteninhalte bearbeiten zu gelangen. Schritt 1 Bild bearbeiten Eigenschaften (Bildeditor) auswählen Hier müssen wir uns befinden, um mit dem Bild zu arbeiten: Im Fenster Seiteninhalte bearbeiten. Klicken Sie nun das Bild an, mit welchem Sie arbeiten möchten. Wenn die Bildbegrenzung eingeblendet wird ist das Bild korrekt ausgewählt. Eigenschaften öffnen: Sie können dies auf zwei Arten tun: 1. Auf dem Bild die rechte Maustaste klicken und Eigenschaften aus dem Kontextmenu auswählen. 2. Den Button Eigenschaften drücken. Wenn Sie dies korrekt ausgeführt haben, befinden Sie sich jetzt im Bildeditor. Schritt 2 Bild auswählen und bearbeiten Das Bild im Album ist bereits ausgewählt, man sieht dies am roten Rand. Nun können wir das Bild bearbeiten, als Beispiel setzen wir einen Schlagschatten. Nun klicken Sie auf den Button mit der gewünschten Bildbearbeitungsfunktion. Die Bearbeitung wird umgehend vorgenommen.

6 Seite 22 von 48 Schritt 3 Änderungen übernehmen und speichern Nachdem Sie die gewünschte Bildbearbeitung ausgewählt haben, wird das bearbeitete Bild ausgewählt und angezeigt wie das Bild jetzt aussieht. Die Vorgängerversionen der Bildbearbeitung werden Schritt für Schritt im Album aufgelistet. Klicken Sie auf Speichern um das angepasste Bild zu übernehmen. Hinweis: Sie können mehrere Bearbeitungsschritte gleichzeitig vornehmen. Wenn Ihnen eine Bearbeitung nicht gefällt, übernehmen Sie das vorherige Bild aus dem Album.