Thilo (Diskussion | Beiträge) K |
Thilo (Diskussion | Beiträge) K |
||
| Zeile 1: | Zeile 1: | ||
Überblick über Layoutbedarf und existierende Vorlagen: | Überblick über Layoutbedarf und existierende Vorlagen: | ||
Alle Vorlagen: [[Spezial:Vorlagen]] | Alle Vorlagen: [[Spezial:Vorlagen]] | ||
| + | [[Media:HochNWikiFarben.pdf]] | ||
| − | == Seiten mit Layout Elementen == | + | == Vorgehen == |
| + | [https://getbootstrap.com/docs/4.6/components/alerts/ Bootstrap Version 4] wird unterstützt. | ||
| + | |||
| + | * Cards werden Hauptelement für die Übersichtsseiten | ||
| + | ** Card-Class stylen: Hintergrundfarbe?, runde Ecken...? | ||
| + | ** separat Card-headings und Body, Text stylen, sofern sie genutzt werden haben die dann einheitliche Form | ||
| + | ** müssen weitere stylings vorgenommen werden falls eine Card ein [https://getbootstrap.com/docs/4.6/components/card/#image-overlays Hintergrundbild] haben soll, bzw. [https://getbootstrap.com/docs/4.6/components/card/#images oben] oder an der [https://getbootstrap.com/docs/4.6/components/card/#horizontal Seite]? | ||
| + | * Tabellen .wikitable mit Hintergrund aus der HochN bzw DG Farbwelt | ||
| + | * Standard-Farbe für Hintergründe etc [https://www.mediawiki.org/wiki/Snippets/Image_Slideshow_created_by_CSS differenzieren nach nach Namensraum]: HOCH-N Namensraum bekommt das grüne Profil | ||
| + | |||
| + | * Farben für die einzelnen Banner festlegen, als div oder Tabelle Wikistyle? | ||
| + | |||
| + | |||
| + | |||
| + | == Sammlung == | ||
| + | === Seiten mit Layout Elementen === | ||
Cards etc. werden für Seiten benötigt, die einen Überblick über ein Themengebiet liefern. Hier sind Beispiele für Übersichtseiten: | Cards etc. werden für Seiten benötigt, die einen Überblick über ein Themengebiet liefern. Hier sind Beispiele für Übersichtseiten: | ||
* [[Hauptseite]] drei Boxen mit den drei Grundfunktionen des Wikis: Suchen, Schreiben und Vernetzen | * [[Hauptseite]] drei Boxen mit den drei Grundfunktionen des Wikis: Suchen, Schreiben und Vernetzen | ||
| Zeile 14: | Zeile 30: | ||
* [[HOCH-N:Nachhaltigkeit im Hochschulbetrieb]] auch eine Handlungsfeldseite aber mit Tabelle | * [[HOCH-N:Nachhaltigkeit im Hochschulbetrieb]] auch eine Handlungsfeldseite aber mit Tabelle | ||
| − | == Seitentypen zum Überblick und Bedarf an Layout und Elementen == | + | === Seitentypen zum Überblick und Bedarf an Layout und Elementen === |
Diese Seiten sollten ein eigenes Layout und Design haben anlegen. | Diese Seiten sollten ein eigenes Layout und Design haben anlegen. | ||
* Überblickseiten | * Überblickseiten | ||
| Zeile 24: | Zeile 40: | ||
* Hubseite (Seite einer Veranstaltung, hier werden Standardinhalte für jede Sitzung festgehalten bspw. [[Community - Hub - Überblick und Einstieg ins HochN-Wiki: Auftakt]]) | * Hubseite (Seite einer Veranstaltung, hier werden Standardinhalte für jede Sitzung festgehalten bspw. [[Community - Hub - Überblick und Einstieg ins HochN-Wiki: Auftakt]]) | ||
| − | == Benötigte Layout-Elemente == | + | === Benötigte Layout-Elemente === |
* Cards (Boxen, für Einzelaspekte in einem Überblick) | * Cards (Boxen, für Einzelaspekte in einem Überblick) | ||
** Mit Überschrift () | ** Mit Überschrift () | ||
| Zeile 38: | Zeile 54: | ||
** Achtung allgemeine Warnung rot | ** Achtung allgemeine Warnung rot | ||
** Tipp extra? freundlich | ** Tipp extra? freundlich | ||
| − | ** Hinweis | + | ** Hinweis |
** Leseempfehlung mit Buch icon oä | ** Leseempfehlung mit Buch icon oä | ||
** Block-Quote ohne Kasten drumrum wie [https://www.mediawiki.org/wiki/Template:Quote hier] (einfach blockquote html-Element stylen) | ** Block-Quote ohne Kasten drumrum wie [https://www.mediawiki.org/wiki/Template:Quote hier] (einfach blockquote html-Element stylen) | ||
| − | == Font Awesome Icons {{#fas:toilet}} == | + | === Font Awesome Icons {{#fas:toilet}} === |
| − | * Anker {{#fas:anchor}} wei noch nicht wofür, finde ihn aber cool | + | * Anker {{#fas:anchor}} {{#far:anchor}} wei noch nicht wofür, finde ihn aber cool |
| + | * Entscheidung / Abwägung {{#fas:balance-scale-left}} | ||
* Uni {{#fas:university}} | * Uni {{#fas:university}} | ||
| − | * Forschung oder Lehre {{#fas:graduation-cap}} | + | * Person {{#fas:user-alt}} {{#far:user}} |
| + | * Forschung oder Lehre {{#fas:graduation-cap}} {{#far:graduation-cap}} | ||
* Suche / Recherche {{#fas:search}} {{#fas:glasses}} | * Suche / Recherche {{#fas:search}} {{#fas:glasses}} | ||
| − | * Lesetipp / Literatur {{#fas:book}} oder {{#fas:book-open}} | + | * Lesetipp / Literatur {{#fas:book}} oder {{#fas:book-open}} {{#far:book}} {{#far:book-open}} |
| − | * Tipp {{#fas:lightbulb}} | + | * Tipp {{#fas:lightbulb}} {{#far:lightbulb}} |
| − | * Hinweis {{#fas:info-circle}} | + | * Hinweis {{#fas:info-circle}} {{#far:info-circle}} |
| − | * Achtung / Gefahr {{#fas:exclamation-triangle}} | + | * Achtung / Gefahr {{#fas:exclamation-triangle}} {{#far:exclamation-triangle}} |
* Block-Quote {{#fas:quote-right}} und {{#fas:quote-left}} oder {{#fas:angle-double-right}} und {{#fas:angle-double-left}} | * Block-Quote {{#fas:quote-right}} und {{#fas:quote-left}} oder {{#fas:angle-double-right}} und {{#fas:angle-double-left}} | ||
* Network {{#fas:project-diagram}} | * Network {{#fas:project-diagram}} | ||
* Mitmachen {{#fas:door-open}} | * Mitmachen {{#fas:door-open}} | ||
| − | + | * marker {{#fas:map-marker-alt}} | |
| − | {{#fas: | ||
Aktuelle Version vom 6. Januar 2022, 11:02 Uhr
Überblick über Layoutbedarf und existierende Vorlagen: Alle Vorlagen: Spezial:Vorlagen Media:HochNWikiFarben.pdf
Vorgehen
Bootstrap Version 4 wird unterstützt.
- Cards werden Hauptelement für die Übersichtsseiten
- Card-Class stylen: Hintergrundfarbe?, runde Ecken...?
- separat Card-headings und Body, Text stylen, sofern sie genutzt werden haben die dann einheitliche Form
- müssen weitere stylings vorgenommen werden falls eine Card ein Hintergrundbild haben soll, bzw. oben oder an der Seite?
- Tabellen .wikitable mit Hintergrund aus der HochN bzw DG Farbwelt
- Standard-Farbe für Hintergründe etc differenzieren nach nach Namensraum: HOCH-N Namensraum bekommt das grüne Profil
- Farben für die einzelnen Banner festlegen, als div oder Tabelle Wikistyle?
Sammlung
Seiten mit Layout Elementen
Cards etc. werden für Seiten benötigt, die einen Überblick über ein Themengebiet liefern. Hier sind Beispiele für Übersichtseiten:
- Hauptseite drei Boxen mit den drei Grundfunktionen des Wikis: Suchen, Schreiben und Vernetzen
- Hubs der DG HochN enthält alle Hub typen
- DG-Hubs ein DG Hub ist ein Hub der DG-HochN
- DG-Hub - Community Hubs Community Hubs gehören zu der Klasse der DG-Hubs (Siblings sind bspw. innovative Lehrformate, Klimaneutralität)
- HOCH-N:Roadmap 2030
- HOCH-N:Handlungsfelder nachhaltiger Hochschulentwicklung
- HOCH-N:Nachhaltigkeit in der Hochschulforschung (Übersicht)
- HOCH-N:Nachhaltigkeit in der Hochschulforschung (ungefähr template für Handlungsfeldseite, nur die automatische Liste zum filtern verbundener Inhalte fehlt)
- HOCH-N:Nachhaltigkeit im Hochschulbetrieb auch eine Handlungsfeldseite aber mit Tabelle
Seitentypen zum Überblick und Bedarf an Layout und Elementen
Diese Seiten sollten ein eigenes Layout und Design haben anlegen.
- Überblickseiten
- Handlungsfeld-Seiten(z.B. HOCH-N:Nachhaltigkeit in der Hochschulforschung)
- Hub-Überblickseiten (Hubs der DG HochN und bspw. DG-Hub - Community Hubs)
- Ideenpool Seite (HOCH-N:Ideenpool der Roadmap 2030)
- Themenseite: Im Laufe der Zeit werden sich neue Themen ergeben. bsow. entlang der Hubs ein Bsp. is die Lehrformateseite Wie sollen solche Seiten aussehen und sich von den Handlungsfeldern und Hubs abheben.
- Userseiten (z.B. User:Thilo oder User:Bg)
- Hubseite (Seite einer Veranstaltung, hier werden Standardinhalte für jede Sitzung festgehalten bspw. Community - Hub - Überblick und Einstieg ins HochN-Wiki: Auftakt)
Benötigte Layout-Elemente
- Cards (Boxen, für Einzelaspekte in einem Überblick)
- Mit Überschrift ()
- Mit Bild / Icon (Font Awesome)
- Als Collapsible (ggfs. nicht möglich mit Bootstrap) siehe Vorlage:Cardcollapse
- Siehe divs in den vorlagen (auf einigen Seiten sind direkt die divs ohne Vorlagen)
- Banner (Boxen als Hinweis etc.)
- Achtung allgemeine Warnung rot
- Tipp extra? freundlich
- Hinweis
- Leseempfehlung mit Buch icon oä
- Block-Quote ohne Kasten drumrum wie hier (einfach blockquote html-Element stylen)
Font Awesome Icons
- Anker wei noch nicht wofür, finde ihn aber cool
- Entscheidung / Abwägung
- Uni
- Person
- Forschung oder Lehre
- Suche / Recherche
- Lesetipp / Literatur oder
- Tipp
- Hinweis
- Achtung / Gefahr
- Block-Quote und oder und
- Network
- Mitmachen
- marker
