tu-freiberg.detu-freiberg.de/.../pdf/uebungsaufgaben_0.docx · Web viewDurch das Kopieren aus einer...

29
Übungsaufgaben zur Schulung Drupal – Das WebCMS an der TU Bergakademie Freiberg Inhalte Übung 1 – Seiten anlegen............................ 2 Übung 2 – Seiten bearbeiten.........................3 Übung 3 – Gliederung der Inhalte....................5 Übung 4 – Texte kopieren und formatieren............7 Übung 5 – Listen einfügen........................... 8 Übung 6 – Links einfügen............................ 9 Übung 7 – Bilder einfügen..........................11 Übung 8 – Tabellen................................. 13 Übung 9 – Dateibrowser............................. 15 Übung 10 – Visitenkarten........................... 17 Übung 11 – Multimediainhalte.......................18 Übung 12 – News anlegen............................ 19 Abschließendes..................................... 20 1

Transcript of tu-freiberg.detu-freiberg.de/.../pdf/uebungsaufgaben_0.docx · Web viewDurch das Kopieren aus einer...

Page 1: tu-freiberg.detu-freiberg.de/.../pdf/uebungsaufgaben_0.docx · Web viewDurch das Kopieren aus einer Word-Datei werden die dort vorliegenden Formatierungen mitkopiert. Das macht sich

Übungsaufgaben zur SchulungDrupal – Das WebCMS an der TU Bergakademie Freiberg

InhalteÜbung 1 – Seiten anlegen........................................................................2

Übung 2 – Seiten bearbeiten....................................................................3

Übung 3 – Gliederung der Inhalte.............................................................5

Übung 4 – Texte kopieren und formatieren..............................................7

Übung 5 – Listen einfügen........................................................................8

Übung 6 – Links einfügen.........................................................................9

Übung 7 – Bilder einfügen......................................................................11

Übung 8 – Tabellen................................................................................13

Übung 9 – Dateibrowser.........................................................................15

Übung 10 – Visitenkarten.......................................................................17

Übung 11 – Multimediainhalte................................................................18

Übung 12 – News anlegen.....................................................................19

Abschließendes......................................................................................20

1

Page 2: tu-freiberg.detu-freiberg.de/.../pdf/uebungsaufgaben_0.docx · Web viewDurch das Kopieren aus einer Word-Datei werden die dort vorliegenden Formatierungen mitkopiert. Das macht sich

Übung 1 – Seiten anlegen

Anlegen der SeitenGehen Sie auf die Bereichshauptseite „Schulungsbereich“ und wählen Sie „Unterseite hinzufügen“ aus. Sie möchten eine neue Seite anlegen, also klicken Sie auf den Inhaltstypen „Seite“. Geben Sie einen Seitentitel ein, idealerweise hier den „eigenen Namen“ und speichern Sie die Seite ab.

Legen Sie nun unterhalb der eben erstellten Seite zwei weitere Unterseiten „Seite 1“ und „Seite 2“ an. Achten Sie darauf, dass „Seite 2“ auch tatsächlich eine Unterseite von „eigener Name“ ist und nicht von „Seite 1“.

ErgebniskontrolleSchauen Sie im Navigationsmenü links nach, ob dort „Seite 1 [eigener Name]“ steht. Klicken Sie darauf und prüfen Sie, ob im Navigationsmenü dort die beiden Unterpunkte „Seite 2“ und „Seite 3“ stehen.

Wiederholung zum Anlegen der SeitenLegen Sie unterhalb von „Seite 2“ zwei neue Unterseiten „Seite 3“ und „Seite 4“ an.

ErgebniskontrolleGehen Sie auf die Seite „eigener Name“ und wählen Sie dort „Seite 2“ aus. Überprüfen Sie, ob in der Navigationsleiste die beiden Unterpunkte „Seite 3“ und „Seite 4“ stehen.

Löschen der SeitenLöschen Sie die Unterseite „Seite 3“.

ErgebniskontrolleÜberprüfen Sie, ob der Menüpunkt „Seite 3“ in der Navigationsliste verschwunden ist.

2

Page 3: tu-freiberg.detu-freiberg.de/.../pdf/uebungsaufgaben_0.docx · Web viewDurch das Kopieren aus einer Word-Datei werden die dort vorliegenden Formatierungen mitkopiert. Das macht sich

Übung 2 – Seiten bearbeiten

Seitentitel umbenennenBenennen Sie die Seitentitel für „Seite 1“ in „Unterseite 1“ sowie „Seite 2“ in „Unterseite 2“ um und speichern Sie die Änderungen.

ErgebniskontrolleKlicken Sie auf den Navigationspunkt „eigener Name“ und prüfen Sie, ob die beiden Unterpunkte im Navigationsmenü auch tatsächlich „Unterseite 1“ und „Unterseite 2“ heißen.

Menütitel umbenennenSeitentitel und Menütitel müssen nicht zwangsläufig identisch sein. Durch das Herausnehmen des Hakens „Menütitel automatisch aktualisieren“ kann ein modifizierter Menütitel vergeben werden.

Benennen Sie den Menütitel von „Unterseite 1“ bitte in „Seite 1“ um und achten Sie darauf, dass der Seitentitel weiterhin „Unterseite 1“ lautet.

ErgebniskontrolleKlicken Sie auf den Navigationspunkt „eigener Name“ und prüfen Sie, ob die beiden Unterpunkte im Navigationsmenü nun „Seite 1“ und „Unterseite 2“ heißen.

URL-Alias umbenennenDer URL-Alias ergibt sich standardmäßig wie der Menütitel automatisch aus dem Seitentitel und lässt sich bei Bedarf auch unabhängig davon angeben, indem der Haken bei „automatisch setzen“ entfernt wird

Benennen Sie den URL-Alias von „Seite 1“ in „Seitenalias 1“ um und achten Sie darauf, dass der Seitentitel weiterhin „Unterseite 1“ lautet.

ErgebniskontrolleKlicken Sie auf den Navigationspunkt „eigener Name“ „Seite 1“ und prüfen Sie, ob der Seitentitel „Unterseite 1“ und der URL-Alias in der Browserzeile „/schulungsbereich/eigener-name/seitenalias-1“ lautet.

3

Page 4: tu-freiberg.detu-freiberg.de/.../pdf/uebungsaufgaben_0.docx · Web viewDurch das Kopieren aus einer Word-Datei werden die dort vorliegenden Formatierungen mitkopiert. Das macht sich

Angabe einer verantwortlichen PersonGeben Sie für die Seite „eigener Name“ eine verantwortliche Kontaktperson an. Nutzen Sie hier ihre eigenen Daten.

ErgebniskontrolleÖffnen Sie „eigener Name“ und überprüfen Sie, ob in der rechten Seite ein Block mit den angegebenen Daten einer Kontaktperson erscheint.

Hinzufügen eines BannersBearbeiten Sie die Seite „eigener Name“ und fügen Sie eine Bannergrafik hinzu. Wählen Sie aus dem Dateibrowser eine Datei aus dem Ordner „allgemeiner_grafik_pool“. Idealerweise hat die Datei 992px in der Breite.

ErgebniskontrolleÖffnen Sie die Seite „eigener Name“ und überprüfen Sie, ob im oberen Bereich der Seite die angegebene Bannergrafik angezeigt wird.

4

Page 5: tu-freiberg.detu-freiberg.de/.../pdf/uebungsaufgaben_0.docx · Web viewDurch das Kopieren aus einer Word-Datei werden die dort vorliegenden Formatierungen mitkopiert. Das macht sich

Übung 3 – Gliederung der Inhalte

Überschriften anlegenÜberschriften dienen zur Gliederung der Inhalte. Jeder Gliederungspunkt ist als Überschrift zu formatieren und nicht als fettgedruckter Text. Wichtig ist hierbei auch die hierarchische Verwendung angefangen von Größe 2 bis zur Größe 4.

Legen Sie auf den Seiten die folgenden Überschriften manuell an:

Auf der Seite „eigener Name“:

Überschrift A [Größe 2]

Überschrift B [Größe 3]

Überschrift C [Größe 4]

