Webseiten erstellen mit CHEETAH
Die wichtigsten Gestaltungselemente im Überblick (4)
Zu Punkt 1. Öffnen Sie das Eigenschaften-Fenster (bzw. Randmenü „Einstellungen“) des Bildelements und wählen Sie dort die Kategorie „Allgemeine Einstellungen“ aus. Dort finden Sie unter „Bild“ die Schaltfläche „Bild ändern“. Wenn Sie darauf klicken, öffnet sich das Builderall Image Repository:
Hier können Sie jetzt über die Schaltfläche „Datei wählen“ ihr Bild hochladen oder ein bereits im Repository vorhandenes auswählen.
Das Repository besteht aus fünf Bereichen, von denen vier (Images, Icons, Buttons, Gif‘s) eine große Zahl lizenzfreier Bilder und Grafiken enthalten, die Sie auf Ihren Webseiten uneingeschränkt verwenden können. Der Bereich "User files" ist dagegen Ihr privates Repository, in welches Sie nach Belieben in der beschriebenen Art und Weise eigene Bilddateien hochladen können, soweit deren Dateigröße 4 MByte nicht übersteigt. An dieser Stelle macht es übrigens Sinn, sich kurz ein paar Gedanken über eine sinnvolle Ordnerstruktur zu machen, denn Sie können im User-File-Bereich in einer Ebene beliebig viele eigene Ordner anlegen.
Nach dem Hochladen wird Ihnen das Bild im Ordner angezeigt. Wenn Sie es dort mit der Maus berühren, erscheinen vier Icons. Das Erste ("Stift") dient dazu, den Bildnamen zu editieren. Hier ist es sinnvoll und wichtig, der Bilddatei einen aussagekräftigen Namen zu geben, mit dem es auch später einmal über die Suchleiste am oberen Rand des Fensters leicht aufgefunden werden kann. Das zweite Icon öffnet den Image-Editor, mit dessen Hilfe Sie u. a. das Bild zuschneiden oder auch drehen können. Aber der Editor kann natürlich noch viel mehr – also schauen Sie sich ihn einmal in Ruhe an. Das dritte Icon ("Lupe") öffnet schließlich die interne Bildvorschau und das vierte Icon ("Papierkorb") dient dem Löschen des Bildes aus dem Builderall-Repository.
Sobald Sie nun ein Bild ausgewählt haben, wird es durch einen blauen Rand markiert und die Schaltfläche „Speichern“ wird freigeschalten. Wenn Sie jetzt darauf klicken, wird das Repository geschlossen und das Bild im Bildcontainer im Webseiteneditor durch das eben Ausgewählte ausgetauscht. Und das ist schon alles.
Hinweis: Selbst wenn Sie anschließend das Bild im Repository wieder löschen, bleibt es auf der Webseite sichtbar.
Nun zu Punkt 2. Loggen Sie sich dazu in „cloudinary“ ein und wechseln Sie dort in die „Media Library“. Dort können Sie bekanntlich verschiedene Ordner anlegen. Das kann man z. B. themenbezogen oder webseitenbezogen machen und sei Ihnen überlassen. In solch einen Ordner legen Sie nun die Bilddatei ab (am besten per drag’n drop), die Sie auf Ihrer Webseite verwenden möchten. Ist das geschehen (oder Sie haben ein bereits vorhandenes ausgewählt), dann markieren Sie das Bild mit der Maus, worauf sich links oben das Link-Symbol zeigt:
Wenn Sie darauf klicken, dann wird die Bild-URL automatisch in die Zwischenablage übernommen. Jetzt wechseln Sie wieder in den „Cheetah“ Webseiteneditor und kopieren die Bildadresse mit
Hinweis: Selbst wenn Sie anschließend das Bild in „cloudinary“ löschen, bleibt es auf der Webseite sichtbar.
Und jetzt die 3. Möglichkeit. Gehen Sie dazu auf eine x-beliebige Webseite, die Bilder enthält und bewegen Sie den Mauszeiger darauf. Anschließend öffnen Sie das Kontextmenü der rechten Maustaste und wählen dort die Funktion „Bildadresse kopieren“. Hier passiert im Prinzip das Gleiche wie in „cloudinary“ – die Bild-URL wird in die Zwischenablage kopiert. Wenn Sie diese nun analog dazu in das Eigenschaften-Feld „Externe Grafik“ kopieren, erscheint dann wie erwartet das verlinkte Bild im Bildcontainer auf Ihrer Webseite.
Hinweis: Diese Vorgehensweise birgt aber eine Gefahr. Wenn der Webseitenbetreiber das ausgewählte Bild von seiner Webseite entfernt oder durch ein anderes austauscht, dann hat das natürlich auch sofort Auswirkungen auf Ihre Webseite.
Jetzt können Sie daran gehen, das Bild zu positionieren, seine Größe zu ändern, zu drehen oder anderweitig zu formatieren. Sie können es beispielsweise mit einem Rand und einem Schatten versehen, es mit verschiedenen Animationseffekten ausstatten und – über das Kopfmenü – dem Bild sogar einen Link zuordnen, zu dem verzweigt wird, sobald man mit der Maus darauf klickt.
Hinweis: In der Palette der "Bild-Elemente" findet sich auch ein Image 3D-Bildobjekt, welches sich durch einen überraschenden Animationseffekt auszeichnet. Sie sollten es auf jedem Fall einmal ausprobieren…