Templates & Gestaltungselemente

Ihnen stehen Templates für Kursstartseiten und Inhaltsseiten zur Verfügung, um einen einheitlichen Look Ihrer Kurse zu garantieren. Unten auf dieser Seite finden Sie Vorschauen für diese Templates.

Um Ihre Kursseiten, Aufgaben und Diskussionen ansprechend gestalten zu können stehen Ihnen auch UWK-Icons sowie Bilder für die Banner zur Verfügung. 

Vorschau für Templates

Wird ein Kurs für die Lehre beantragt, sind Templates für die Kursstartseite und die Gestaltung von Inhaltsseiten automatisch hinterlegt. 

Aktuell stehen Ihnen folgende Templates in Canvas zur Verfügung:

• Kursstartseite (D / E)

• Inhaltsseite (D / E)

• Masterstudienübersicht

• Bachelorstudienübersicht

• Von 0 auf Kurs (sehr reduzierte Kursstartseite)

• Glossar in Canvas 

Außerdem finden Sie in Canvas gestaltete Seiten zu:

• How to Canvas für Studierende (D/E)

Aura tab collection
settings {"generalSettings":{"tabSpacing":0,"tabWidth":100,"tabHeight":55,"direction":"horizontal"},"activeSettings":{"backgroundColor":{"color":"#052453"},"text":{"fontSize":16,"color":"#f3f3f3","textAlign":"left","fontWeight":"bold"},"border":{"top":false,"left":false,"right":false,"bottom":true,"width":3,"style":"solid","color":"#052453"}},"inactiveSettings":{"backgroundColor":{"color":"#f3f3f3"},"text":{"fontSize":18,"color":"#052453","textAlign":"left","fontWeight":"normal"}},"contentSettings":{"padding":{"top":25,"right":25,"bottom":25,"left":25},"backgroundColor":{"color":"#ffffff"},"boxShadow":{"shadows":[{"color":"rgba(0, 0, 0, 0.2)","x":0,"y":1,"blur":6,"spread":0},{"color":"rgba(0, 0, 0, 0.4)","x":0,"y":12,"blur":4,"spread":-10}]}},"hoverSettings":{"backgroundColor":{"color":"#dfe1e6"},"text":{"fontSize":18,"color":"#091e42","textAlign":"left","fontWeight":"lighter"}}} tab 1
Aura tab summary Template zur Studienprogramm-Übersicht params JTdCJTIydGl0bGUlMjIlM0ElMjJUZW1wbGF0ZSUyMHp1ciUyMFN0dWRpZW5wcm9ncmFtbS0lQzMlOUNiZXJzaWNodCUyMiUyQyUyMmljb24lMjIlM0ElMjJncmFkdWF0aW9uLWNhcCUyMiU3RA== Farben Verfügbare Farben: UWK-Blau Die Studienprogramm-Seite dient lediglich als Absprungfläche, um in die einzelnen Module zu gelangen. Um eine Studienprogramm-Seite zu nutzen, wird ein neuer Kurs erstellt, in dem das folgende Template als Startseite hinterlegt ist. Alle weiteren Funktionen wie Quizze, Dateien oder Noten werden auf der linken Seite ausgeblendet. Aura divider summary Aura Divider params JTdCJTIydHlwZSUyMiUzQSUyMnJlZ3VsYXIlMjIlMkMlMjJzdHlsZSUyMiUzQSU3QiUyMmFsaWdubWVudCUyMiUzQSU3QiUyMmhvcml6b250YWwlMjIlM0ElMjJzdGFydCUyMiU3RCUyQyUyMmljb24lMjIlM0ElN0IlMjJuYW1lJTIyJTNBJTIyZmFQYXBlclBsYW5lJTIyJTJDJTIyY29sb3IlMjIlM0ElN0IlMjJsaWdodCUyMiUzQSUyMiUyMzMzMyUyMiUyQyUyMmRhcmslMjIlM0ElMjIlMjNkZGQlMjIlN0QlMkMlMjJzaXplJTIyJTNBMjQlN0QlMkMlMjJ0ZXh0JTIyJTNBJTdCJTIyY29sb3IlMjIlM0ElN0IlMjJsaWdodCUyMiUzQSUyMiUyMzMzMyUyMiUyQyUyMmRhcmslMjIlM0ElMjIlMjNkZGQlMjIlN0QlMkMlMjJmb250U2l6ZSUyMiUzQTE0JTJDJTIydGV4dEFsaWduJTIyJTNBJTIybGVmdCUyMiUyQyUyMmZvbnRXZWlnaHQlMjIlM0ElMjJib2xkJTIyJTJDJTIydGV4dCUyMiUzQSUyMkF1cmElMjBEaXZpZGVyJTIyJTdEJTJDJTIyYm9yZGVyJTIyJTNBJTdCJTIydG9wJTIyJTNBZmFsc2UlMkMlMjJyaWdodCUyMiUzQWZhbHNlJTJDJTIyYm90dG9tJTIyJTNBdHJ1ZSUyQyUyMmxlZnQlMjIlM0FmYWxzZSUyQyUyMmNvbG9yJTIyJTNBJTdCJTIybGlnaHQlMjIlM0ElMjIlMjNkMGQ0ZTMlMjIlMkMlMjJkYXJrJTIyJTNBJTIyJTIzZGRkJTIyJTdEJTJDJTIyc3R5bGUlMjIlM0ElMjJzb2xpZCUyMiUyQyUyMndpZHRoJTIyJTNBMiU3RCUyQyUyMnNpemUlMjIlM0ElN0IlN0QlN0QlN0Q= Vorschau Ausgeklappte Dropdown-Menüs (Kästchen) Ausgeklappte Dropdown-Menüs (Bullet Points) Eingeklappte Dropdown-Menüs Image Modified Image Modified Image Modified Aura tab summary Template zur Kursgestaltung params JTdCJTIydGl0bGUlMjIlM0ElMjJUZW1wbGF0ZSUyMHp1ciUyMEt1cnNnZXN0YWx0dW5nJTIyJTJDJTIyaWNvbiUyMiUzQSUyMmJvb2slMjIlN0Q= Farben Verfügbare Farben: Rot Minzgrün Dunkelgrün Grau Blau Aura divider summary Aura Divider params JTdCJTIydHlwZSUyMiUzQSUyMnJlZ3VsYXIlMjIlMkMlMjJzdHlsZSUyMiUzQSU3QiUyMmFsaWdubWVudCUyMiUzQSU3QiUyMmhvcml6b250YWwlMjIlM0ElMjJzdGFydCUyMiU3RCUyQyUyMmljb24lMjIlM0ElN0IlMjJuYW1lJTIyJTNBJTIyZmFQYXBlclBsYW5lJTIyJTJDJTIyY29sb3IlMjIlM0ElN0IlMjJsaWdodCUyMiUzQSUyMiUyMzMzMyUyMiUyQyUyMmRhcmslMjIlM0ElMjIlMjNkZGQlMjIlN0QlMkMlMjJzaXplJTIyJTNBMjQlN0QlMkMlMjJ0ZXh0JTIyJTNBJTdCJTIyY29sb3IlMjIlM0ElN0IlMjJsaWdodCUyMiUzQSUyMiUyMzMzMyUyMiUyQyUyMmRhcmslMjIlM0ElMjIlMjNkZGQlMjIlN0QlMkMlMjJmb250U2l6ZSUyMiUzQTE0JTJDJTIydGV4dEFsaWduJTIyJTNBJTIybGVmdCUyMiUyQyUyMmZvbnRXZWlnaHQlMjIlM0ElMjJib2xkJTIyJTJDJTIydGV4dCUyMiUzQSUyMkF1cmElMjBEaXZpZGVyJTIyJTdEJTJDJTIyYm9yZGVyJTIyJTNBJTdCJTIydG9wJTIyJTNBZmFsc2UlMkMlMjJyaWdodCUyMiUzQWZhbHNlJTJDJTIyYm90dG9tJTIyJTNBdHJ1ZSUyQyUyMmxlZnQlMjIlM0FmYWxzZSUyQyUyMmNvbG9yJTIyJTNBJTdCJTIybGlnaHQlMjIlM0ElMjIlMjNkMGQ0ZTMlMjIlMkMlMjJkYXJrJTIyJTNBJTIyJTIzZGRkJTIyJTdEJTJDJTIyc3R5bGUlMjIlM0ElMjJzb2xpZCUyMiUyQyUyMndpZHRoJTIyJTNBMiU3RCUyQyUyMnNpemUlMjIlM0ElN0IlN0QlN0QlN0Q= Vorschau Eingeklappte Dropdown-Menüs Ausgeklapptes Dropdown-Menü Image Modified Video: Image Modified Aura tab summary Template für Inhaltsseiten params JTdCJTIydGl0bGUlMjIlM0ElMjJUZW1wbGF0ZSUyMGYlQzMlQkNyJTIwSW5oYWx0c3NlaXRlbiUyMiUyQyUyMmljb24lMjIlM0ElMjJjaXJjbGUtaW5mbyUyMiU3RA== Farben Verfügbare Farben: Rot Minzgrün Dunkelgrün Grau Blau Aura divider summary Aura Divider params JTdCJTIydHlwZSUyMiUzQSUyMnJlZ3VsYXIlMjIlMkMlMjJzdHlsZSUyMiUzQSU3QiUyMmFsaWdubWVudCUyMiUzQSU3QiUyMmhvcml6b250YWwlMjIlM0ElMjJzdGFydCUyMiU3RCUyQyUyMmljb24lMjIlM0ElN0IlMjJuYW1lJTIyJTNBJTIyZmFQYXBlclBsYW5lJTIyJTJDJTIyY29sb3IlMjIlM0ElN0IlMjJsaWdodCUyMiUzQSUyMiUyMzMzMyUyMiUyQyUyMmRhcmslMjIlM0ElMjIlMjNkZGQlMjIlN0QlMkMlMjJzaXplJTIyJTNBMjQlN0QlMkMlMjJ0ZXh0JTIyJTNBJTdCJTIyY29sb3IlMjIlM0ElN0IlMjJsaWdodCUyMiUzQSUyMiUyMzMzMyUyMiUyQyUyMmRhcmslMjIlM0ElMjIlMjNkZGQlMjIlN0QlMkMlMjJmb250U2l6ZSUyMiUzQTE0JTJDJTIydGV4dEFsaWduJTIyJTNBJTIybGVmdCUyMiUyQyUyMmZvbnRXZWlnaHQlMjIlM0ElMjJib2xkJTIyJTJDJTIydGV4dCUyMiUzQSUyMkF1cmElMjBEaXZpZGVyJTIyJTdEJTJDJTIyYm9yZGVyJTIyJTNBJTdCJTIydG9wJTIyJTNBZmFsc2UlMkMlMjJyaWdodCUyMiUzQWZhbHNlJTJDJTIyYm90dG9tJTIyJTNBdHJ1ZSUyQyUyMmxlZnQlMjIlM0FmYWxzZSUyQyUyMmNvbG9yJTIyJTNBJTdCJTIybGlnaHQlMjIlM0ElMjIlMjNkMGQ0ZTMlMjIlMkMlMjJkYXJrJTIyJTNBJTIyJTIzZGRkJTIyJTdEJTJDJTIyc3R5bGUlMjIlM0ElMjJzb2xpZCUyMiUyQyUyMndpZHRoJTIyJTNBMiU3RCUyQyUyMnNpemUlMjIlM0ElN0IlN0QlN0QlN0Q= Vorschau (minzgrün) Image Modified