Überschrift D [Größe 2]

Überschrift E [Größe 3]

Auf der Seite „Unterseite 1“

Überschrift F [Größe 2]

ErgebniskontrolleSehe Sie auf der Seite „eigener Name“ die Überschriften „Überschrift A“ bis „Überschrift „E“ in den unterschiedlichen Größen?

Sehen Sie auf „Unterseite 1“ die Überschrift „Überschrift F“?

Inhaltsverzeichnis anlegenSie haben nun die Möglichkeit, automatisch oberhalb des Inhaltes eine Kurzübersicht zu erstellen. Anhand der im Text vorkommenden Überschriften werden Sprungmarken zu den jeweiligen Gliederungspunkten erstellt.

5

Page 6: tu-freiberg.detu-freiberg.de/.../pdf/uebungsaufgaben_0.docx · Web viewDurch das Kopieren aus einer Word-Datei werden die dort vorliegenden Formatierungen mitkopiert. Das macht sich

Bearbeiten Sie die Seite „eigener Name“ und klicken Sie im Editor auf das blaue Icon „Inhaltsverzeichnis“ und lassen Sie die obere Auswahl [unsortierte Liste] ausgewählt. Speichern Sie die Seite ab.

ErgebniskontrolleBefindet sich oberhalb von „Überschrift A“ die Kurzübersicht mit insg. fünf Listenpunkten nach diesem Schema?

Übersicht

Überschrift Ao Überschrift B

Überschrift C Überschrift D

o Überschrift E

Überschriften und Inhaltsverzeichnis aktualisierenBearbeiten Sie die Seite „eigener Name“ erneut. Benennen Sie „Überschrift A“ in „Barrierefreiheit“ und „Überschrift B“ in „Checkliste für Redakteure“ um. Benennen Sie „Überschrift C“ in „Überschriften“ um und fügen Sie unterhalb des Absatzes drei weitere Überschriften [Größe 4] „Tabellen“, „Bilder“ und „Listen“ hinzu. Benennen Sie „Überschrift D“ in „Corporate Design“ und „Überschrift E“ in „Navigation“ um.

Klicken Sie anschließend erneut auf das Icon „Inhaltsverzeichnis“, aktualisieren Sie selbiges und speichern Sie die Seite ab.

ErgebniskontrolleBefindet sich oberhalb von der Überschrift „Barrierefreiheit“ die Kurzübersicht mit insg. fünf Listenpunkten nach diesem Schema?

Übersicht

Barrierefreiheito Checkliste für Redakteure

Überschriften Tabellen Bilder Listen

6

Page 7: tu-freiberg.detu-freiberg.de/.../pdf/uebungsaufgaben_0.docx · Web viewDurch das Kopieren aus einer Word-Datei werden die dort vorliegenden Formatierungen mitkopiert. Das macht sich

Corporate Design

o Navigation

7

Page 8: tu-freiberg.detu-freiberg.de/.../pdf/uebungsaufgaben_0.docx · Web viewDurch das Kopieren aus einer Word-Datei werden die dort vorliegenden Formatierungen mitkopiert. Das macht sich

Übung 4 – Texte kopieren und formatierenZiel ist es nun, Inhalte aus einer Word-Datei ins WebCMS zu übertragen und die Formatierungen entsprechend den Vorgaben beizubehalten bzw. abzuändern.

Texte hineinkopierenWechseln Sie bitte zur „Unterseite 1“. Rufen Sie in einem weiteren Browser-Tab die folgende Seite auf: http://loremipsum.de/. Lassen Sie sich einen „Lorem ipsum“-Text mit 300 Wörter generieren und kopieren Sie bitte den dort generierten Textabschnitt nach „Überschrift F“. Wiederholen Sie das Ganze entsprechend für “Unterseite 2“.

Tipp: Kopiere mit Strg + C und Einfügen mit Strg + V

Texte formatierenWechseln Sie bitte zur Seite „eigener Name“. Kopieren Sie unterhalb der Überschrift „Barrierefreiheit“ diesen Absatz hinein:

