Web-Layout der Universität

Grafiken in Webseiten

Um Bilder in Webseiten darzustellen, müssen sie zunächst als Grafikdateien vorliegen und auf dem Webserver bereitgestellt werden. Danach können sie im Unicms in eine oder mehrere Webseiten eingebunden werden.

Woher stammen Grafiken? => Vorbereiten von Grafiken für Webseiten

Nachdem Sie Ihre Grafikdatei(en) vorbereitet haben, können Sie mit diesen Arbeitsschritten fortfahren:

  1. Rufen Sie den Bilder-Manager auf:
    Symbol "Bild einfügen/verändern" in der ersten Symbolleiste des Editors.
  2. Oben wird das "Hauptverzeichnis" angezeigt. Mittels des ersten Symbols rechts daneben können Sie nun eine auf Ihrem Computer liegende Grafikdatei hochladen - nach erfolgreichem Hochladen wird die Grafik in der Dateiliste angezeigt.
  3. Sie können nun die gewünschte Grafikdatei einmal anklicken (eine Vorschau wird rechts eingeblendet) und unten bei "Bildtext" einen stichwortartigen, beschreibenden Text eintragen. Mehr muss hier nicht eingestellt werden!
  4. Nach Klick auf "Ok" schließt sich der Bilder-Manager, und die Grafik erscheint an der Stelle in der Webseiten, wo vorher der Cursor platziert war.
  5. Sie können der Grafik jetzt weitere Eigenschaften zuordnen. Klicken Sie die Grafik einmal an, dann erscheinen rechts in der Stile-Spalte die Optionen "Bild linksbündig" und "Bild rechtsbündig". Davon können Sie nun eine Option per Klick auswählen (ein zweiter Klick deaktiviert die Eigenschaft wieder), um das Bild seitlich zu positionieren, so dass der nachfolgende Text um das Bild herum fließt. Dieses Verfahren ist in den meisten Situationen zu empfehlen.
  6. Falls gewünscht, können Sie dem (immer noch markierten) Bild z.B. noch die Eigenschaft "Rahmen" zuweisen, um eine Art Bilderrahmen um die Grafik zu legen.
  7. Die Grafik kann mittels der Anfasser-Punkte an den Ecken und Seiten gezoomt bzw. gestaucht werden, jedoch wird grundsätzlich empfohlen, die Grafiken bereits bei der Vorbereitung im Grafikprogramm auf die endgültige Größe zu bringen, da damit die Darstellungsqualität am höchsten ist!