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
Change comment: There is no comment for this version
To version 46.1
edited by Martina Wagner
on 2026/04/19 12:41
Change comment: There is no comment for this version

Summary

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 -einbinden. Als Dateiformate für Bilder werden PNG und SVG und JPG empfohlen. SVG hat den Vorteil, dass es verlustfrei skaliert und auch ausgedruckt perfekt aussieht. PNG eignet sich für Schaubilder, JPG für Fotos. Bei beiden empfiehlt es sich, das Bild mit einer hohen Auflösung (z.B. HD: 1.280 x 720 Pixel) hochzuladen und dann mit [[image:name.png||width=600]] auf eine passende Größe zu skalieren. Dank der zusätzlichen Pixel sieht das Bild dann auch im Ausdruck gut aus. Mit ||style="display: block; margin: auto" kann das Bild zentriert werden. Mit ||style="float: right" wird das Bild am rechten Rand positioniert und auf der linken Seite von Text umflossen.
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 -Überschriftenzelle noch eine
42 -Normale Zelle ohne =
43 -Information
83 +(% 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 noch eine
50 -Normale Zelle ohne =
51 -Information
95 +(% 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 +