»Die Behörden und sonstigen öffentlichen Stellen des Freistaates Sachsen gestalten ihre Internetauftritte und -angebote sowie die von ihnen zur Verfügung gestellten graphischen Programmoberflächen, die mit Mitteln der Informationstechnik dargestellt werden, schrittweise technisch so, dass sie auch von Menschen mit Behinderungen grundsätzlich uneingeschränkt genutzt werden können.«

Quelle: § 7 Barrierefreie Informationstechnik, Gesetz zur Verbesserung des selbstbestimmten Handelns von Menschen mit Behinderungen im Freistaat Sachsen (28. Mai 2004)

Durch das Kopieren aus einer Word-Datei werden die dort vorliegenden Formatierungen mitkopiert. Das macht sich bemerkbar bei der Schriftart, der Schriftgröße und den Abständen. Korrigieren Sie nun bitte die Formatierung, so dass diese unserem Corporate Design entsprechen:

Formatierungen zurücksetzen [löscht nahezu alle Formatierungen] Fettgedruckten Begriff erneut fett formatieren Kursive Quellenangabe erneut kursiv formatieren Gesamten Abschnitt in Zitatblock setzen

ErgebniskontrolleDer Textabschnitt sollte nun genauso aussehen wie auf dieser Seite:http://tu-freiberg.de/webportal/richtlinienvorgaben/barrierefreiheit

8

Page 9: tu-freiberg.detu-freiberg.de/.../pdf/uebungsaufgaben_0.docx · Web viewDurch das Kopieren aus einer Word-Datei werden die dort vorliegenden Formatierungen mitkopiert. Das macht sich

Übung 5 – Listen einfügen

Listen einfügenBei Aufzählungen von mehr als drei Punkten bietet sich die Verwendung von Listen an, um die Punkte übersichtlicher darzustellen.

Wechseln Sie zur Seite „Unterseite 1“ und fügen Sie unter dem Textabschnitt eine unsortierte Liste mit diesen Begriffen ein: „Startseite der Universität“, „Webportal“, „Speiseplan“ und „Einverständniserklärung für das Mitarbeiterfoto im Webauftritt“. Speichern Sie die Seite ab.

ErgebniskontrolleAuf der Seite sollten die Inhalte nun wie folgt dargestellt sein:

Überschrift F

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer

Startseite der Universität Webportal Speiseplan Einverständniserklärung für das Mitarbeiterfoto im Webauftritt

9

Page 10: tu-freiberg.detu-freiberg.de/.../pdf/uebungsaufgaben_0.docx · Web viewDurch das Kopieren aus einer Word-Datei werden die dort vorliegenden Formatierungen mitkopiert. Das macht sich

Übung 6 – Links einfügen

Links einfügenErstellen Sie nun für die eben angelegten Listenpunkte Links zu den folgenden Adressen.

Hinweis: Die jeweiligen Unterpunkte dienen nur zur Erklärung. Die Adresse ist der einzutragende Link und danach folgt die Erklärung, um was für einen Link es sich dabei handelt.

Startseite der Universitäto Adresse: /o Relativer Link zur Root-Seite

Webportalo Adresse: /webportal/o Relativer Link zur Seite Hauptdomain/webportal/

Speiseplano Adresse: https://studentenwerk-freiberg.de/freiberg/essen-

trinken/speiseplaene/?L=1o Absoluter Link zur Speiseplanseite vom Studentenwerko Link im neuen Fenster öffnen lassen

Einverständniserklärung für das Mitarbeiterfoto im Webauftritto Adresse:

http://tu-freiberg.de/sites/default/files/media/willkommen-im-webportal-4488/pdf/einverstaendniserklaerung_mitarbeiterfoto_webauftritt.pdf

o Absoluter Link zur Einverständniserklärungo Link im neuen Fenster öffnen lassen

Bitte tragen Sie als Link-Titel jeweils die Bezeichnungen der Listenpunkte ein. Speichern Sie die Seite ab.

ErgebniskontrolleFunktionieren alle Links? Über den Zurück-Button im Browser kommen Sie bei den ersten beiden Links wieder zur Ausgangsseite zurück. Bei den letzten beiden Links sollte sich jeweils ein neuer Tab im Browser öffnen. Wurden die Link-Titel eingetragen?

