Übung 2: Erstellen Sie eine Webseite in zeilenbasiertem Layout
In dieser Übung erstellen Sie eine kleine Webseite mit einem zeilenbasierten Layout und einige Inhaltselemente dafür.
In unserem Beispiel wird eine Webseite aufgebaut, die aus den folgenden Inhaltselementen besteht:
1. Zeile: Slideshow, News, Terminine
2. Zeile: Text-Box, Text-Box, Banner-Text
3. Zeile: Aufmacherliste-Karussell
Am besten geeignet für Übungszwecke ist die Vorlage "Flexible zeilenbasierte Seite", die von Redakteur/innen für neue Ordner ausgewählt werden kann.
Die Einbindung von Inhaltselementen in die "Startseiten-Ordner" (werden vom CeDiS-Support eingerichtet) und "Website-Startordner" (Hauptverzeichnisse von Websites) erfolgt nach dem gleichen Prinzip.
Webseite und Ordner für Inhaltselemente
Erstellen Sie einen neuen Ordner mit der Vorlage "Flexible zeilenbasierte Seite":
> Name: test > Vorlage: Flexible zeilenbasierte Seite
Erstellen Sie in diesem Ordner einen "Ordner für Inhaltselemente": > Name: _inhaltselemente > Vorlage: Ordner für Inhaltselemente (Abb. 1)
Inhaltselement: Slideshow
Im Ordner für Inhaltselemente erstellen Sie eine Slideshow:
> Name: slideshow > Vorlage: Slideshow
Für die Slideshow brauchen Sie passende Bilder. Sie können diese Platzhalterbilder nutzen:
Seitenverhältnis 4:3 - Bild 1, Bild 2, Bild 3
Seitenverhältnis 16:9 - Bild 4, Bild 5, Bild 6
Importieren Sie ein paar Bilder ins CMS z. B. direkt in den Ordner "slideshow": > "Datei importieren"
Erstellen Sie nun 2-3 Aufmacher im Ordner "slideshow": > Name: slide1 > Vorlage: Aufmacher.
Geben Sie einen Titel, einen kurzen Text, einen Link zum Thema (CMS-interner Link auf eine freigegebene Webseite) und im Feld "Bilder" einen Link auf ein Bild im CMS (Abb. 2).
Einbindung in die Webseite, Zeilenlayouts, Vorschau
Inhaltselemente haben keine eigene Vorschau!
Wie Ihre Slideshow aussieht, können Sie testen, nachdem Sie sie als Inhaltselement verlinkt haben. Den Link setzen Sie in Ihrem Ordner mit der Vorlage "Flexible zeilenbasierte Seite" im Feld "Inhaltselemente (diese Seite)" (Abb. 3)
Im Feld "Flexible Startseite: 1. Zeile" tragen Sie das gewünschte Layout der Zeile mit der Slideshow. Das Layout der ersten Zeile in unserem Beispiel ist 6:3:3 (eine Hälfte der Breite des Inhaltsbereichs für die Slideshow und je ein Viertel für News und Termine) (Abb. 4).
Inhaltselemente: Text-Boxen
Die nächsten zwei Inhaltselemente in unserem Beispiel sind Dokumente mit der Vorlage Text-Box.
> Name: textbox1 > Vorlage: Text-Box
Enthält einen Titel, einen Hauptinhalt, ein Bild und einen Link zum Thema (Abb. 8)
> Name: textbox2 > Vorlage: Text-Box
Enthält einen Titel, Links zum Thema und Download (Abb. 9)
Inhaltselement: Aufmacherliste Karussell
Für ein Karussell brauchen Sie einen Ordner mit der Vorlage "Aufmacher Karussell" und in diesem Ordner Dokumente mit der Vorlage "Aufmacher":
> Name: karussell > Vorlage: Aufmacher Karussell
Hier können Sie einstellen, wie viele Aufmacher nebeneinander angezeigt werden sollen, und ob die Reihenfolge zufällig sein soll. (Abb. 11)
> Name: aufmacher1 > Vorlage: Aufmacher
Aufmacher enthalten einen Titel, optional ein Bild und einen kurzen Text sowie mind. einen Link. (Abb. 12)