Support Digitale Lehre

Benutzer-Werkzeuge

Webseiten-Werkzeuge

Sie befinden sich hier: Start » FAQ: Gemeinsam Dokumente in der Academic Cloud bearbeiten » Vorbereitungsbereich
Zuletzt angesehen:
playground:various

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen RevisionVorhergehende Überarbeitung
Nächste Überarbeitung		Vorhergehende Überarbeitung
playground:various [10.07.2024 13:07] – Rhea Sophia Wagenerplayground:various [05.03.2025 13:35] (aktuell) – Lena Aubrey Millheim
Zeile 1: Zeile 1:
 ==== Vorbereitungsbereich ==== ==== Vorbereitungsbereich ====
-??? Wie können Texte in Moodle mit HTML besser formatiert werden? +??? Wie kann die Begrüßungsnachricht geändert werden, die bei Kursbeitritt per E-Mail versendet wird? 
-!!! Moodle bietet einen großen Teil der Textformatierungen und -Anpassungen über HTML. \\ +!!! Der von Moodle versendete Begrüßungstext lässt sich im Bereich der //Einschreibemethode// verändern. Entweder formulieren Sie diesen direkt beim Erstellen oder nachträglich, wie im Folgenden erklärt wird.  \\ 
-=== 1. HTML-Basics === +Um den Text der Begrüßungsnachricht zu ändern, müssen Sie zunächst die Einstellungen der Einschreibemethode aufrufen. Dafür öffnen Sie den Reiter //Teilnehmer/innen// und wechseln anschließend im Drop-Down-Menü auf "Einschreibemethode".\\ 
-Um mit HTML zu starten ist dies die Grundlegende Basis. +{{:moodle:einschreibemethode.png?direct&200|}}\\ 
-  * In diesen Klammern ''<>'' stehen die Befehle für HTML +Als nächstes öffnen Sie die Einstellungen der //Selbsteinschreibung//. Dort können Sie nun ganz unten den Text einfügen, der den Studierenden per E-Mail gesendet werden soll, sobald diese sich erfolgreich eingeschrieben haben.\\ 
-  * Mit''/'' in den Klammern beenden Sie einen Befehl+{{:playground:einschreibeeinstellung.png?direct&300|}}
  