10

Page 11: tu-freiberg.detu-freiberg.de/.../pdf/uebungsaufgaben_0.docx · Web viewDurch das Kopieren aus einer Word-Datei werden die dort vorliegenden Formatierungen mitkopiert. Das macht sich

Überprüfung der Link-Titel: Per MouseOver werden die Link-Titel eingeblendet. Taucht keiner auf, fehlt mglw. der Link-Titel. Beim Einfügen eines Links kommt obendrein ein entsprechender Warnhinweis, der den Redakteur darauf hinweist, einen Link-Titel einzutragen.

Hinweis: Interne Links sollten alle im selben Browserfenster geöffnet werden. Externe Links dagegen müssen in einem neuen Browserfenster geöffnet werden.

Tipp: Bei z.B. PDF-Dokumenten hängt es vom jeweiligen Client ab, ob das Dokument im Browserfenster oder in einem separaten Programm geöffnet wird. Es hat sich als hinderlich erwiesen, wenn sich das PDF im aktuellen Browserfenster öffnet, also damit die aktuelle Seite „überschreibt“. Mitunter kann dabei sogar der Browser abstürzen und man muss sich erneut zur Seite durchnavigieren. I.d.R. möchte der Seitenbesucher noch weitere Informationen auf der Seite aufnehmen, daher ist es durchaus praktikabel, auch ein PDF zur Sicherheit in einem neuen Browserfenster öffnen zu lassen.

Eigenes Dokument einfügenFügen Sie auf der Seite einen weiteren Listenpunkt „Schulung“ hinzu und verlinken Sie dort eine PDF-Datei direkt aus Drupal. Dokumente können über den Dateibrowser verwaltet werden. Im Link-Menü befindet sich rechts neben der Adresszeile das Icon, um den Dateibrowser zu öffnen. Navigieren Sie sich dort zum Schulungsbereich und wählen Sie eine PDF-Datei aus. Lassen Sie den Link ebenfalls in einem neuen Fenster öffnen und denken Sie an den Link-Titel.

ErgebniskontrolleFunktioniert der Link? Ist der Link-Titel eingetragen?

11

Page 12: tu-freiberg.detu-freiberg.de/.../pdf/uebungsaufgaben_0.docx · Web viewDurch das Kopieren aus einer Word-Datei werden die dort vorliegenden Formatierungen mitkopiert. Das macht sich

Übung 7 – Bilder einfügen

Bilder einfügenAls nächstes fügen Sie bitte drei Bilder auf „Unterseite 1“ mit unterschiedlichen Formatierungen ein. Im Dateibrowser finden Sie im Ordner „Schulungsbereich“ ein Unterverzeichnis „Bilder“. Darin sehen Sie u.a. drei Bilder [Koala, Pinguine und Tulpen].

Bild 1 [Koala] soll zu Beginn des ersten Textabsatzes stehen. Als Ausrichtung wählen Sie bitte „rechtsbündig“ mit der Größe von „192px“ aus. Haken Sie bitte auch den Bilduntertitel sowie den Rahmen an. Das Bild soll anklickbar sein.

Bild 2 [Pinguine] soll zu Beginn des zweiten Textabsatzes stehen. Als Ausrichtung stellen Sie hierbei bitte „linksbündig“ mit der Größe von „112px“ ein. Haken Sie hier den Bilduntertitel an. Auch dieses Bild soll anklickbar sein. Verwenden Sie eine horizontale Linie, um nach dem ersten Satz rechts neben dem Bild einen Umbruch einzufügen.

Bild 3 [Tulpen] soll ganz am Ende der Seite eingefügt werden. Stellen Sie hierfür bitte „544px“ als Größe ein und lassen Sie den Bildtitel anzeigen. Dieses Bild soll nicht anklickbar sein.

Speichern Sie die Seite ab, um auch Rahmen und Bildunterschriften bei den Bildern sehen zu können.