Icons

Hier finden Sie Icons, die Sie für die Gestaltung der Banner (Icons mit transparentem Hintergrund) sowie der Inhaltsseiten (blauer Hintergrund) genutzt werden können.

So können Sie die Icons als ZIP-Ordner runterladen und zur weiteren Verwendung abspeichern:

Um bei der Formatierung keine Probleme zu haben, finden Sie ebenfalls eine kurze Anleitung zur Icon-Anpassung im Banner.

Banner

Im folgenden ZIP-Ordner finden Sie Bildmaterial, welches für Canvas für die Verwendung mit den Templates speziell bearbeitet wurden. Dieses Angebot wird seit August 2023 laufend ergänzt. 

Falls Sie selbst eigenes Bildmaterial hier verwenden möchten, bitte beachten Sie die folgenden Tipps & Tricks: 

• Achten Sie auf die Bildrechte!

• Um Verzerrungen und das Zusammenstauchen von Bildern zu vermeiden, sollten Ihre eigenen Banner eine Größe von 1600x200 px haben. 

• Beachten Sie die /wiki/spaces/infowiki/pages/115411487 (Diese Empfehlungen beziehen sich auf die Website-Bearbeitung, lassen sich jedoch gut bei der Arbeit im LMS Canvas anwenden). 

• Wir empfehlen Bilder zu verwenden, welche einen Bildausschnitt im  Breitformat zulassen oder aber abstrakte Muster darstellen. Bilder mit konkreten Motiven können sich im Zuschnitt oder in der Zentrierung als schwierig herausstellen.