Changes for page Help
Last modified by Martina Wagner on 2026/04/27 17:41
From version 2.1
edited by Martina Wagner
on 2026/04/18 18:27
on 2026/04/18 18:27
Change comment:
There is no comment for this version
To version 46.1
edited by Martina Wagner
on 2026/04/19 12:41
on 2026/04/19 12:41
Change comment:
There is no comment for this version
Summary
-
Page properties (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -1,74 +7,150 @@ 1 -Wichtige Formatierungen 2 -Bearbeiten 3 -(%class="abc"%) 4 -1. Punkt eins 5 -1. Punkt zwei 6 - 7 7 8 - Punkt eins 9 - Punkt zwei 2 +== subdivision page == 10 10 11 -kursiv //f// f 12 -fett **L** L 13 -Bilder einbinden 14 -Bearbeiten 4 +A page can be divided into sections, with sections introduced by level 2 headings. 15 15 16 -Um ein Bild einzubinden, muss man den Bearbeitungsmmodus verlassen und ganz unten auf der Seite das Bild als Anhnag hochladen. Anschliessend kann man das Bild mit 17 -Information 6 +{{info}} 7 +{{{ 8 +== information == 9 +..... 10 +== exercise == 11 +..... 12 +}}} 13 +{{/info}} 18 18 15 + ==blue box== 16 +{{info}} 17 +{{{ 18 +{{info}} information {{/info}} 19 +}}} 20 +{{/info}} 21 + 22 + == task == 23 + 24 +{{info}} 25 +{{{ 26 +{{exercise id="name" source="AG Englisch"}} 27 +task {{/exercise}} 28 +}}} 29 +{{/info}} 30 + 31 + 32 + 33 +== important formatting == 34 + 35 +|{{{(%class="abc"%) 36 +1. point one 37 +1. point two 38 +}}}|((( 39 +(% class="abc" %) 40 +1. point one 41 +1. point two 42 +))) 43 +|italics {{{//f//}}}| //f// 44 +|bold {{{**L**}}}| **L** 45 + 46 +== include images == 47 + 48 +To insert an image, you must exit edit mode and upload the image as an attachment at the very bottom of the page. You can then use 49 + 50 +{{info}} 51 +{{{ 19 19 [[image:name.png]] 53 +}}} 54 +{{/info}} 20 20 21 -e inbinden.Als DateiformatefürBilderwerdenPNGundSVGund JPGempfohlen. SVG hat denVorteil,dassesverlustfreiskaliertundauch ausgedrucktperfektaussieht. PNGeignetsichfürSchaubilder, JPG fürFotos.Beibeidenempfiehltessich,dasBildmiteinerhohenAuflösung(z.B. HD: 1.280 x 720Pixel)hochzuladenunddannmit [[image:name.png||width=600]] aufeine passendeGrößezu skalieren.Dank derzusätzlichenPixel siehtdasBilddannauch imAusdruckgutaus. Mit||style="display: block; margin: auto"kann dasBild zentriertwerden. Mit||style="float: right"wird dasBildamrechtenRandpositioniertundaufderlinken SeitevonTextumflossen.56 +The recommended file formats for images are PNG, SVG, and JPG. SVG has the advantage of scaling without loss of quality and looking perfect even when printed. PNG is suitable for diagrams, and JPG for photos. For both, it is recommended to upload the image at a high resolution (e.g., HD: 1,280 x 720 pixels) and then scale it to a suitable size using ##{{{[[image:name.png||width=600]]}}}##. Thanks to the extra pixels, the image will then look good even when printed. You can center the image using ##{{{||style=“display: block; margin: auto”}}}##. Using ##{{{||style=“float: right”}}}## positions the image on the right margin, with text flowing around it on the left. 22 22 23 -Je nachdem, von wo das Bild kommt, muss ein Lizenzhinweis dazugeschrieben werden. Dabei kann der Lizenhinweisgenerator hilfreich sein. 24 -Tabellen 25 -Bearbeiten 26 -Information 58 +Depending on where the image comes from, a license notice must be added. The [[License Notice Generator>>https://lizenzhinweisgenerator.de]] can be helpful for this. 27 27 28 -|=Überschriftenzelle|=noch eine 29 -|Normale Zelle|ohne = 60 +== table == 30 30 31 -Überschriftenzelle noch eine 32 -Normale Zelle ohne = 62 +{{info}} 63 +{{{ 64 +|=Header cell|=another one 65 +|Normal cell|without = 66 +}}} 67 +{{/info}} 33 33 69 +|=Header cell|=another one 70 +|Normal cell|without = 71 + 72 + 34 34 So sieht eine Standard Tabelle aus. Die ist nicht für jeden Zweck geeignet. Manchmal möchte man keine Rahmen oder vollständige Rahmen oder weniger Innenabstand. Dafür gibt es drei fertige Designs, die man folgendermaßen applizieren kann: 35 -Information 36 36 75 +{{info}} 76 +{{{ 37 37 (% class="noborder" %) 38 38 |=Überschriftenzelle|=noch eine 39 39 |Normale Zelle|ohne = 80 +}}} 81 +{{/info}} 40 40 41 - Überschriftenzellenocheine42 - NormaleZelleohne=43 - Information83 +(% class="noborder" %) 84 +|=Überschriftenzelle|=noch eine 85 +|Normale Zelle|ohne = 44 44 87 +{{info}} 88 +{{{ 45 45 (% class="border" %) 46 46 |=Überschriftenzelle|=noch eine 47 47 |Normale Zelle|ohne = 92 +}}} 93 +{{/info}} 48 48 49 - Überschriftenzelle nocheine50 - NormaleZelleohne=51 - Information95 +(% class="border" %) 96 +|=Überschriftenzelle|=noch eine 97 +|Normale Zelle|ohne = 52 52 99 +{{info}} 100 +{{{ 53 53 (% class="border slim" %) 54 54 |=Überschriftenzelle|=noch eine 55 55 |Normale Zelle|ohne = 104 +}}} 105 +{{/info}} 56 56 57 -Überschriftenzelle noch eine 58 -Normale Zelle ohne = 107 +(% class="border slim" %) 108 +|=Überschriftenzelle|=noch eine 109 +|Normale Zelle|ohne = 59 59 60 -Beachte: slim ist kombinierbar mit border und noborder 61 -Listen 62 -Bearbeiten 111 +**Beachte:** ##slim## ist kombinierbar mit ##border## und ##noborder## 63 63 64 -Normalerweise werden geordnete Listen (Markup: 1. ) mit Zahlen nummeriert. In den Aufgaben verwendet man folgenden Code, um stattdessen a, b, c zu bekommen. 65 -Information 113 +== Listen == 66 66 115 +Normalerweise werden geordnete Listen (Markup: {{code}}1. {{/code}}) mit Zahlen nummeriert. In den Aufgaben verwendet man folgenden Code, um stattdessen a, b, c zu bekommen. 116 + 117 +{{info}} 118 +{{{ 67 67 (% class="abc" %) 68 68 1. Unteraufgabe eins 69 69 1. Unteraufgabe zwei 70 70 1. Unteraufgabe drei 123 +}}} 124 +{{/info}} 71 71 72 - Unteraufgabe eins 73 - Unteraufgabe zwei 74 - Unteraufgabe drei 126 +(% class="abc" %) 127 +1. Unteraufgabe eins 128 +1. Unteraufgabe zwei 129 +1. Unteraufgabe drei 130 + 131 +== Eine neue Seite mit Information öffnet sich, wenn man auf ein Wort klickt == 132 + 133 +{{info}} 134 +{{{ 135 +[[Wort]] 136 +}}} 137 +{{/info}} 138 + 139 +[[Wort]] 140 + 141 +== Eine kleine Information öffnet sich, wenn man auf einen runden Knopf drückt == 142 + 143 +{{info}} 144 +{{{ 145 +{{tooltip event="click"}}Information, die man zeigen möchte {{/tooltip}} 146 +}}} 147 +{{/info}} 148 + 149 +{{tooltip event="click"}}Information, die man zeigen möchte {{/tooltip}} 150 +