Hinweis: Denken Sie daran, bei jedem Bild den Beschreibungstext einzutragen [Stichwort: Barrierefreiheit]. Der Bildtitel ist nicht zwingend auszufüllen. Es bietet sich hier allerdings an, der Einfachheit halber den Beschreibungstext auch ins Feld für den Bildtitel zu kopieren. Nur wenn allerdings auch ein Bildtitel eingegeben wurde, kann unterhalb des Bildes dieser als Bildunterschrift auftauchen.

Tipp: Der Bildtitel fungiert analog zum Link-Titel auch als MouseOver-Effekt, auch ohne angezeigten Bilduntertitel.

12

Page 13: tu-freiberg.detu-freiberg.de/.../pdf/uebungsaufgaben_0.docx · Web viewDurch das Kopieren aus einer Word-Datei werden die dort vorliegenden Formatierungen mitkopiert. Das macht sich

Hinweis: Anklickbare Bilder erscheinen bei Klick in Originalgröße in einer Colorbox. Sind mehr als ein Bild auf der Seite anklickbar, kann man in der Colorbox auch zwischen den Bildern navigieren.

13

Page 14: tu-freiberg.detu-freiberg.de/.../pdf/uebungsaufgaben_0.docx · Web viewDurch das Kopieren aus einer Word-Datei werden die dort vorliegenden Formatierungen mitkopiert. Das macht sich

Ergebniskontrolle

14

Page 15: tu-freiberg.detu-freiberg.de/.../pdf/uebungsaufgaben_0.docx · Web viewDurch das Kopieren aus einer Word-Datei werden die dort vorliegenden Formatierungen mitkopiert. Das macht sich

Übung 8 – Tabellen

Tabelle einfügenFügen Sie unter der erstellten Überschrift „Tabellen“ eine Tabelle mit 2 Spalten, 3 Zeilen und einer hervorgehobenen Kopfzeile ein. Tabelle soll für die Darstellung von Öffnungszeiten dienen. Vergeben Sie aussagekräftige Spaltenüberschriften (z. B. „Tage“, „Zeiten“). Füllen Sie die weiteren Zeilen aus:

Montag – Freitag 07:00 – 24:00 Uhr Samstag & Sonntag 10:00 – 18:00 Uhr

Ergebniskontrolle

Zeilen und Spalten hinzufügenDie Öffnungszeiten für Sonntag (10:00 – 16:00 Uhr) sollen abweichend von Samstag bestimmt werden. Außerdem sollen zur Verbesserung der Übersicht die Öffnungs- und Schließzeiten in zwei unterschiedlichen Spalten angegeben werden. Fügen Sie hierfür je eine Zeile und eine Spalte unterhalb bzw. rechts ein und füllen Sie die Felder aus.

Ergebniskontrolle

Ausrichtung der Zellen anpassenFormatieren Sie die Zellen der ersten Spalte so, dass die Inhalte rechtsbündig dargestellt werden.

15

Page 16: tu-freiberg.detu-freiberg.de/.../pdf/uebungsaufgaben_0.docx · Web viewDurch das Kopieren aus einer Word-Datei werden die dort vorliegenden Formatierungen mitkopiert. Das macht sich

Ergebniskontrolle

Zellen verbindenVerbinden Sie die Zellen der letzten beiden Spalten so, dass die Tabelle wieder auf zwei Spalten reduziert ist. Achten Sie darauf, dass die zusammengefügten Texte wieder korrigiert werden.

Ergebniskontrolle

Zeilen löschenDie Öffnungszeiten sollen für alle Tage gleichgesetzt (7:00 – 24:00 Uhr) werden. Löschen Sie überflüssige Zeilen und ändern Sie die Daten entsprechend.

Ergebniskontrolle

16

Page 17: tu-freiberg.detu-freiberg.de/.../pdf/uebungsaufgaben_0.docx · Web viewDurch das Kopieren aus einer Word-Datei werden die dort vorliegenden Formatierungen mitkopiert. Das macht sich

Übung 9 – DateibrowserLaden Sie sich bitte von der Seite http://tu-freiberg.de/webportal/weiterbildung/drupal-fuer-einsteiger entweder das PDF oder die Word-Datei herunter und legen Sie diese auf Ihrem Computer ab. Wahlweise können Sie sich auch ein anderes PDF herunterladen.