-=== 2. Textformatierungen === + 
-Damit der Text nicht nur unformatiert heruntergeschrieben wird, gibt es mit verschiedenen Befehlen die Möglichkeit Struktur hineinzubringen. \\ + 
-== 1. Absätze und Umbrüche: == +==== FAQ: EvaExam - Fragen nach der Prüfung ==== 
-Am einfachsten lassen sich Texte in verschiedene Absätze unterteilen. Dafür wird ''<p>'' verwendet. Nach einem Absatz verwenden Sie ''</p>'' und beginnen den nächsten Absatz wieder mit ''<p>''. Dieser Absatz nimmt die volle breite auch nach dem Ende in Anspruch. Mit <span> beschränkt sich der Absatz nur auf die Länge der enthaltenen Sätze.\\ Neben den klassischen Textabsätzen können Sie mit ''<br>'' auch einen Zeilenumbruch einfügen, hier bei ist kein Stopp mit ''</br>'' nötig. Wollen Sie das ein bestimmtes Wort, falls es an dieser Stelle in der Darstellung nötig ist getrennt wird, dann verwenden Sie an der Stelle im Wort ''&wbr;'' und schreiben dahinter das Wort weiter.  + 
-== Überschriften: == +??? Kann ich bei der Punktevergabe eine Pause einlegen bzw. speichert EvaExam zwischen Arbeitsschritten? 
-Es gibt 6 verschiedene Größen von Überschriften beginnend mit ''<h1>'' als größte werden die Überschriften bis zu ''<h6>'' immer kleiner. Üblicherweise wird pro Text nur eine H1 verwendet, ähnlich einem Titel. Alle weiteren Überschriftsgrößen können Sie mehrfach verwenden.\\ +!!! Ja, allerdings passiert dies nicht automatisch. Sie können mit dem "Speichern"-Button zwischenspeichern. Wenn sie fertig mit der Auswertung sind, wird der "Punktevergabe abschließen"-Button verfügbar und Sie können die Auswertung beenden. 
-==Textausrichtung: == + 
-In HTML können Sie Ihre Texte auch in der Textausrichtung verändern. Um einen Abschnitt einer Textausrichtung zuzuweisen, verwenden Sie zunächst ''<div>'' um eine Ebene zu erstellen und somit alle eingeschlossenen Elemente wie Bilder ebenfalls auszurichten. In der ''<div>''-Klammer können Sie dann die Ausrichtung einfügen. ''<div style = „text-align:“>'' hinter dem Doppelpunkt fügen Sie Left, right ein für Links- bzw rechtsbündig oder center für Zentriert. Für einen Blocksatz geben Sie justify ein, wenn die letzte Zeile auch mit in Blocksatz geschrieben werden soll, geben Sie justify-all ein.\\ +??? Kann ich mir beim Bewerten auch alle Antworten einer Person anzeigen lassen, statt alle Antworten zu einer Frage? 
-Linksbündig: ''<div style = „text-align:left“>''\\  +!!! Nein, bei der Auswertung der einzelnen Fragen sind die Antworten anonymisiert. Nach der Auswertung, lässt sich über die Punkteübersicht einsehen, wie viel Punkte, welche Person erzielt hat. 
-Rechtsbündig: ''<div style = „text-align:right“>''\\  + 
-Zentriert: ''<div style = „text-align:center“>''\\  +??? Wie funktioniert der Punkteexport? 
-Blocksatz: ''<div style = „text-align:justify“>''\\ +!!! Nach abgeschlossener Auswertung können Sie rechts under der Überschrift "Prüfungsdaten" verschiedene Optionen auswählen. Zum beispiel können Sie die Resulate als PDF oder Excel-Tabelle speichern. Außerdem können Sie die Ergebnisse auch direkt per Email an Ihre Studierenden senden.
-Blocksatz inkl. letzter Zeile: ''<div style = „text-align:justify-all“>''. Diese Funktion ist allerdings nicht in Moodle möglich.\\ +
-== Nummerierung und Stichpunkt: == +
-Um eine Auflistung zu erstellen, gibt es verschiedene Wege. Es besteht die Möglichkeit diese ohne Aufzählungszeichen oder Nummerierung zu machen (1), verschiedene Auflistungszeichen (2) und der nummerierten Aufzählung (3). Der Beginn einer __Auflistung__ ist immer ''<ul>'' und endet mit ''</ul>''. __Nummerierte Aufzählungen__ beginnen mit ''<ol start>'' und enden mit ''</ol>''. \\ +
-1. Auflistung ohne Zeichen oder Nummerierung:\\ +
-''<ul> Stichpunkt 1  <br>\\ +
-Stichpunkt 2 <br>\\ +
-….  +
-</ul>''\\ +
-2. Auflistung mit Aufzählungszeichen:\\ +
-''<ul> \\ +
-<li> Listenpunkt 1 </li>\\ +
-<li> Listenpunkt 2 </li>\\ +
-… +
-</ul>'' \\  +
-3. Nummerierte Aufzählung: In den Anführungszeichen können Sie festlegen mit welcher Zahl die Auflistung beginnen soll. Geben Sie nur <ol> ein, beginnen Sie automatisch mit 1. \\ +
-''<ol start = „//Zahl//“> \\ +
-<li> Listenpunkt 1 </li>\\  +
-<li> Listenpunkt 2 </li>\\ +
-…. +
-</ol>''\\ +
-Um eine Unterliste innerhalb einer Liste zu erstellen, beginnen Sie wie üblich, fügen dann vor dem Unterstichpunkt ein weiteres ''<ul>'' bzw. ''<ol>'' ein und beenden dieses vor dem nächsten Stichpunkt der Hauptlist wieder mit ''</ul>'' bzw. ''</ol>''.\\ +
-Neben den Stichpunktlisten und Aufzählungen gibt es noch die __Definitionsliste__. In dieser wird der Definitionstitel mit <dt> gekennzeichnet und optisch vom Definitionseintrag <dd> abgesetzt. Begonnen wir diese List mit ''<dl>''.\\  +
-Beispiel:\\ +
-''<dl> +
- <dt> Listendefinition 1 </dt>\\ +
-  <dd> Listeneintrag 1</dd>\\ +
- <dt> Listendefinition 2 </dt>\\ +
-  <dd> Listeneintrag 2 </dd>\\ +
-  <dd> Listeneintrag 3 </dd>\\ +
-</dl>'' \\ +
-== 5. Tabellen == +
-Um eine Tabelle einzufügen nutzen Sie den ''<table>''-Befehl. Um den Rahmen der Tabelle zu erstellen, müssen Sie zusätzlich noch ''<tbody>'' verwenden. Jede Zeile einer Tabelle wird mit einem ''<tr>'' (table row) Tag erstellt. In einer Zeile erstellen Sie Zellen durch ''<td>'' (table data) Abschnitte für normale Zellen oder ''<th>'' (table header) Abschnitte für Spalten-Zellen, die standardmäßig fettgedruckt und zentriert sind.\\ +
-Beispiel:\\ +
-''<table> +
-<tbody> \\ +
-<tr> <th> //Überschrift in Zeile 1, Spalte 1// </th>  <td> //Zeile 1, Spalte 2// </td> </tr>\\ +
-<tr> <td> //Zeile 2, Spalte 1// </td> <td> //Zeile 2, Spalte 2// </td> </tr> +
-</tbody> +
-</table> +
-''\\ +
-== 6. Links == +
-Möchten Sie in Ihren Texten eine Verlinkung auf eine andere Webseite einbinden, nutzen Sie den Befehl ''<a href=" ">''. In die Anführungszeichen fügen Sie den Link zur Webseite ein. Anschließend können Sie noch einen anzuzeigenden Text eingeben bevor Sie den Befehl mit ''</a>'' beenden. Beispiel: ''<a href="//URL//"> //Klicken Sie hier// </a>''\\  +
-Damit sich der Link in einem neuen Browserfenster öffnet, verwenden Sie den Zusatz //target = „_top“// zwischen ''<a>'' und ''href=“ “''.\\ Beispiel: ''<a target="_top" href="URL"> Klicke hier </a>'' \\ +
-Um direkt auf eine E-Mail zu verlinken, beginnen Sie wie bei einer normalen Webseite, setzen aber statt den Anführungszeichen //mailto:// vor die Emailadresse. Sie können hier einen Text anzeigen lassen anstelle der E-Mail-Adresse.\\ +
-Beispiel: ''<a href = mailto:beispiel@email.de> Beispieltext <a/>'' +
-== 7. Summary == +
-Möchten Sie einen einklappbaren Abschnitt innerhalb Ihres Textes einzufügen, verwenden Sie die beiden Befehle ''<details>'' und ''<summary>''. Sie beginnen mit ''<details>'', anschließend ''<summary> //Bezeichnung// </summary>'' für die Überschrift des einklappbaren Abschnitts. Nun nutzen Sie ''<p> //Abschnittsinhalte// </p>'' um den Inhalt des eingeklappten zu erstellen. Zum Schluss schließen Sie diesen Bereich mit ''</details>''\\ +
-Beispiel: \\ +
-''<details> +
-<summary> Überschrift zum Einklappen </summary> \\ +
-<p> Das ist der Inhalt für die eingeklappte Box </p> \\ +
-</details> +
-'' +
-=== 3. Schriftformatierungen === +
-== 1. Schriftgröße == +
-Mit HTML können Sie die Schriftgröße in verschiedener Form einstellen. Am besten verwenden Sie dafür die Angabe in Pixeln. Achten Sie darauf, dass die Basis Standardschriftgröße bei 15px liegt und Darstellungen ab 10px zu klein und ab 50px zu groß zum Lesen sein können. Sie können die Schriftgröße auch verkleinern oder vergrößern, wir raten davon allerdings im Rahmen der Lesbarkeit ab.\\ Für Überschriften werden oft Größen zwischen 20px und 30px verwendet. Fließtexte wie dieser haben in der Regel eine Größe zwischen 12 und 16px.\\ +
-Um Ihren Text nun in der Schriftgröße zu verändern fügen Sie bitte, entweder im Befehl des Absatz ''<p>'' oder ''<span>'', in den Befehlsklammern ''style="font-size://20px//"'' ein. \\ +
-Beispiel:\\ +
-''<p style=“font-size:20px“> //Dies ist ein Text in Schriftgröße 20px.// </p>'' +
-== 2. Schriftfarbe == +
-Um Texte ansprechender zu gestalten können Sie Passagen farblich verändern. Dafür verwenden Sie in den Befehlsklammen ''style=“color://Farbname ODER Hex-Code//“''. Beachten Sie, dass die Farbnamen nur auf Englisch angenommen werden, der Farbraum umschließt die Regenbogenfarben sowie schwarz, weiß, grau und braun. Sie können auf dieser Webseite eine Farbe wählen und den Hexadezimalcode direkt kopieren [[https://htmlcolorcodes.com]].\\ +
-Beispiel: ''<p style=“color:pink“> //Pinker Text// </p>'' +
-== 3. Schriftstile == +
-In HTML gibt er mehrere Möglichkeiten Texte stilistisch zu verändern. Setzten Sie die folgenden Befehle einfach vor ''<>'' und mit ''</>'' hinter den Text. +
-**Fett**:  ''<b>''\\ +
-//Kursiv//: ''<i>'' \\ +
-__Unterstrichen__: ''<u>'' \\ +
-<del>Durchgestrichen</del>: ''<strike>'' oder ''<s>''\\ +
-Tiefgestellt: ''<sub>''  \\ +
-Hochgestellt: ''<sup>'' \\ +
-Hervorgehoben: ''<strong>'' entspricht fett \\ +
-Betont: ''<em>'' entspricht kursiv+
playground/various.1720616855.txt.gz · Zuletzt geändert: 10.07.2024 13:07 von Rhea Sophia Wagener

Seiten-Werkzeuge

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki