Concrete5: Arbeiten mit Concrete5: Inhalte verwalten: Bilder

Aus Wikibooks
Zur Navigation springen Zur Suche springen
Wikibooks buchseite.svg Zurück zu 'Formulare' | One wikibook.svg Hoch zu 'Inhaltsverzeichnis' | Wikibooks buchseite.svg Vor zu 'Auto-Navigation'


Bilder hinzufügen[Bearbeiten]

Sie können Bilder mit verschiedenen Blöcken in Ihre Website integrieren:

  1. Block: «Image»
  2. Block: «Slideshow»
  3. Block: "Content" (im Text integriert)



Hinweis: Je nach System sind noch weitere Blöcke für Bilder einsetzbar.

Bilder hochladen[Bearbeiten]

Damit Sie auf Ihrer Website Bilder einfügen können, müssen Sie diese zuerst erstellen und danach auf den Server hochladen.

verwaltung/dateimanager


1. Dateimanager öffnen

Fahren Sie mit der Maus zum Feld «Verwaltung» (Rechts in der Titelleiste) und klicken Sie auf «Dateimanager».

2. Bilder durchsuchen

Klicken Sie auf «Durchsuchen» und wählen Sie das gewünschte Bild mit Klick aufs Bild und «öffnen» aus. Der Bildpfad wird in das Feld «Hinzufügen» geschrieben.

3. Datei hochladen

Klicken Sie auf «Datei hochladen» und das Bild wird auf den Server hochgeladen.


Dateimanager




Sie können mit «Mehrere Hochladen» auch mehr als ein Bild auf den Server laden. Dazu muss aber Flash installiert und aktiviert sein.


Das Fenster «Upload fertiggestellt» mit den Eigenschaften erscheint. Erfassen Sie hier die Tags (Stichworte zur Suche) und wenn nötig das entsprechende Album. Sie können auch im Tab «Album» «Neuem Album hinzufügen» ein neues Album erfassen.






Block «Image»[Bearbeiten]

Fügen Sie Ihrer Seite einen Block hinzu (mehr dazu unter «Block hinzufügen»).

Klicken Sie auf «Image» und das Fenster «Hinzufügen Image» wird geöffnet.

Klicken Sie auf «Bild auswählen». Dadurch wird der Dateimanager geöffnet.

Sollte Ihr Bild bereits hochgeladen sein, können Sie hier direkt danach suchen um es zu finden.

Wenn Sie ein neues Bild hochladen möchten, klicken Sie auf den «Hinzufügen» Button am oberen Ende des Dateimanagerfenster. Dadurch können Sie direkt auf Ihrer Festplatte nach einem Bild browsen und dieses anschließend hochladen.

Sie können auch das Bild in eineren höheren Auflösung beim drüberfahren mit der Maus anzeigen lassen. Dies machen Sie indem Sie bei «Mouse-over-Bild» die entsprechende Datei auswählen.

Weiter haben Sie die möglichkeit ein Link auf das Bild zu legen, eine alternative Bildbeschreibung zu hinerlegen und die angezeigte Grösse anzupassen.

Sobald Sie zufrieden mit den Einstellungen sind, klicken Sie den «Hinzufügen» Button.


Block «Slideshow»[Bearbeiten]

Slideshow


Eine ansprechende Variante mehrere Bilder auf der Webseite darzustellen, ist die Slideshow. Diese können Sie sehr leicht konfigurieren.

Sie haben 2 Möglichkeite die Bilder auszuwählen:

  1. «Idividuelle Slideshow», Sie wählen mit dem Button «Bild hinzufügen» einzeln alle gewünschten Bilder aus.
  2. «Bilder aus dem Album», lässt Sie ein oder mehrere Alben auswählen die dann wiedergegeben werden.

Zusätzlich können Sie eine geordnete oder zufällige Wiedergabe einstellten.

Nach dem Hinzufügen eines Bildes können Sie die Anzeige- und Überblenddauer anpassen.




Bilder im Text (Content) integrieren[Bearbeiten]

Fügen Sie Ihrer Seite den Content Block hinzu (mehr dazu unter Arbeiten Sie mit ihrer Seite).

Klicken Sie auf «Seite bearbeiten», so gelangen Sie in den Editiermodus. Alle Blöcke sind mit rotem Rahmen versehen. Klicken Sie in den rot umrandeten Text-Block und das Auswahlfenster erscheint.

Klicken Sie auf «Bearbeiten» und das Fenster «Bearbeiten Content» wird geöffnet.

Klicken Sie auf «Bild hinzufügen». Dadurch wird der Dateimanager geöffnet.

Sollte Ihr Bild bereits hochgeladen sein, können Sie hier direkt danach suchen um es zu finden.

Wenn Sie ein neues Bild hochladen möchten, klicken Sie auf den "Hinzufügen" Button am oberen Ende des Dateimanagerfenster. Dadurch können Sie direkt auf Ihrer Festplatte nach einem Bild browsen und dieses anschließend hochladen.

Wählen Sie das entsprechende Bild aus. Das wird in Ihren Text integriert.



Wikibooks buchseite.svg Zurück zu 'Formulare' | One wikibook.svg Hoch zu 'Inhaltsverzeichnis' | Wikibooks buchseite.svg Vor zu 'Auto-Navigation'