Verzeichnisse verwaltenÖffnen Sie den Dateibrowser – entweder über den grauen Reiter oder z.B. über das Link-Menü. Wechseln Sie dort in den Ordner „Schulungsbereich“. Legen Sie darunter ein neues Verzeichnis „eigener Name“ an. Unterhalb dieses Verzeichnisses legen Sie bitte zwei weiterer Unterverzeichnisse „Ordner1“ und „Ordner2“ an. Anschließend löschen Sie bitte wieder das Unterverzeichnis „Ordner1“.

ErgebniskontrollePrüfen Sie bitte, ob Sie in der linken Spalte des Dateibrowsers unterhalb des Ordners „Schulungsbereich“ den von Ihnen angelegten Ordner „eigener Name“ sowie darunter das Unterverzeichnis „Ordner2“ finden können.

Dateien hochladenWechseln Sie in den Ordner „eigener Name“ und laden Sie dorthin das eben heruntergeladene PDF hoch. Laden Sie nun noch ein Bild hoch. Sie finden auf Ihrem Computer in der lokalen Bilder-Bibliothek diverse Bilder [u.a. auch das Koala-Bild], aus denen Sie eins auswählen.

ErgebniskontrollePrüfen Sie bitte, ob im Ordner „eigener Name“ die beiden eben hochgeladenen Dokumente – ein PDF und ein Bild – angezeigt werden.

Bild bearbeitenIm Dateibrowser haben Sie außerdem die Möglichkeit, ein hochgeladenes Bild zu bearbeiten, z.B. können Sie die Größe ändern oder einen bestimmten Bildausschnitt als neues Bild abspeichern.

17

Page 18: tu-freiberg.detu-freiberg.de/.../pdf/uebungsaufgaben_0.docx · Web viewDurch das Kopieren aus einer Word-Datei werden die dort vorliegenden Formatierungen mitkopiert. Das macht sich

Wählen Sie in Ihrem Ordner das eben hochgeladene Bild aus und verändern Sie die Bildgröße auf „800px“ Breite. Das Feld Höhe wird automatisch ausgefüllt, wenn Sie eine Breite vorgeben, damit die Proportion nicht verfälscht wird.

Tipp: Lassen Sie den Haken „Ein neues Bild erstellen“ aktiv, bleibt das Originalbild erhalten. Ansonsten wird es mit den neuen Abmessungen überschrieben.

Schneiden Sie nun aus dem neuen Bild einen bestimmten Ausschnitt aus. Entweder geben Sie die konkreten Werte ein oder Sie ziehen im Vorschaufeld mit der Maus den gewünschten Bildausschnitt. Speichern Sie das zugeschnittene Bild ab.

ErgebniskontrolleSie sollten nun in Ihrem Ordner „eigener Name“ mind. drei Bilddateien sehen, einmal mit dem Originalnamen und dann mit einem Unterstrich und einer Ziffer am Ende. In den Spalten Größe und Breite/Höhe sollten Sie auch jeweils unterschiedliche Werte vorfinden, z.B. so wie im Screenshot zu sehen:

18

Page 19: tu-freiberg.detu-freiberg.de/.../pdf/uebungsaufgaben_0.docx · Web viewDurch das Kopieren aus einer Word-Datei werden die dort vorliegenden Formatierungen mitkopiert. Das macht sich

Übung 10 – Visitenkarten

Visitenkarte einbindenFügen Sie an das Ende des Inhaltes von Unterseite 2 eine Visitenkarte ein. Nutzen Sie als Profilbild die Datei „koala.jpg“, welche sie Im Dateibrowser im Ordner „schulungsbereich-5642“ finden. Es handelt sich um ein Bild im Querformat, weswegen diese Option genutzt werden sollte. Die Daten (Name, Adresse, Kontakt…) geben Sie entsprechend Ihrer Person an.

ErgebniskontrolleWird die Visitenkarte mit ihren Daten und dem Bild korrekt dargestellt? Funktioniert die angegebene E-Mail-Adresse?

Daten der Visitenkarte ändernÄndern Sie die angegebene Adresse in die des Universitätsrechenzentrums (Bernhard-von-Cotta-Str. 1) und entfernen Sie das angegebene Profilbild.

ErgebniskontrolleWurde die Änderung übernommen?

19

Page 20: tu-freiberg.detu-freiberg.de/.../pdf/uebungsaufgaben_0.docx · Web viewDurch das Kopieren aus einer Word-Datei werden die dort vorliegenden Formatierungen mitkopiert. Das macht sich

Übung 11 – Multimediainhalte

Video einbindenFügen Sie an das Ende des Inhaltes von Unterseite 2, vor der Visitenkarte, ein YouTube-Video ein. Nutzen Sie als Quelle das Video „What is drupal? (in 57 seconds)“ (https://www.youtube.com/watch?v=rF1X12PE6PY). Das Video soll 320 Pixel breit dargestellt werden.

ErgebniskontrolleIst das Video nach dem speichern in der Seite eingebunden? Kann das Video abgespielt werden?

Video ändernÄndern Sie die Videoquelle: https://www.youtube.com/watch?v=Vw4KVoEVcr0

ErgebniskontrolleEs sollte nun ein Video zu sehen sein, das ein kleines Kätzchen zeigt. Ist das Video abspielbar?

20

Page 21: tu-freiberg.detu-freiberg.de/.../pdf/uebungsaufgaben_0.docx · Web viewDurch das Kopieren aus einer Word-Datei werden die dort vorliegenden Formatierungen mitkopiert. Das macht sich

Übung 12 – News anlegen

Anlegen einer NewsGehen Sie auf die Bereichshauptseite „Schulungsbereich“ und wählen Sie „Unterseite hinzufügen“ aus. Sie möchten eine News anlegen, also klicken Sie auf den Inhaltstypen „News“. Geben Sie einen Schagzeilentitel ein, idealerweise einen prägnanten Wortlaut. Geben Sie weiterhin einen Anrisstext ein, welcher die News kurz anteasert und anschließend im Feld „Inhalt“ den konkreten Inhaltstext der News. Speichern Sie die News anschließend ab.

ErgebniskontrolleÖffnen Sie die Bereichshauptseite und scrollen Sie herunter zu „Aktuelle Meldungen“. Hier sollte ihre eben erstellte News mit Schlagzeile und Anrisstext erscheinen. Ein Klick auf „…weiterlesen“ öffnet die vollständige News.

Hinzufügen einer Weiterleitung auf eine Drupal-SeiteBearbeiten Sie die News (äquivalent zu Inhaltsseiten) und fügen Sie einen Link zur Seite Universitätsrechenzentrum in das Feld „weiterführender Link“ ein.

ErgebniskontrolleDie News auf der Bereichshauptseite sollte nun statt „…weiterlesen“ ein „weitere Informationen“ anzeigen. Ein Klick öffnet die Seite des URZ (http://tu-freiberg.de/urz).

21

Page 22: tu-freiberg.detu-freiberg.de/.../pdf/uebungsaufgaben_0.docx · Web viewDurch das Kopieren aus einer Word-Datei werden die dort vorliegenden Formatierungen mitkopiert. Das macht sich

AbschließendesHerzlichen Glückwunsch, Sie haben die Einsteigerschulung erfolgreich abgeschlossen. Sie sollten nun über grundlegende Kenntnisse über das WebCMS Drupal, über die Kriterien zur Barrierefreiheit und zur Erstellung und Formatierung von Webinhalten verfügen.

Sie können auf dem Test-Server auch weiterhin mit Ihrem zentralen Login üben.

Fragen & SupportHaben Sie Fragen, wenden Sie sich bitte ans Webteam. Sie erreichen uns unter der E-Mail-Adresse [email protected].

Weitere Informationen zu den Bedienelementen, Funktionen und Möglichkeiten zum WebCMS finden Sie auf unseren Webseitenhttp://tu-freiberg.de/webteam.

Wenn Sie möchten, können Sie nun auch noch die Drupal-Schulung für Fortgeschrittene besuchen.

22